/* Separate quiet surfaces complement the patterned header and footer. */
:root { --catalog-faq-surface:#f8f8fc; }
body.office-catalog-dle > header.office-header {
  border-bottom:3px solid transparent !important;
  --header-stripe-brand:var(--header-page-brand,var(--catalog-office-brand));
  border-image:linear-gradient(90deg,color-mix(in srgb,var(--header-stripe-brand) 55%,#dceafa) 0%,var(--header-stripe-brand) 48%,color-mix(in srgb,var(--header-stripe-brand) 65%,#eddcf3) 100%) 1 !important;
}
.catalog-home-page #office-platforms.ch-word-hero {
  border-top:0;
  background:
    radial-gradient(ellipse 70% 50% at 4% 3%,#f4eff940,transparent 85%),
    radial-gradient(ellipse 55% 65% at 100% 10%,#eaf1fb70,transparent 80%),
    linear-gradient(180deg,#fafbff 0%,#fdfdff 70%,#fff 100%);
  box-shadow:inset 0 1px #ffffffd9;
}
.catalog-home-page #office-apps { background:#f7f8fc; }
.catalog-home-page .ch-word-hero .ch-platform-card { background:#ffffffb8; border-color:#dce1ec; }
body:has(main#top.product-page > #product-download-start) main#top #product-download-start {
  border-top:0 !important;
}
body.office-catalog-dle > footer.footer { border-top:1px solid #dfe3ef !important; }
.catalog-home-page .ch-demo-app-tabs button:hover { background:color-mix(in srgb,var(--demo-brand) 4%,white); }
.catalog-home-page .ch-demo-app-tabs button[aria-selected="true"] { background:color-mix(in srgb,var(--demo-brand) 9%,white); border-color:color-mix(in srgb,var(--demo-brand) 36%,white); }