/* Home-only layout; type scale follows the Excel product page. */
/* The canvas and its single-line toolbar occupy separate hero rows, keeping
   platform cards centered on the window and preserving its original width. */
.catalog-home-page .ch-demo-switcher { display:contents; }
.catalog-home-page :is(.ch-demo-panels,.ch-demo-toolbar) { min-width:0; width:calc(100% + var(--ch-demo-overhang)); max-width:1279px; margin-left:calc(-1 * var(--ch-demo-overhang)); }
.catalog-home-page .ch-demo-panels { grid-area:demo; align-self:center; padding:0; }
.catalog-home-page .ch-demo-panel[hidden] { display:none !important; }
.catalog-home-page .ch-word-column .ch-demo-panel .workbook-stage { width:100%; max-width:none; margin:0; height:var(--home-demo-height) !important; }
.catalog-home-page .ch-demo-panel :is(.office-demo,.pd-demo,.workbook,.office-demo--outlook-pro) { height:720px; }
.catalog-home-page .ch-demo-panel .xl-workspace { height:466px; }
.catalog-home-page .ch-demo-panel :is(.ppt-demo-body,.on-body) { height:510px; }
.catalog-home-page .ch-demo-toolbar { grid-area:controls; position:relative; margin-top:12px; container:home-demo-toolbar / inline-size; }
.catalog-home-page .ch-demo-toolbar-row { display:flex; flex-wrap:nowrap; align-items:center; gap:12px; min-width:0; min-height:40px; }
.catalog-home-page .ch-demo-app-tabs { --ch-tabs-fade-start:#000; --ch-tabs-fade-end:#000; display:flex; flex:1 1 0%; flex-wrap:nowrap; gap:2px; min-width:0; overflow-x:auto; overflow-y:hidden; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#b8c1ca transparent; padding:0; background:transparent; }
.catalog-home-page .ch-demo-app-tabs.can-scroll-back { --ch-tabs-fade-start:transparent; }
.catalog-home-page .ch-demo-app-tabs.can-scroll-forward { --ch-tabs-fade-end:transparent; }
.catalog-home-page .ch-demo-app-tabs.is-overflowing { mask-image:linear-gradient(to right,var(--ch-tabs-fade-start),#000 12px,#000 calc(100% - 12px),var(--ch-tabs-fade-end)); }
.catalog-home-page .ch-demo-switcher .ch-demo-app-tabs button { flex:0 0 auto; display:flex; align-items:center; justify-content:center; gap:5px; min-height:36px; padding:6px 7px; border:1px solid transparent; border-radius:3px; background:transparent; color:#68727c; font:400 12px/1.3 'Segoe UI',Arial,sans-serif; white-space:nowrap; cursor:pointer; }
.catalog-home-page .ch-demo-app-tabs img { flex:0 0 auto; width:20px; height:20px; }
.catalog-home-page .ch-demo-tab-label { display:none; }
.catalog-home-page .ch-demo-app-tabs button[aria-selected="true"] .ch-demo-tab-label { display:inline; }
.catalog-home-page .ch-demo-switcher .ch-demo-app-tabs button:hover { color:var(--demo-brand); background:color-mix(in srgb,var(--demo-brand) 3%,transparent); }
.catalog-home-page .ch-demo-switcher .ch-demo-app-tabs button[aria-selected="true"] { color:var(--demo-brand); background:color-mix(in srgb,var(--demo-brand) 6%,transparent); border-color:color-mix(in srgb,var(--demo-brand) 18%,transparent); box-shadow:inset 0 -2px var(--demo-brand); font-weight:500; }
.catalog-home-page .ch-demo-switcher .ch-demo-app-tabs button:focus-visible { outline:2px solid var(--demo-brand); outline-offset:-3px; }
.catalog-home-page .ch-demo-tab-tooltip { position:absolute; z-index:30; left:var(--ch-tab-tooltip-left); bottom:calc(100% + 8px); transform:translateX(-50%); padding:5px 8px; border:1px solid #dfe4e8; border-radius:3px; background:#fff; color:#35424e; box-shadow:0 2px 8px #17293114; font:400 12px/18px 'Segoe UI',Arial,sans-serif; white-space:nowrap; pointer-events:none; }
.catalog-home-page .ch-demo-tab-tooltip[hidden] { display:none; }
.catalog-home-page .ch-demo-controls { flex:0 0 auto; min-width:0; }
.catalog-home-page .ch-demo-controls-panel { display:flex; flex-wrap:nowrap; align-items:center; gap:8px; }
.catalog-home-page .ch-demo-controls-panel[hidden] { display:none; }
.catalog-home-page .ch-demo-playback { display:flex; flex:0 0 auto; flex-wrap:nowrap; align-items:center; gap:2px; }
.catalog-home-page .ch-demo-toolbar :is(.workbook-nav,.office-embed-expand,.excel-embed-expand) { position:static; inset:auto; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:30px; height:34px; min-width:0; min-height:0; aspect-ratio:auto; margin:0; padding:0; border:0; border-radius:3px; background:transparent; color:#68727c; box-shadow:none; transform:none; font:500 12px/20px 'Segoe UI',Arial,sans-serif; cursor:pointer; }
.catalog-home-page .ch-demo-toolbar :is(.workbook-nav,.office-embed-expand,.excel-embed-expand):is(:hover,:active) { background:#eef1f5; color:#35424e; transform:none; box-shadow:none; }
.catalog-home-page .ch-demo-toolbar :is(.workbook-nav,.office-embed-expand,.excel-embed-expand):focus-visible { outline:2px solid var(--ch-control-accent); outline-offset:-2px; }
.catalog-home-page .ch-demo-toolbar :is(.workbook-nav.autoplay,.office-embed-expand,.excel-embed-expand) { width:auto; gap:6px; padding:0 6px; font:500 12px/20px 'Segoe UI',Arial,sans-serif; white-space:nowrap; }
.catalog-home-page .ch-demo-toolbar .ch-demo-controls-panel :is(.workbook-nav,.office-embed-expand,.excel-embed-expand) svg { flex:0 0 16px; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.catalog-home-page .ch-demo-toolbar .workbook-dots { position:static; inset:auto; display:flex; flex-wrap:nowrap; align-items:center; flex:0 0 auto; gap:0; max-width:60px; margin:0; padding:0; overflow-x:auto; scrollbar-width:none; transform:none; }
.catalog-home-page .ch-demo-toolbar .workbook-dots button { position:relative; flex:0 0 12px; width:12px; height:28px; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; cursor:pointer; }
.catalog-home-page .ch-demo-toolbar .workbook-dots button::before { content:""; position:absolute; left:50%; top:50%; width:5px; height:5px; border-radius:5px; background:#b8c1ca; transform:translate(-50%,-50%); }
.catalog-home-page .ch-demo-toolbar .workbook-dots button[aria-current="true"]::before { width:9px; background:var(--ch-control-accent); }
.catalog-home-page .ch-demo-toolbar .workbook-dots button:focus-visible { outline:2px solid var(--ch-control-accent); outline-offset:-2px; }
@container home-demo-toolbar (max-width:700px) {
 .catalog-home-page .ch-demo-toolbar-row { gap:6px; }
 .catalog-home-page .ch-demo-controls-panel { gap:6px; }
 .catalog-home-page .ch-demo-toolbar .workbook-nav.autoplay > span,.catalog-home-page .ch-demo-expand-label { display:none; }
 .catalog-home-page .ch-demo-toolbar :is(.workbook-nav,.office-embed-expand,.excel-embed-expand) { width:28px; padding:0; }
}
@container home-demo-toolbar (max-width:400px) {
 .catalog-home-page .ch-demo-app-tabs button[aria-selected="true"] .ch-demo-tab-label { display:none; }
}
@media(min-width:1081px) {
 /* Taller cards may extend within their own column; they must not push the
    toolbar away from the bottom of the actual interactive window. */
 .catalog-home-page .ch-word-platform-layout:has(.ch-demo-switcher) { grid-template-rows:auto minmax(0,var(--home-demo-height,auto)) auto; }
}
@media(min-width:1780px) { .catalog-home-page :is(.ch-demo-panels,.ch-demo-toolbar) { width:calc(842px + var(--ch-demo-overhang)); } }
@media(max-width:1080px) { .catalog-home-page :is(.ch-demo-panels,.ch-demo-toolbar) { width:100%; margin-left:0; } }
body:has(.catalog-home-page) { --page-app-accent: var(--catalog-office-brand); }
.catalog-home-page { --ch-ink:#202830; --ch-muted:#5d6873; --ch-line:#dfe4e3; --ch-accent:var(--catalog-office-brand-hover); color:var(--ch-ink); background:#fff; font-family:var(--site-text-font); line-height:1.5; }
.catalog-home-page *, .catalog-home-page *::before, .catalog-home-page *::after { box-sizing:border-box; }
.catalog-home-page :is(h1,h2,h3,p):not(.office-demo *, .ch-demo-panel *) { margin:0; }
.catalog-home-page :is(h1,h2,h3):not(.office-demo *, .ch-demo-panel *) { font-family:var(--site-display-font); color:var(--ch-ink); letter-spacing:-.025em; }


.catalog-home-page h2:not(.office-demo *, .ch-demo-panel *) { font-size:36px; font-weight:620; line-height:1.12; }
.catalog-home-page h3:not(.office-demo *, .ch-demo-panel *) { font-size:20px; font-weight:610; line-height:1.25; }
.catalog-home-page a { color:inherit; text-decoration:none; }
.catalog-home-page :is(a,summary):focus-visible { outline:3px solid #2369ae; outline-offset:4px; }
.catalog-home-page .ch-container { width:calc(100% - 88px); max-width:1280px; margin-inline:auto; }
.catalog-home-page header:not(.office-demo *, .ch-demo-panel *) { position:static; z-index:auto; background:transparent; border:0; box-shadow:none; backdrop-filter:none; }


.catalog-home-page .ch-hero-lead { color:var(--ch-muted); }
.catalog-home-page .ch-section { padding-block:58px; scroll-margin-top:24px; }
.catalog-home-page #office-platforms { padding-top:30px; }
.catalog-home-page .ch-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:26px; }
.catalog-home-page .ch-heading p:not(.ch-eyebrow) { margin-top:12px; color:var(--ch-muted); font-size:15px; }
.catalog-home-page .ch-eyebrow { display:none; }
.catalog-home-page #ch-platforms-title { font-size:26px; font-weight:610; }
.catalog-home-page .ch-text-link { flex-shrink:0; font-size:14px; font-weight:600; color:var(--ch-accent); }
.catalog-home-page .ch-text-link:hover { text-decoration:underline; }
.catalog-home-page .ch-platform-grid { display:grid; grid-template-columns:1fr; gap:10px; }
.catalog-home-page .ch-platform-card { display:grid; grid-template-columns:42px minmax(200px,.8fr) minmax(250px,1.3fr) 175px; grid-template-rows:auto auto; align-items:center; gap:6px 22px; padding:22px 24px; border:1px solid var(--ch-line); border-radius:4px; background:#f8faf9; transition:background .15s,border-color .15s; }
.catalog-home-page .ch-platform-card:hover { background:#f2f5f3; border-color:#aebcb5; }
.catalog-home-page .ch-platform-card img { grid-row:1 / 3; width:52px; height:52px; max-width:none; justify-self:center; object-fit:contain; }
.catalog-home-page .ch-platform-card h3 { font-size:20px; grid-column:2; grid-row:1; }
.catalog-home-page .ch-platform-card p { grid-column:3; grid-row:1 / 3; font-size:14px; line-height:1.5; color:var(--ch-muted); }
.catalog-home-page .ch-platform-card > span:last-child { display:flex; justify-content:flex-end; align-items:center; gap:8px; grid-column:4; grid-row:1 / 3; font-size:14px; font-weight:600; color:var(--ch-accent); }
.catalog-home-page .ch-platform-card > span:last-child b { font-size:20px; font-weight:400; }
.catalog-home-page .ch-app-section { background:#f7f9f8; border-block:1px solid #e4e9e6; }
.catalog-home-page .ch-app-grid { display:grid; grid-template-columns:1fr; gap:10px; }
.catalog-home-page .ch-app-card { display:grid; grid-template-columns:42px minmax(200px,.8fr) minmax(250px,1.3fr) 175px; grid-template-rows:auto auto; align-items:center; gap:6px 22px; padding:22px 24px; border:1px solid var(--ch-line); border-radius:4px; background:#fff; transition:border-color .15s; }
.catalog-home-page .ch-app-card:hover { border-color:var(--ch-app-color,#aebcb5); }
.catalog-home-page .ch-app-card-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:0; grid-row:1 / 3; color:#7b8981; }
.catalog-home-page .ch-app-card-top img { width:42px; height:42px; }
.catalog-home-page .ch-app-card > strong { font-size:14px; font-weight:500; color:var(--ch-muted); margin-top:0; grid-column:2; grid-row:2; }
.catalog-home-page .ch-app-card p { font-size:14px; color:var(--ch-muted); margin:0; line-height:1.6; grid-column:3; grid-row:1 / 4; }
.catalog-home-page .ch-app-action { display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:0; grid-column:4; grid-row:1 / 3; font-size:14px; font-weight:600; color:var(--ch-app-color,var(--ch-accent)); }
.catalog-home-page .ch-section-note { margin-top:20px; font-size:13px; color:var(--ch-muted); }
.catalog-home-page .ch-faq-layout { display:block; }
.catalog-home-page .ch-faq-layout h2 { font-size:30px; line-height:1.1; }
.catalog-home-page .ch-faq-list { max-width:960px; margin-top:30px; }
.catalog-home-page .ch-faq-item summary { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:20px 2px; font-size:15px; font-weight:600; cursor:pointer; list-style:none; }
.catalog-home-page .ch-faq-item summary::-webkit-details-marker { display:none; }
.catalog-home-page .ch-faq-item > p { padding:0 30px 22px 2px; font-size:14px; line-height:1.7; color:var(--ch-muted); }
.catalog-home-page .ch-source-note { border-top:1px solid var(--ch-line); margin-top:32px; padding-top:20px; font-size:12px; line-height:1.8; color:var(--ch-muted); }
.catalog-home-page .ch-source-note a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1100px) {
 .catalog-home-page .ch-platform-card { grid-template-columns:36px minmax(0,1fr) 165px; gap:12px 20px; }
 .catalog-home-page .ch-platform-card img { grid-row:1 / 3; }
 .catalog-home-page .ch-platform-card p { grid-column:2; grid-row:3; margin-top:6px; }
 .catalog-home-page .ch-platform-card > span:last-child { grid-column:3; grid-row:1 / 4; }
 .catalog-home-page .ch-app-card { grid-template-columns:42px minmax(0,1fr) 175px; }
 .catalog-home-page .ch-app-card p { grid-column:2; grid-row:3; margin-top:6px; }
 .catalog-home-page .ch-app-action { grid-column:3; grid-row:1 / 4; }
}
@media(max-width:760px) {
 .catalog-home-page .ch-container { width:calc(100% - 40px); }


 .catalog-home-page h2:not(.office-demo *, .ch-demo-panel *) { font-size:28px; }
 .catalog-home-page .ch-section { padding-block:40px; }
 .catalog-home-page .ch-heading { align-items:flex-start; flex-direction:column; gap:16px; }
 .catalog-home-page .ch-platform-card { grid-template-columns:32px minmax(0,1fr); padding:20px; gap:10px 14px; }
 .catalog-home-page .ch-platform-card img { grid-row:1; width:38px; height:38px; }
 .catalog-home-page .ch-platform-card h3 { font-size:18px; }
 .catalog-home-page .ch-platform-card p { grid-column:2; grid-row:3; margin-top:6px; }
 .catalog-home-page .ch-platform-card > span:last-child { grid-column:2; grid-row:4; margin-top:8px; }

 .catalog-home-page .ch-app-card { padding:20px; grid-template-columns:32px minmax(0,1fr); gap:8px 14px; }
 .catalog-home-page .ch-app-card-top img { width:30px; height:30px; }
 .catalog-home-page .ch-app-card h3 { font-size:18px; }
 .catalog-home-page .ch-app-action { grid-column:2; grid-row:4; margin-top:8px; }
}
@media(max-width:440px) {


 .catalog-home-page #ch-platforms-title { font-size:24px; }
 .catalog-home-page .ch-app-grid { grid-template-columns:1fr; }

 .catalog-home-page .ch-faq-layout h2 { font-size:28px; }
}
@media(prefers-reduced-motion:reduce) { .catalog-home-page * { transition:none!important; scroll-behavior:auto!important; } }

/* Database-driven version chooser. One quiet catalogue surface, shared column
   tracks and an explicit right-aligned action at every viewport width. */
.catalog-home-page #office-versions {
 --choice-columns:minmax(265px,1.05fr) minmax(250px,1.2fr) minmax(205px,.92fr) 124px;
 --choice-gap:24px;
 --choice-inset:22px;
 --choice-line:color-mix(in srgb,var(--ch-line) 72%,white);
 padding-block:38px 30px;
 border-block:1px solid var(--divider-shade,#e3e7e8);
 background:color-mix(in srgb,var(--catalog-office-brand) 3%,#fff);
 box-shadow:inset 0 1px 0 var(--divider-light,#fff);
 scroll-margin-top:24px;
}
#office-versions .ch-office-versions-head {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:24px;
 padding:0 0 24px;
}
#office-versions .ch-office-versions-intro { min-width:0; }
#office-versions h2#ch-office-versions-title {
 margin:0;
 font-size:32px;
 font-weight:650;
 letter-spacing:-.032em;
 line-height:1.15;
}
#office-versions .ch-office-versions-description {
 max-width:740px;
 margin:11px 0 0;
 color:var(--ch-muted);
 font-size:14px;
 line-height:1.55;
}
#office-versions .ch-office-versions-count {
 display:flex;
 flex-shrink:0;
 align-items:center;
 gap:13px;
 margin:0;
 color:var(--ch-muted);
 font-size:12px;
 line-height:1.5;
 white-space:nowrap;
}
#office-versions .ch-office-versions-count span {
 display:inline-grid;
 min-width:39px;
 height:39px;
 place-items:center;
 border:1px solid color-mix(in srgb,var(--catalog-office-brand) 13%,white);
 border-radius:4px;
 color:var(--catalog-office-brand-hover);
 background:color-mix(in srgb,var(--catalog-office-brand) 4%,white);
 font-size:21px;
 font-weight:600;
 font-variant-numeric:tabular-nums;
}
#office-versions .ch-office-versions-catalog {
 border:1px solid #dde1e9;
 border-radius:4px;
 background:#fff;
 box-shadow:0 3px 14px #29395504;
}
#office-versions .ch-office-versions-labels {
 display:grid;
 grid-template-columns:var(--choice-columns);
 column-gap:var(--choice-gap);
 padding:11px var(--choice-inset);
 border-bottom:1px solid var(--choice-line);
 border-radius:4px 4px 0 0;
 color:#66717d;
 background:#fcfcfe;
 font-size:12px;
 font-weight:500;
 line-height:1.4;
}
#office-versions .ch-office-version-list {
 display:block;
 margin:0;
 padding:0;
 list-style:none;
}
#office-versions .ch-office-version-row {
 display:grid;
 grid-template-columns:var(--choice-columns);
 align-items:center;
 column-gap:var(--choice-gap);
 min-width:0;
 min-height:96px;
 margin:0;
 padding:17px var(--choice-inset);
 border:0;
 border-bottom:1px solid var(--choice-line);
 border-radius:0;
 background:#fff;
 transition:background-color .16s ease;
}
#office-versions .ch-office-version-row:last-child { border-bottom:0; border-radius:0 0 4px 4px; }
#office-versions .ch-office-version-row--archive { background:#f9fafc; }
#office-versions .ch-office-version-row:hover,
#office-versions .ch-office-version-row:focus-within { background:color-mix(in srgb,var(--catalog-office-brand) 3%,white); }
#office-versions .ch-office-version-identity {
 display:flex;
 min-width:0;
 align-items:center;
 gap:14px;
}
#office-versions .ch-office-version-mark {
 display:grid;
 flex:0 0 54px;
 width:54px;
 height:54px;
 place-items:center;
 border:1px solid #eaecf2;
 border-radius:4px;
 background:#fbfbfe;
}
#office-versions .ch-office-version-row--archive .ch-office-version-mark { background:#fff; }
#office-versions .ch-office-version-icon {
 display:block;
 width:48px;
 height:48px;
 max-width:none;
 object-fit:contain;
}
#office-versions .ch-office-version-main { min-width:0; }
#office-versions .ch-office-version-name {
 margin:0;
 font-size:18px;
 font-weight:650;
 letter-spacing:-.025em;
 line-height:1.3;
}
#office-versions .ch-office-version-name a {
 color:var(--ch-ink);
 text-decoration:none;
 text-decoration-thickness:1px;
 text-underline-offset:4px;
}
#office-versions .ch-office-version-name a:hover { color:var(--ch-accent); text-decoration:underline; }
#office-versions .ch-office-version-license {
 margin:5px 0 0;
 color:var(--ch-muted);
 font-size:12.5px;
 line-height:1.4;
}
#office-versions .ch-office-version-summary {
 min-width:0;
 margin:0;
 color:#46515d;
 font-size:14px;
 line-height:1.5;
 text-wrap:pretty;
}
#office-versions .ch-office-version-facts { min-width:0; }
#office-versions .ch-office-version-platforms {
 margin:0;
 color:#35414d;
 font-size:13px;
 font-weight:500;
 line-height:1.4;
}
#office-versions .ch-office-version-support {
 position:relative;
 padding-left:12px;
 margin:7px 0 0;
 color:var(--ch-muted);
 font-size:12px;
 line-height:1.4;
}
#office-versions .ch-office-version-support::before {
 content:"";
 position:absolute;
 left:0;
 top:.7em;
 transform:translateY(-50%);
 width:6px;
 height:6px;
 border-radius:50%;
 background:#98a0ab;
}
#office-versions :is(.ch-office-version-row--current,.ch-office-version-row--ending,.ch-office-version-row--subscription) .ch-office-version-support { color:#267247; }
#office-versions :is(.ch-office-version-row--current,.ch-office-version-row--ending,.ch-office-version-row--subscription) .ch-office-version-support::before { background:#2f8b57; }
#office-versions .ch-office-version-row--archive .ch-office-version-support { color:#b04444; }
#office-versions .ch-office-version-row--archive .ch-office-version-support::before { background:#c44c4c; }
#office-versions .ch-office-version-download {
 display:inline-flex;
 justify-self:end;
 align-items:center;
 justify-content:center;
 gap:8px;
 width:124px;
 min-height:44px;
 padding:11px 13px;
 border:1px solid var(--catalog-office-brand);
 border-radius:3px;
 background:var(--catalog-office-brand);
 color:#fff;
 font-size:13px;
 font-weight:600;
 line-height:20px;
 text-decoration:none;
 white-space:nowrap;
 transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
#office-versions .ch-office-version-row--archive .ch-office-version-download {
 border-color:color-mix(in srgb,var(--catalog-office-brand) 25%,white);
 background:#fff;
 color:var(--catalog-office-brand-hover);
}
#office-versions .ch-office-version-download:hover {
 border-color:var(--catalog-office-brand-hover);
 background:var(--catalog-office-brand-hover);
 color:#fff;
}
#office-versions .ch-office-version-download:active { background:var(--catalog-office-brand); }
#office-versions .ch-office-version-download:focus-visible,
#office-versions .ch-office-version-name a:focus-visible {
 outline:2px solid var(--catalog-office-brand);
 outline-offset:4px;
}
#office-versions .ch-office-version-download svg {
 flex:0 0 17px;
 width:17px;
 height:17px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.5;
 stroke-linecap:round;
 stroke-linejoin:round;
}
#office-versions .ch-office-versions-note {
 display:flex;
 align-items:flex-start;
 gap:9px;
 margin:16px 0 0;
 color:var(--ch-muted);
 font-size:12px;
 line-height:1.55;
}
#office-versions .ch-office-versions-note svg {
 flex:0 0 17px;
 width:17px;
 height:17px;
 margin-top:1px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.3;
 stroke-linecap:round;
}
@media(max-width:1180px) {
 .catalog-home-page #office-versions { --choice-columns:minmax(235px,1.05fr) minmax(190px,1.15fr) minmax(172px,.9fr) 116px; --choice-gap:19px; --choice-inset:18px; }
 #office-versions .ch-office-version-identity { gap:11px; }
 #office-versions .ch-office-version-mark { flex-basis:48px; width:48px; height:48px; }
 #office-versions .ch-office-version-icon { width:42px; height:42px; }
 #office-versions .ch-office-version-name { font-size:17px; }
 #office-versions .ch-office-version-download { width:116px; }
}
@media(max-width:960px) {
 .catalog-home-page #office-versions { --choice-columns:minmax(224px,1fr) minmax(180px,1.05fr) 110px; --choice-gap:18px; }
 #office-versions .ch-office-versions-labels { display:none; }
 #office-versions .ch-office-version-row { grid-template-areas:"identity summary action" "identity facts action"; row-gap:9px; padding-block:19px; }
 #office-versions .ch-office-version-row:first-child { border-radius:4px 4px 0 0; }
 #office-versions .ch-office-version-identity { grid-area:identity; }
 #office-versions .ch-office-version-summary { grid-area:summary; font-size:13px; }
 #office-versions .ch-office-version-facts { grid-area:facts; }
 #office-versions .ch-office-version-platforms { font-size:12px; }
 #office-versions .ch-office-version-support { margin-top:4px; font-size:11.5px; }
 #office-versions .ch-office-version-download { grid-area:action; width:110px; }
 #office-versions .ch-office-versions-count { display:none; }
}
@media(max-width:700px) {
 .catalog-home-page #office-versions { --choice-columns:minmax(0,1fr) 106px; --choice-gap:14px; --choice-inset:16px; padding-block:28px 24px; }
 #office-versions .ch-office-versions-head { padding-bottom:20px; }
 #office-versions h2#ch-office-versions-title { max-width:460px; font-size:27px; line-height:1.18; }
 #office-versions .ch-office-versions-description { margin-top:10px; font-size:13px; }
 #office-versions .ch-office-version-row { grid-template-areas:"identity identity" "summary summary" "facts action"; row-gap:11px; padding-block:18px; }
 #office-versions .ch-office-version-identity { gap:11px; }
 #office-versions .ch-office-version-mark { flex-basis:46px; width:46px; height:46px; }
 #office-versions .ch-office-version-icon { width:42px; height:42px; }
 #office-versions .ch-office-version-name { font-size:17px; }
 #office-versions .ch-office-version-license { margin-top:4px; font-size:12px; }
 #office-versions .ch-office-version-summary { font-size:13px; line-height:1.5; }
 #office-versions .ch-office-version-download { align-self:center; width:106px; min-height:44px; padding-inline:9px; font-size:12.5px; }
 #office-versions .ch-office-versions-note { margin-top:15px; font-size:11.5px; }
}
@media(max-width:360px) {
 .catalog-home-page #office-versions { --choice-gap:12px; --choice-inset:13px; }
 #office-versions h2#ch-office-versions-title { font-size:25px; }
 #office-versions .ch-office-version-name { font-size:16px; }
 #office-versions .ch-office-version-license { font-size:11.5px; }
 #office-versions .ch-office-version-mark { flex-basis:42px; width:42px; height:42px; }
 #office-versions .ch-office-version-icon { width:38px; height:38px; }
}

.catalog-home-page .ch-app-card h3 { grid-column:2; grid-row:1; }
.catalog-home-page .ch-app-card-top > span { display:none; }


.catalog-home-page .ch-platform-card > .ch-platform-subtitle { grid-column:2; grid-row:2; font-size:14px; font-weight:500; color:var(--ch-muted); }


/* The same sidebar topic pattern as the Excel FAQ, scoped to home. */
.catalog-home-page .ch-faq-topics { display:grid; grid-template-columns:280px minmax(0,1fr); gap:32px; align-items:start; }
.catalog-home-page .ch-faq-topic-nav { display:flex; flex-direction:column; gap:4px; }
.catalog-home-page .ch-faq-topic { display:flex; align-items:center; gap:12px; width:100%; min-height:56px; padding:16px 14px; border:0; border-radius:4px; background:transparent; color:#626a65; font:inherit; font-size:15px; line-height:24px; text-align:left; cursor:pointer; }
.catalog-home-page .ch-faq-topic:hover { background:#f4f5f5; color:#303a34; }
.catalog-home-page .ch-faq-topic.active { background:#e9ebed; color:#303438; font-weight:650; }
.catalog-home-page .ch-faq-topic:focus-visible { outline:2px solid #686d72; outline-offset:3px; }
.catalog-home-page .ch-faq-topic svg { width:16px; height:16px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.catalog-home-page .ch-faq-content { min-width:0; }
.catalog-home-page .ch-faq-topics .ch-faq-list { max-width:none; margin:0; }
.catalog-home-page .ch-faq-topics [hidden] { display:none!important; }
@media(max-width:760px) {
 .catalog-home-page .ch-faq-topics { grid-template-columns:minmax(0,1fr); gap:24px; }
 .catalog-home-page .ch-faq-topic-nav { flex-direction:row; flex-wrap:wrap; }
 .catalog-home-page .ch-faq-topic { flex:1 1 auto; width:auto; min-height:44px; padding:10px 6px; gap:7px; justify-content:center; font-size:12px; }
}
/* Product download badge: the existing OS overlay, at the home icon scale. */
.catalog-home-page .ch-platform-mark { position:relative; display:flex; align-items:center; justify-content:center; grid-column:1; grid-row:1 / 3; width:52px; height:58px; justify-self:center; }
.catalog-home-page .ch-platform-mark > .download-os-badge { position:absolute; right:-3px; bottom:0; display:grid; place-items:center; width:25px; height:25px; border:2px solid #fff; border-radius:4px; background:#fff; box-shadow:0 1px 3px #29394c1a; }
.catalog-home-page .ch-platform-mark > .download-os-badge > img { display:block; width:19px; height:19px; max-width:none; object-fit:contain; }
@media(max-width:760px) {
 .catalog-home-page .ch-platform-mark { width:38px; height:44px; grid-row:1; }
 .catalog-home-page .ch-platform-mark > .download-os-badge { width:20px; height:20px; right:-2px; }
 .catalog-home-page .ch-platform-mark > .download-os-badge > img { width:14px; height:14px; }
}
/* Match the recessed lower edge of the applications section on home only. */
@layer inset-dividers {
 .catalog-home-page.ch-device-home #office-questions {
  border-bottom:1px solid var(--divider-light) !important;
  box-shadow:inset 0 1px 0 var(--divider-light), inset 0 -1px 0 var(--divider-shade) !important;
 }
}
/* The applications entrance uses the same dark hairline/light inset pair. */
@layer inset-dividers {
 .catalog-home-page.ch-device-home #office-apps {
  border-top:1px solid var(--divider-shade) !important;
  box-shadow:inset 0 1px 0 var(--divider-light), inset 0 -1px 0 var(--divider-shade) !important;
 }
}

/* Home reuses the live Word demo and the two-column product hero pattern. */
.catalog-home-page #office-platforms.ch-word-hero { padding:48px 0 128px; --ch-office-brand:var(--catalog-office-brand); --ch-office-soft:color-mix(in srgb, var(--ch-office-brand) 3%, #fdfefd); background:linear-gradient(to bottom,var(--ch-office-soft) 0%,var(--ch-office-soft) calc(100% - 96px),#fff 100%); border:0; border-top:4px solid var(--ch-office-brand); box-shadow:none; overflow:visible; }
.catalog-home-page .ch-word-platform-layout { display:grid; width:min(1280px, calc(100% - 56px)); grid-template-columns:minmax(0,1fr) 400px; gap:0 52px; grid-template-areas:"intro ." "demo platforms" "controls ."; --ch-demo-overhang:clamp(0px, calc((100vw - 1280px) / 2 - 24px), 96px); --ch-panel-overhang:clamp(0px, calc((100vw - 1280px) / 2 - 24px), 64px); align-items:start; }
.catalog-home-page .ch-word-column { display:contents; min-width:0; --app-accent:#185abd; --app-accent-rgb:24,90,189; }


.catalog-home-page .ch-word-column .workbook-stage { grid-area:demo; width:calc(100% + var(--ch-demo-overhang)); max-width:1279px; margin:32px 0 0 calc(-1 * var(--ch-demo-overhang)); }
/* Give the home document more room without enlarging its toolbars or width. */
.catalog-home-page .ch-word-column .office-demo--word { height:720px; }
.catalog-home-page .ch-word-column .word-demo-body { height:510px; }
.catalog-home-page .ch-word-column .word-editor-scroll { height:486px; }
.catalog-home-page .ch-word-column .office-demo--word:is([data-word-view="read"], [data-word-view="web"]) .word-editor-scroll { height:510px; }
.catalog-home-page .ch-word-hero .ch-platform-grid { grid-area:platforms; align-self:center; gap:18px; min-width:0; width:calc(100% + var(--ch-panel-overhang)); margin:0 calc(-1 * var(--ch-panel-overhang)) 0 0; padding:0; }
.catalog-home-page .ch-word-hero .ch-platform-card { grid-template-columns:38px minmax(0,1fr) auto; grid-template-rows:auto auto; gap:3px 14px; padding:18px 16px; }
.catalog-home-page .ch-word-hero .ch-platform-card h3 { font:600 16px/20px 'Segoe UI',Arial,sans-serif; letter-spacing:normal; }
.catalog-home-page .ch-word-hero .ch-platform-subtitle { font:400 12.8px/18px 'Segoe UI',Arial,sans-serif; }
.catalog-home-page .ch-word-hero .ch-platform-card > span:last-child { grid-column:3; grid-row:1 / 3; font-size:12px; margin:0; }
.catalog-home-page .ch-word-hero .ch-platform-mark { grid-row:1 / 3; width:38px; height:44px; }
.catalog-home-page .ch-word-hero .ch-platform-mark > img { position:absolute; right:-3px; bottom:0; z-index:1; width:20px; height:20px; padding:1px; border-radius:3px; background:#fff; object-fit:contain; }
.catalog-home-page .ch-word-hero .ch-platform-mark > .download-os-badge { position:static; width:38px; height:38px; border:0; background:transparent; box-shadow:none; }
.catalog-home-page .ch-word-hero .ch-platform-mark > .download-os-badge > img { width:38px; height:38px; object-fit:contain; }
/* Decorative hero pseudo-elements are not part of the home layout. */
.catalog-home-page #office-platforms.ch-word-hero::before,
.catalog-home-page #office-platforms.ch-word-hero::after { content:none; }
@media(min-width:1780px) {
 .catalog-home-page .ch-word-column .workbook-stage { width:calc(842px + var(--ch-demo-overhang)); }
}
@media(max-width:1080px) {
 .catalog-home-page #office-platforms.ch-word-hero { padding:38px 0 50px; }
 .catalog-home-page .ch-word-platform-layout { width:min(920px, calc(100% - 44px)); grid-template-columns:minmax(0,1fr); grid-template-areas:"intro" "demo" "controls" "platforms"; gap:0; --ch-demo-overhang:0px; --ch-panel-overhang:0px; }
 .catalog-home-page .ch-word-column .workbook-stage { margin:25px 0 92px; width:100%; }
 .catalog-home-page .ch-word-hero .ch-platform-grid { margin:35px 0 0; align-self:start; }


}
@media(max-width:480px) {
 .catalog-home-page .ch-word-platform-layout { width:calc(100% - 24px); }
 .catalog-home-page .ch-word-column h1 { font-size:32px; }
 .catalog-home-page .ch-word-column .workbook-stage { margin-top:23px; }
}
@media(max-width:440px) {
 .catalog-home-page .ch-word-hero .ch-platform-card { grid-template-columns:34px minmax(0,1fr); }
 .catalog-home-page .ch-word-hero .ch-platform-card > span:last-child { grid-column:2; grid-row:3; justify-content:flex-end; }
}

.catalog-home-page .ch-home-intro > .ch-home-heading { padding-left:var(--balanced-inner-inset,20px); }


/* The Office SVG paints 430/512 of its box height; compensate for its
   transparent inset so the visible mark matches the Excel hero icon. */


/* Match the current Office product hero surface and all three text roles. */
.catalog-home-page .ch-home-heading h1 { color:#20352a; }
.catalog-home-page .ch-home-heading .ch-home-subtitle { color:#596b60; }
.catalog-home-page .ch-word-column .ch-hero-lead { color:#596b60; }
.catalog-home-page .ch-home-intro .ch-home-office-icon { background:transparent !important; border-color:transparent !important; box-shadow:none !important; }

@media(max-width:760px) {
 .catalog-home-page #office-platforms.ch-word-hero { padding:32px 0 44px; }
 .catalog-home-page .ch-word-platform-layout { width:min(calc(100% - 28px),660px); }


}
@media(max-width:480px) {
 .catalog-home-page #office-platforms.ch-word-hero { padding:28px 0 40px; }
 .catalog-home-page .ch-word-platform-layout { width:calc(100% - 24px); }


}

/* First-screen finish: one quiet download list and a shared demo footer.
   Keep the existing canvas, heading and column geometry untouched. */
.catalog-home-page #office-platforms.ch-word-hero.hero {
 --ch-hero-ink:#263246;
 --ch-hero-muted:#667386;
 --ch-hero-line:#e2e7ef;
 background:radial-gradient(ellipse 70% 55% at 78% 8%,#edf2fc73,transparent 85%),linear-gradient(180deg,#fafbfe 0%,#fcfdff 68%,#fff 100%);
 box-shadow:inset 0 1px 0 #fff;
}
.catalog-home-page #office-platforms .ch-home-heading h1 { color:var(--ch-hero-ink); }
.catalog-home-page #office-platforms .ch-home-heading .ch-home-subtitle { color:#526176; }
.catalog-home-page #office-platforms .ch-word-column .ch-hero-lead { color:var(--ch-hero-muted); }

.catalog-home-page #office-platforms .ch-platform-grid {
 gap:0;
 border:1px solid var(--ch-hero-line);
 border-radius:5px;
 background:#ffffffd9;
 box-shadow:0 3px 12px #26324604;
}
.catalog-home-page #office-platforms .ch-platform-card {
 position:relative;
 min-height:86px;
 grid-template-columns:38px minmax(0,1fr) auto;
 grid-template-rows:auto auto;
 gap:4px 14px;
 padding:20px 18px;
 border:0;
 border-radius:0;
 background:transparent;
 transition:background .16s ease;
}
.catalog-home-page #office-platforms .ch-platform-card:first-child { border-radius:4px 4px 0 0; }
.catalog-home-page #office-platforms .ch-platform-card:last-child { border-radius:0 0 4px 4px; }
.catalog-home-page #office-platforms .ch-platform-card + .ch-platform-card::before {
 content:"";
 position:absolute;
 inset:0 18px auto;
 height:1px;
 background:var(--ch-hero-line);
 pointer-events:none;
}
.catalog-home-page #office-platforms .ch-platform-card h3 { color:var(--ch-hero-ink); font-weight:600; }
.catalog-home-page #office-platforms .ch-platform-card > .ch-platform-subtitle { color:var(--ch-hero-muted); }
.catalog-home-page #office-platforms .ch-platform-card > span:last-child {
 grid-column:3;
 grid-row:1 / 3;
 gap:6px;
 margin:0;
 color:#575ab4;
 font-size:12px;
 font-weight:600;
 white-space:nowrap;
}
.catalog-home-page #office-platforms .ch-platform-card > span:last-child b { font-size:18px; transition:transform .16s ease; }
.catalog-home-page #office-platforms .ch-platform-card:hover { background:#f4f6fc; }
.catalog-home-page #office-platforms .ch-platform-card:hover > span:last-child b { transform:translateX(2px); }
.catalog-home-page #office-platforms .ch-platform-card:focus-visible { z-index:1; background:#f4f6fc; outline:2px solid #6b70bc; outline-offset:-2px; }

.catalog-home-page #office-platforms .ch-demo-panel .catalog-demo-focus-shell:not(:modal) > .catalog-demo-focus-frame { box-shadow:0 5px 20px #17293114; }
.catalog-home-page #office-platforms .ch-demo-toolbar {
 margin-top:0;
 border:1px solid var(--ch-hero-line);
 border-top:0;
 border-radius:0 0 5px 5px;
 background:#f5f7fbd9;
 box-shadow:0 4px 12px #26324606;
}
.catalog-home-page #office-platforms .ch-demo-toolbar-row { min-height:46px; padding:5px 6px; gap:10px; }
.catalog-home-page #office-platforms .ch-demo-app-tabs { gap:2px; scrollbar-color:#c9d1df transparent; }
.catalog-home-page #office-platforms .ch-demo-app-tabs button { min-height:34px; padding:5px 7px; border-radius:4px; }
.catalog-home-page #office-platforms .ch-demo-app-tabs button:hover { background:#ffffffc7; }
.catalog-home-page #office-platforms .ch-demo-app-tabs button[aria-selected="true"] {
 background:#fff;
 border-color:color-mix(in srgb,var(--demo-brand) 16%,#e7ecf2);
 box-shadow:inset 0 -2px var(--demo-brand),0 1px 2px #26324607;
}
.catalog-home-page #office-platforms .ch-demo-controls { padding-left:7px; border-left:1px solid #dce2ec; }
.catalog-home-page #office-platforms .ch-demo-toolbar :is(.workbook-nav,.office-embed-expand,.excel-embed-expand) { border-radius:4px; color:#647185; }
.catalog-home-page #office-platforms .ch-demo-toolbar :is(.workbook-nav,.office-embed-expand,.excel-embed-expand):hover { color:#344258; background:#e8edf5; }
.catalog-home-page #office-platforms .ch-demo-toolbar .workbook-nav.autoplay[aria-pressed="true"] { color:var(--ch-control-accent); background:color-mix(in srgb,var(--ch-control-accent) 8%,#fff); }
.catalog-home-page #office-platforms .ch-demo-toolbar :is(.office-embed-expand,.excel-embed-expand) { background:#fff; box-shadow:inset 0 0 0 1px #dce2ec; color:#46566b; }
.catalog-home-page #office-platforms .ch-demo-toolbar :is(.office-embed-expand,.excel-embed-expand):hover { background:#fff; box-shadow:inset 0 0 0 1px #bcc8d8; color:#263246; }
.catalog-home-page #office-platforms .ch-demo-toolbar .workbook-dots button::before { background:#b9c3d2; }
.catalog-home-page #office-platforms .ch-demo-toolbar .workbook-dots button[aria-current="true"]::before { background:var(--ch-control-accent); }
.catalog-home-page #office-platforms .ch-demo-tab-tooltip { border-color:#dce2ec; border-radius:4px; color:#344258; box-shadow:0 3px 12px #26324614; }

@container home-demo-toolbar (max-width:700px) {
 .catalog-home-page #office-platforms .ch-demo-toolbar-row { gap:5px; padding-inline:4px; }
 .catalog-home-page #office-platforms .ch-demo-controls { padding-left:5px; }
}
@media(max-width:1080px) {
 .catalog-home-page #office-platforms .ch-platform-grid { margin-top:28px; }
}
@media(max-width:600px) {
 .catalog-home-page #office-platforms .ch-platform-card { min-height:78px; grid-template-columns:34px minmax(0,1fr) auto; gap:3px 10px; padding:16px 12px; }
 .catalog-home-page #office-platforms .ch-platform-card + .ch-platform-card::before { inset-inline:12px; }
 .catalog-home-page #office-platforms .ch-platform-card h3 { font-size:15px; line-height:20px; }
 .catalog-home-page #office-platforms .ch-platform-card > .ch-platform-subtitle { font-size:12px; line-height:17px; }
 .catalog-home-page #office-platforms .ch-platform-card > span:last-child { gap:4px; font-size:11px; }
 .catalog-home-page #office-platforms .ch-platform-mark { width:34px; height:40px; }
 .catalog-home-page #office-platforms .ch-platform-mark > .download-os-badge,
 .catalog-home-page #office-platforms .ch-platform-mark > .download-os-badge > img { width:34px; height:34px; }
 .catalog-home-page #office-platforms .ch-platform-mark > img { width:18px; height:18px; }
}

/* Refined home hero: aligned product introduction, live workspace and platform choice. */
.catalog-home-page #office-platforms.ch-word-hero.hero {
 --ch-hero-ink:#242d3b;
 --ch-hero-muted:#66707e;
 --ch-hero-line:#dde2e8;
 padding:52px 0 76px;
 background:linear-gradient(180deg,#f8f9fb 0%,#f8f9fb 78%,#fff 100%);
 box-shadow:inset 0 1px #fff;
}
.catalog-home-page #office-platforms .ch-word-platform-layout {
 width:min(1420px,calc(100% - 96px));
 max-width:1420px;
 grid-template-columns:minmax(0,1fr) 440px;
 grid-template-rows:auto var(--home-demo-height,auto) auto;
 column-gap:48px;
 --ch-demo-overhang:0px;
 --ch-panel-overhang:0px;
}


.catalog-home-page #office-platforms .ch-home-intro > .ch-home-heading { padding-left:0; }
.catalog-home-page #office-platforms .ch-home-heading h1 {
 color:var(--ch-hero-ink);
}
.catalog-home-page #office-platforms .ch-home-heading .ch-home-subtitle {
 color:#4f5d70;
}
.catalog-home-page #office-platforms .ch-word-column .ch-hero-lead {
 color:var(--ch-hero-muted);
}


.catalog-home-page #office-platforms :is(.ch-demo-panels,.ch-demo-toolbar) { width:100%; max-width:none; margin-left:0; }
.catalog-home-page #office-platforms .ch-demo-panel .catalog-demo-focus-shell:not(:modal) > .catalog-demo-focus-frame {
 border-color:#bbc4ce;
 border-radius:5px 5px 0 0;
 box-shadow:0 9px 28px #26324612;
}
.catalog-home-page #office-platforms .ch-demo-toolbar {
 align-self:start;
 margin-top:0;
 border:1px solid #cfd6df;
 border-top:0;
 border-radius:0 0 5px 5px;
 background:#fff;
 box-shadow:0 9px 24px #26324609;
}
.catalog-home-page #office-platforms .ch-demo-toolbar-row { min-height:61px; gap:12px; padding:10px 12px; }
.catalog-home-page #office-platforms .ch-demo-app-tabs { gap:3px; scrollbar-width:none; }
.catalog-home-page #office-platforms .ch-demo-app-tabs button { min-width:35px; min-height:38px; padding:7px; border:0; border-radius:4px; }
.catalog-home-page #office-platforms .ch-demo-app-tabs img { width:23px; height:23px; }
.catalog-home-page #office-platforms .ch-demo-app-tabs button[aria-selected="true"] {
 background:color-mix(in srgb,var(--demo-brand) 8%,#fff);
 box-shadow:inset 0 -2px var(--demo-brand);
}
.catalog-home-page #office-platforms .ch-demo-app-tabs button:hover { background:#edf1f6; }
.catalog-home-page #office-platforms .ch-demo-controls { padding-left:12px; border-left:1px solid #e1e5eb; }
.catalog-home-page #office-platforms .ch-demo-controls-panel { gap:9px; }
.catalog-home-page #office-platforms .ch-demo-toolbar :is(.workbook-nav,.office-embed-expand,.excel-embed-expand) { height:36px; color:#59687d; }
.catalog-home-page #office-platforms .ch-demo-toolbar :is(.office-embed-expand,.excel-embed-expand) { padding-inline:9px; color:#3e4e64; background:#f4f6f9; box-shadow:none; }
@container home-demo-toolbar (max-width:800px) {
 .catalog-home-page #office-platforms .ch-demo-toolbar .workbook-nav.autoplay > span { display:none; }
 .catalog-home-page #office-platforms .ch-demo-toolbar .workbook-nav.autoplay { width:30px; padding:0; }
 .catalog-home-page #office-platforms .ch-demo-toolbar-row { gap:8px; padding-inline:8px; }
 .catalog-home-page #office-platforms .ch-demo-controls { padding-left:8px; }
 .catalog-home-page #office-platforms .ch-demo-controls-panel { gap:6px; }
}
@media(min-width:1081px) {
 .catalog-home-page #office-platforms .ch-platform-grid { grid-row:2 / 4; align-self:stretch; grid-template-rows:auto repeat(2,minmax(0,1fr)); }
}
@media(min-width:1081px) and (max-width:1279px) {
 .catalog-home-page #office-platforms .ch-word-platform-layout { width:calc(100% - 56px); grid-template-columns:minmax(0,1fr) 364px; column-gap:32px; }


}
@media(max-width:1080px) {
 .catalog-home-page #office-platforms.ch-word-hero.hero { padding:40px 0 56px; }
 .catalog-home-page #office-platforms .ch-word-platform-layout { width:min(920px,calc(100% - 48px)); grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto auto; }


 .catalog-home-page #office-platforms .ch-platform-grid { margin-top:36px; }
}
@media(max-width:600px) {
 .catalog-home-page #office-platforms.ch-word-hero.hero { padding:30px 0 44px; }
 .catalog-home-page #office-platforms .ch-word-platform-layout { width:calc(100% - 32px); }


 .catalog-home-page #office-platforms .ch-demo-toolbar-row { flex-direction:column; align-items:stretch; gap:0; padding:5px 8px 7px; }
 .catalog-home-page #office-platforms .ch-demo-app-tabs { flex:0 0 auto; width:100%; padding-bottom:5px; gap:4px; }
 .catalog-home-page #office-platforms .ch-demo-controls { border-left:0; border-top:1px solid #e6e9ef; padding:6px 0 0; }
 .catalog-home-page #office-platforms .ch-demo-controls-panel { justify-content:space-between; gap:7px; }
 .catalog-home-page #office-platforms .ch-demo-toolbar .workbook-nav.autoplay > span { display:inline; }
 .catalog-home-page #office-platforms .ch-demo-toolbar .workbook-nav.autoplay { width:auto; gap:5px; padding-inline:4px; }
 .catalog-home-page #office-platforms .ch-demo-toolbar :is(.office-embed-expand,.excel-embed-expand) { width:auto; padding-inline:7px; }
 .catalog-home-page #office-platforms .ch-demo-expand-label { display:inline; }
 .catalog-home-page #office-platforms .ch-demo-app-tabs button[aria-selected="true"] .ch-demo-tab-label { display:inline; }
}
@media(max-width:359px) {


 .catalog-home-page #office-platforms .ch-demo-expand-label { display:none; }
}

/* Home hero: one download module with four choices and shared dividers. */
.catalog-home-page #office-platforms .ch-platform-grid {
 container:home-platform-panel / inline-size;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 grid-template-rows:auto;
 gap:0;
 width:100%;
 min-width:0;
 margin:0;
 padding:22px;
 border:1px solid #e0e4ec;
 border-radius:6px;
 background:#fff;
 box-shadow:none;
}
.catalog-home-page #office-platforms .ch-platform-heading {
 grid-column:1 / -1;
 padding:0 0 20px;
 border-bottom:1px solid #e4e7ed;
}
.catalog-home-page #office-platforms .ch-platform-heading h2 {
 margin:0;
 color:#202b3b;
 font:650 22px/1.2 'Segoe UI',Arial,sans-serif;
 letter-spacing:-.5px;
}
.catalog-home-page #office-platforms .ch-platform-heading p {
 margin:7px 0 0;
 color:#626d7b;
 font:400 13px/1.5 'Segoe UI',Arial,sans-serif;
}
.catalog-home-page #office-platforms .ch-platform-card {
 position:relative;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:0;
 min-width:0;
 min-height:204px;
 padding:20px 0;
 border:0;
 border-radius:0;
 background:transparent;
 color:#202b3b;
 text-decoration:none;
 transition:background .16s ease;
}
.catalog-home-page #office-platforms .ch-platform-card:first-child,
.catalog-home-page #office-platforms .ch-platform-card:last-child { border-radius:0; }
.catalog-home-page #office-platforms .ch-platform-card:nth-child(even) { padding-right:22px; }
.catalog-home-page #office-platforms .ch-platform-card:nth-child(odd) { padding-left:22px; border-left:1px solid #e4e7ed; }
.catalog-home-page #office-platforms .ch-platform-card:nth-child(n+4) { border-top:1px solid #e4e7ed; }
.catalog-home-page #office-platforms .ch-platform-card + .ch-platform-card::before { content:none; }
.catalog-home-page #office-platforms .ch-platform-card h3 {
 margin:11px 0 5px;
 color:#202b3b;
 font:650 19px/1.2 'Segoe UI',Arial,sans-serif;
 letter-spacing:-.4px;
}
.catalog-home-page #office-platforms .ch-platform-name { display:block; }
.catalog-home-page #office-platforms .ch-platform-family {
 position:absolute;
 width:1px;
 height:1px;
 padding:0;
 margin:-1px;
 overflow:hidden;
 clip-path:inset(50%);
 white-space:nowrap;
 border:0;
}
.catalog-home-page #office-platforms .ch-platform-card > .ch-platform-subtitle {
 display:block;
 min-height:36px;
 margin:0 0 15px;
 color:#626d7b;
 font:400 12px/18px 'Segoe UI',Arial,sans-serif;
 text-wrap:pretty;
}
.catalog-home-page #office-platforms .ch-platform-mark {
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center;
 width:34px;
 height:38px;
 flex:0 0 auto;
 margin:0;
}
.catalog-home-page #office-platforms .ch-platform-mark > .download-os-badge {
 position:static;
 display:grid;
 place-items:center;
 width:32px;
 height:32px;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
}
.catalog-home-page #office-platforms .ch-platform-mark > .download-os-badge > img { width:32px; height:32px; }
.catalog-home-page #office-platforms .ch-platform-mark > .download-app-mark {
 position:absolute;
 right:-4px;
 bottom:0;
 width:16px;
 height:16px;
 padding:2px;
 border-radius:3px;
 background:#fff;
}
.catalog-home-page #office-platforms .ch-platform-card > span:last-child {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 width:100%;
 min-height:36px;
 margin:auto 0 0;
 padding:7px 11px;
 border:1px solid #505c99;
 border-radius:3px;
 background:#505c99;
 color:#fff;
 font:600 12px/20px 'Segoe UI',Arial,sans-serif;
 white-space:nowrap;
 transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.catalog-home-page #office-platforms .ch-platform-card > span:last-child b { font-size:17px; font-weight:400; line-height:20px; }
.catalog-home-page #office-platforms .ch-platform-card:hover { background:transparent; }
.catalog-home-page #office-platforms .ch-platform-card:hover > span:last-child { border-color:#414d8a; background:#414d8a; color:#fff; }
.catalog-home-page #office-platforms .ch-platform-card:focus-visible { outline:2px solid #505c99; outline-offset:-2px; background:#f8f9fc; }
@media(max-width:1080px) {
 .catalog-home-page #office-platforms .ch-platform-grid { margin-top:28px; }
}
@media(max-width:480px) {
 .catalog-home-page #office-platforms .ch-platform-grid { padding:18px; }
 .catalog-home-page #office-platforms .ch-platform-card:nth-child(even) { padding-right:16px; }
 .catalog-home-page #office-platforms .ch-platform-card:nth-child(odd) { padding-left:16px; }
 .catalog-home-page #office-platforms .ch-platform-card h3 { font-size:17px; }
}
@container home-platform-panel (max-width:310px) {
 .catalog-home-page #office-platforms .ch-platform-heading { padding-bottom:18px; }
 .catalog-home-page #office-platforms .ch-platform-card:nth-child(n) { grid-column:1 / -1; display:grid; grid-template-columns:34px minmax(0,1fr); grid-template-rows:auto auto auto; min-height:0; gap:0 12px; padding:16px 0; border-left:0; }
 .catalog-home-page #office-platforms .ch-platform-card + .ch-platform-card { border-top:1px solid #e4e7ed; }
 .catalog-home-page #office-platforms .ch-platform-mark { grid-column:1; grid-row:1 / 3; align-self:start; }
 .catalog-home-page #office-platforms .ch-platform-card h3 { grid-column:2; grid-row:1; margin:0 0 4px; font-size:18px; }
 .catalog-home-page #office-platforms .ch-platform-card > .ch-platform-subtitle { grid-column:2; grid-row:2; min-height:0; margin:0; }
 .catalog-home-page #office-platforms .ch-platform-card > span:last-child { grid-column:1 / -1; grid-row:3; margin-top:12px; }
}

/* Home hero revision: menu-aligned intro, left-overhanging demo and light OS actions. */
.catalog-home-page #office-platforms .ch-word-platform-layout {
 width:min(var(--balanced-content-width,1280px), calc(100% - (var(--balanced-content-gutter,24px) * 2)));
 padding-inline:var(--balanced-inner-inset,20px);
 grid-template-columns:minmax(0,1fr) minmax(300px,358px);
 grid-template-areas:"intro ." "demo platforms" "controls platforms";
 column-gap:44px;
 --ch-demo-overhang:clamp(24px, calc((100vw - var(--balanced-content-width,1280px)) / 2 + var(--balanced-inner-inset,20px) - 24px), 96px);
}


.catalog-home-page #office-platforms .ch-word-column .ch-hero-note {
 grid-area:note;
 max-width:640px;
 margin-top:12px;
 color:#788293;
 font:400 12px/1.55 'Segoe UI',Arial,sans-serif;
}


.catalog-home-page #office-platforms :is(.ch-demo-panels,.ch-demo-toolbar) {
 width:calc(100% + var(--ch-demo-overhang));
 margin-left:calc(-1 * var(--ch-demo-overhang));
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions {
 container:none;
 grid-area:platforms;
 display:flex;
 flex-direction:column;
 align-self:start;
 gap:8px;
 width:100%;
 min-width:0;
 margin:0;
 padding:0;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
}
.catalog-home-page #office-platforms .ch-platform-actions .ch-platform-heading {
 padding:0 0 10px;
 border:0;
}
.catalog-home-page #office-platforms .ch-platform-actions .ch-platform-heading h2 {
 color:#232c3c;
 font:620 18px/1.25 'Segoe UI',Arial,sans-serif;
 letter-spacing:0;
}
.catalog-home-page #office-platforms .ch-platform-actions .ch-platform-heading p {
 margin-top:4px;
 color:#6f7987;
 font:400 12px/1.45 'Segoe UI',Arial,sans-serif;
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card {
 --platform-accent:#505c99;
 --platform-soft:#f8f9fd;
 display:grid;
 grid-template-columns:44px minmax(0,1fr) auto;
 grid-template-rows:auto auto;
 align-items:center;
 gap:2px 12px;
 min-height:66px;
 padding:10px 12px;
 border:1px solid #dfe4ec;
 border-radius:5px;
 background:#fff;
 color:#232c3c;
 box-shadow:none;
 transition:border-color .16s ease, background .16s ease;
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card[href*="/windows/"] { --platform-accent:#0078d4; --platform-soft:#f5faff; }
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card[href*="/macos/"],
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card[href*="/ios/"] { --platform-accent:#35383c; --platform-soft:#f8f8f9; }
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card[href*="/android/"] { --platform-accent:#19845e; --platform-soft:#f4fbf8; }
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card:nth-child(n) {
 padding:10px 12px;
 border:1px solid #dfe4ec;
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card + .ch-platform-card {
 border-top:1px solid #dfe4ec;
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card::before {
 content:none;
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card:hover,
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card:focus-visible {
 background:var(--platform-soft);
 border-color:color-mix(in srgb,var(--platform-accent) 42%,#dfe4ec);
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-mark {
 grid-column:1;
 grid-row:1 / 3;
 align-self:center;
 justify-self:start;
 width:38px;
 height:44px;
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card h3 {
 grid-column:2;
 grid-row:1;
 margin:0;
 color:#232c3c;
 font:600 15px/20px 'Segoe UI',Arial,sans-serif;
 letter-spacing:0;
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-name { display:block; }
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card > .ch-platform-subtitle {
 grid-column:2;
 grid-row:2;
 min-height:0;
 margin:0;
 color:#687384;
 font:400 12px/17px 'Segoe UI',Arial,sans-serif;
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card > .ch-platform-cta {
 grid-column:3;
 grid-row:1 / 3;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:6px;
 width:auto;
 min-height:34px;
 margin:0;
 padding:6px 10px;
 border:1px solid var(--platform-accent);
 border-radius:4px;
 background:var(--platform-accent);
 color:#fff;
 font:600 12px/18px 'Segoe UI',Arial,sans-serif;
 white-space:nowrap;
 transition:background .16s ease,border-color .16s ease;
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card > .ch-platform-cta b {
 font-size:16px;
 font-weight:400;
 line-height:18px;
 transition:transform .16s ease;
}
.catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card:hover > .ch-platform-cta b {
 transform:translateX(2px);
}
@media(max-width:1080px) {
 .catalog-home-page #office-platforms .ch-word-platform-layout {
  width:min(920px,calc(100% - 48px));
  padding-inline:0;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"intro" "demo" "controls" "platforms";
  --ch-demo-overhang:0px;
 }
 .catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions {
  max-width:560px;
  margin-top:30px;
 }
}
@media(max-width:600px) {
 .catalog-home-page #office-platforms .ch-word-platform-layout { width:calc(100% - 32px); }


 .catalog-home-page #office-platforms .ch-word-column .ch-hero-note {
  font-size:11.5px;
 }


 .catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card {
  grid-template-columns:40px minmax(0,1fr);
  grid-template-rows:auto auto auto;
  min-height:0;
  padding:12px;
 }
 .catalog-home-page #office-platforms .ch-platform-grid.ch-platform-actions .ch-platform-card > .ch-platform-cta {
  grid-column:2;
  grid-row:3;
  justify-self:start;
  margin-top:8px;
 }
}

/* Home product parity: reuse the product hero geometry and download controls. */
.catalog-home-page #office-platforms.ch-word-hero.hero {
 --ch-hero-ink:#20352a;
 --ch-hero-muted:#596b60;
 position:relative;
 isolation:isolate;
 overflow:hidden;
 padding:0;
 background:
  linear-gradient(180deg,#fbfcff 0%,#f8fafc 54%,#fff 100%);
 box-shadow:inset 0 1px 0 #fff;
}
.catalog-home-page #office-platforms.ch-word-hero.hero::before,
.catalog-home-page #office-platforms.ch-word-hero.hero::after {
 content:"";
 position:absolute;
 inset:0;
 z-index:0;
 pointer-events:none;
}
.catalog-home-page #office-platforms.ch-word-hero.hero::before {
 background:
  repeating-linear-gradient(90deg,rgba(0,120,212,.045) 0 1px,transparent 1px 96px),
  repeating-linear-gradient(180deg,rgba(32,53,42,.032) 0 1px,transparent 1px 64px);
 background-position:calc(50% - 616px) 0,0 16px;
 opacity:.58;
 -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.38) 72%,transparent 100%);
 mask-image:linear-gradient(180deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.38) 72%,transparent 100%);
}
.catalog-home-page #office-platforms.ch-word-hero.hero::after {
 background:
  linear-gradient(110deg,transparent 0 10%,rgba(0,120,212,.04) 10% 10.18%,transparent 10.18% 100%),
  linear-gradient(110deg,transparent 0 63%,rgba(25,132,94,.034) 63% 63.18%,transparent 63.18% 100%),
  linear-gradient(110deg,transparent 0 80%,rgba(216,59,1,.026) 80% 80.16%,transparent 80.16% 100%),
  linear-gradient(90deg,rgba(255,255,255,.72) 0 34%,rgba(255,255,255,.3) 58%,rgba(255,255,255,.4) 73%,rgba(255,255,255,.78) 100%);
 opacity:.9;
 -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.62) 66%,transparent 100%);
 mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.62) 66%,transparent 100%);
}
.catalog-home-page #office-platforms .hero-grid.ch-word-platform-layout {
 /* This outer grid already includes the content inset on both edges. */
 --hero-heading-inner-inset:0px;
 position:relative;
 z-index:1;
 display:block;
 width:min(1280px,calc(100% - 56px));
 max-width:1280px;
 min-height:0;
 margin-inline:auto;
 padding:var(--hero-heading-top) 0 128px;
 --ch-demo-overhang:clamp(0px, calc((100vw - 1280px) / 2 - 24px), 96px);
}
.catalog-home-page #office-platforms .hero-layout.ch-home-hero-layout {
 display:grid;
 grid-template-columns:minmax(0,1fr) 400px;
 align-items:start;
 column-gap:52px;
 row-gap:0;
}
.catalog-home-page #office-platforms .hero-excel-column.ch-word-column {
 position:relative;
 display:block;
 grid-column:1;
 grid-row:1;
 min-width:0;
}
.catalog-home-page #office-platforms .hero-excel-column.ch-word-column::before {
 content:none;
}

.catalog-home-page #office-platforms .hero-heading-content.ch-home-heading {
 padding-left:var(--balanced-inner-inset,20px);
}
.catalog-home-page #office-platforms .hero-heading-support {
 padding-left:var(--balanced-inner-inset,20px);
}
.catalog-home-page #office-platforms .hero-copy h1 {
 color:var(--ch-hero-ink);
 text-shadow:none;
}
.catalog-home-page #office-platforms .hero-copy h1 > span:first-child {
 display:inline;
}
.catalog-home-page #office-platforms .hero-heading-content .hero-title-secondary {
 display:block;
 color:var(--ch-hero-muted);
}
.catalog-home-page #office-platforms .hero-heading-support .hero-description {
 color:var(--ch-hero-muted);
}
.catalog-home-page #office-platforms .hero-heading-support .ch-hero-note {
 max-width:680px;
 margin-top:10px;
 color:#6f7c74;
 font-size:12px;
 line-height:1.5;
}
.catalog-home-page #office-platforms .hero-heading-icon.ch-home-office-icon {
 background:transparent!important;
 border-color:transparent!important;
 box-shadow:none!important;
}

.catalog-home-page #office-platforms :is(.ch-demo-panels,.ch-demo-toolbar) {
 position:relative;
 z-index:1;
 width:calc(100% + var(--ch-demo-overhang));
 max-width:1279px;
 margin-left:calc(-1 * var(--ch-demo-overhang));
}
.catalog-home-page #office-platforms .ch-demo-panels {
 margin-top:32px;
}
.catalog-home-page #office-platforms .ch-demo-toolbar {
 position:absolute!important;
 left:calc(-1 * var(--ch-demo-overhang));
 top:calc(100% + 12px);
 display:block!important;
 height:28px;
 margin:0;
 overflow:visible;
 color:#526176;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 backdrop-filter:none!important;
}
.catalog-home-page #office-platforms .ch-demo-toolbar-row {
 display:flex;
 align-items:center;
 min-height:28px;
 height:28px;
 gap:0;
 padding:2px 4px;
 border:0;
 background:transparent!important;
}
.catalog-home-page #office-platforms .ch-demo-app-tabs {
 flex:1 1 auto;
 display:flex;
 align-items:center;
 gap:3px;
 min-width:0;
 height:24px;
 overflow-x:auto;
 overflow-y:hidden;
 overscroll-behavior-x:contain;
 scrollbar-width:none;
}
.catalog-home-page #office-platforms .ch-demo-app-tabs::-webkit-scrollbar {
 display:none;
}
.catalog-home-page #office-platforms .ch-demo-switcher .ch-demo-app-tabs button {
 flex:0 0 auto;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:5px;
 min-height:24px;
 height:24px;
 padding:2px 7px;
 border:1px solid transparent;
 border-radius:4px;
 background:transparent;
 color:#607084;
 box-shadow:none;
 font:500 12px/18px 'Segoe UI',Arial,sans-serif;
 white-space:nowrap;
}
.catalog-home-page #office-platforms .ch-demo-app-tabs img {
 width:16px;
 height:16px;
}
.catalog-home-page #office-platforms .ch-demo-app-tabs .ch-demo-tab-label {
 display:none;
}
.catalog-home-page #office-platforms .ch-demo-switcher .ch-demo-app-tabs button:is(:hover,:focus-visible) {
 color:var(--demo-brand);
 background:color-mix(in srgb,var(--demo-brand) 5%,rgba(255,255,255,.5));
 border-color:transparent;
}
.catalog-home-page #office-platforms .ch-demo-switcher .ch-demo-app-tabs button[aria-selected="true"] {
 color:var(--demo-brand);
 background:color-mix(in srgb,var(--demo-brand) 6%,rgba(255,255,255,.58));
 border-color:color-mix(in srgb,var(--demo-brand) 16%,transparent);
 box-shadow:none;
 font-weight:650;
}
.catalog-home-page #office-platforms .ch-demo-switcher .ch-demo-app-tabs button[aria-selected="true"] .ch-demo-tab-label {
 display:inline;
}
.catalog-home-page #office-platforms .ch-demo-switcher .ch-demo-app-tabs button:focus-visible {
 outline:2px solid color-mix(in srgb,var(--demo-brand) 58%,#fff);
 outline-offset:2px;
}
.catalog-home-page #office-platforms .ch-demo-controls {
 display:none!important;
}
.catalog-home-page #office-platforms .ch-demo-tab-tooltip {
 display:none!important;
}
@container home-demo-toolbar (min-width:960px) {
 .catalog-home-page #office-platforms .ch-demo-app-tabs .ch-demo-tab-label {
  display:inline;
 }
}
.catalog-home-page #office-platforms .hero-download-panel.ch-home-download-panel {
 position:relative;
 grid-column:2;
 grid-row:1;
 grid-area:auto;
 align-self:start;
 width:456px;
 max-width:none;
 margin:216px calc(-1 * clamp(0px, calc((100vw - 1280px) / 2 - 24px), 64px)) 0 0;
 padding:0;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
 backdrop-filter:none;
}
.catalog-home-page #office-platforms .hero-download-panel.ch-home-download-panel::before {
 content:none;
}
.catalog-home-page #office-platforms .download-original-view.ch-device-chooser {
 width:100%;
}
.catalog-home-page #office-platforms .hero-os-actions {
 display:grid;
 grid-template-columns:1fr;
 gap:12px;
 width:100%;
 margin:0;
 padding:0;
}
.catalog-home-page #office-platforms .hero-os-actions .os-option {
 display:grid;
 grid-template-columns:48px minmax(0,1fr);
 align-items:center;
 gap:14px;
 width:100%;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download-entry {
 min-width:0;
}
.catalog-home-page #office-platforms .hero-os-actions .os-platform-icon {
 grid-column:1!important;
 grid-row:1!important;
 align-self:center!important;
 justify-self:center!important;
 display:grid!important;
 place-items:center!important;
 width:48px!important;
 height:58px!important;
}
.catalog-home-page #office-platforms .hero-os-actions .os-platform-icon > img {
 position:static!important;
 inset:auto!important;
 display:block!important;
 width:36px!important;
 height:36px!important;
 max-width:none!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 object-fit:contain!important;
 filter:drop-shadow(0 1px 1px rgba(38,50,70,.14));
}
.catalog-home-page #office-platforms .hero-os-actions .os-download {
 --os-accent:#526173;
 --os-surface:rgba(255,255,255,.68);
 --os-surface-hover:#fff;
 --os-border:#dfe5ed;
 --os-ink:#273242;
 --os-muted:#667386;
 display:grid;
 grid-template-columns:minmax(0,1fr) 24px!important;
 align-items:center;
 gap:14px;
 position:relative;
 overflow:hidden;
 width:100%;
 min-height:64px;
 padding:10px 14px 10px 16px;
 border:1px solid var(--os-border);
 border-radius:5px!important;
 background:
  linear-gradient(90deg,color-mix(in srgb,var(--os-accent) 5%,transparent),transparent 46%),
  var(--os-surface)!important;
 color:var(--os-ink)!important;
 box-shadow:0 1px 2px rgba(38,50,70,.045),inset 0 1px rgba(255,255,255,.72);
 text-shadow:none;
 transform:none;
 filter:none;
 text-decoration:none;
 transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download::before {
 content:"";
 position:absolute;
 inset:12px auto 12px 0;
 width:3px;
 border-radius:0 3px 3px 0;
 background:var(--os-accent);
 opacity:.64;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download[data-platform="windows"] {
 --os-accent:#0078d4;
 --os-surface:rgba(248,252,255,.78);
 --os-surface-hover:#f4f9ff;
 --os-border:#bddcf5;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download[data-platform="macos"],
.catalog-home-page #office-platforms .hero-os-actions .os-download[data-platform="ios"] {
 --os-accent:#424850;
 --os-surface:rgba(255,255,255,.68);
 --os-surface-hover:#f8fafc;
 --os-border:#dfe3e8;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download[data-platform="android"] {
 --os-accent:#19845e;
 --os-surface:rgba(247,253,250,.78);
 --os-surface-hover:#f1fbf6;
 --os-border:#cfe9dd;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download > .ch-os-copy {
 grid-column:1;
 grid-row:1;
 display:grid!important;
 grid-template-rows:auto auto!important;
 gap:2px!important;
 min-width:0!important;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download > .download-icon {
 grid-column:2;
 grid-row:1;
 display:grid;
 place-items:center;
 width:24px;
 height:24px;
 color:var(--os-accent)!important;
 transition:transform .16s ease,color .16s ease;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download .download-icon svg {
 width:22px;
 height:22px;
 fill:none;
 stroke:currentColor!important;
 stroke-width:1.8;
 stroke-linecap:round;
 stroke-linejoin:round;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download :is(strong,small) {
 margin:0;
 max-width:100%!important;
 overflow:visible!important;
 color:inherit!important;
 font-family:'Segoe UI',Arial,sans-serif;
 letter-spacing:normal;
 text-overflow:clip!important;
 white-space:normal!important;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download strong {
 color:#253044!important;
 font-size:16px;
 font-weight:650;
 line-height:20.5px;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download small {
 color:#6f7a88!important;
 font-size:12.2px;
 font-weight:450;
 line-height:16px;
}
.catalog-home-page #office-platforms .ch-os-facts {
 display:grid;
 grid-template-columns:minmax(0,1fr);
 gap:1px;
 max-width:394px;
 margin:12px 0 0 62px;
 padding-left:16px;
 border-left:3px solid rgba(111,122,136,.16);
 color:#6f7a88;
 font:450 11.5px/16px 'Segoe UI',Arial,sans-serif;
 letter-spacing:normal;
 text-align:left;
 text-wrap:pretty;
}
.catalog-home-page #office-platforms .ch-os-facts-product,
.catalog-home-page #office-platforms .ch-os-facts-detail {
 display:inline;
 min-width:0;
}
.catalog-home-page #office-platforms .ch-os-facts-product {
 color:#465265;
 font-weight:650;
}
.catalog-home-page #office-platforms .ch-os-facts-detail {
 color:#788392;
 font-weight:450;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download:is(:hover,:focus-visible) {
 background:
  linear-gradient(90deg,color-mix(in srgb,var(--os-accent) 7%,transparent),transparent 48%),
  var(--os-surface-hover)!important;
 border-color:color-mix(in srgb,var(--os-accent) 48%,var(--os-border))!important;
 color:var(--os-ink)!important;
 box-shadow:0 2px 8px rgba(38,50,70,.07),inset 0 1px rgba(255,255,255,.82);
}
.catalog-home-page #office-platforms .hero-os-actions .os-download:is(:hover,:focus-visible) > .download-icon {
 transform:translateY(1.5px);
}
.catalog-home-page #office-platforms .hero-os-actions .os-download:active {
 background:color-mix(in srgb,var(--os-accent) 12%,#fff)!important;
 border-color:color-mix(in srgb,var(--os-accent) 58%,var(--os-border))!important;
}
.catalog-home-page #office-platforms .hero-os-actions .os-download:focus-visible {
 outline:2px solid color-mix(in srgb,var(--os-accent) 70%,#fff);
 outline-offset:3px;
}
@media(max-width:1080px) {
 .catalog-home-page #office-platforms .hero-grid.ch-word-platform-layout {
  width:min(920px,calc(100% - 48px));
  padding:var(--hero-heading-top) 0 56px;
  --ch-demo-overhang:0px;
 }
 .catalog-home-page #office-platforms .hero-layout.ch-home-hero-layout {
  grid-template-columns:minmax(0,1fr);
 }
  .catalog-home-page #office-platforms .hero-download-panel.ch-home-download-panel {
   width:min(456px,100%);
   margin:76px 0 0;
  }
 .catalog-home-page #office-platforms .ch-demo-toolbar {
  width:100%;
  left:0;
  margin-left:0;
  }
 }
@media(max-width:600px) {
 .catalog-home-page #office-platforms .hero-grid.ch-word-platform-layout {
  width:calc(100% - 32px);
  padding:var(--hero-heading-top) 0 44px;
 }

 .catalog-home-page #office-platforms .ch-demo-toolbar {
  height:26px;
  }
  .catalog-home-page #office-platforms .ch-demo-toolbar-row,
  .catalog-home-page #office-platforms .ch-demo-app-tabs {
   height:26px;
   min-height:26px;
  }
  .catalog-home-page #office-platforms .ch-demo-switcher .ch-demo-app-tabs button {
   height:26px;
   min-height:26px;
   padding:3px 7px;
  }


 .catalog-home-page #office-platforms .hero-heading-support .ch-hero-note {
  font-size:11.5px;
  line-height:1.55;
 }


 .catalog-home-page #office-platforms .hero-os-actions {
  gap:8px;
 }
 .catalog-home-page #office-platforms .hero-os-actions .os-option {
  grid-template-columns:44px minmax(0,1fr);
  gap:10px;
 }
 .catalog-home-page #office-platforms .hero-os-actions .os-platform-icon {
  width:44px!important;
  height:58px!important;
 }
 .catalog-home-page #office-platforms .hero-os-actions .os-platform-icon > img {
  width:34px!important;
  height:34px!important;
 }
 .catalog-home-page #office-platforms .hero-os-actions .os-download {
  grid-template-columns:minmax(0,1fr) 24px!important;
  grid-template-rows:auto;
  min-height:64px;
  gap:9px;
  padding:10px 11px 10px 13px;
 }
 .catalog-home-page #office-platforms .hero-os-actions .os-download > .download-icon {
  grid-column:2;
  grid-row:1;
 }
 .catalog-home-page #office-platforms .hero-os-actions .os-download strong {
  font-size:15px;
  line-height:19px;
 }
 .catalog-home-page #office-platforms .hero-os-actions .os-download small {
  font-size:11.7px;
  line-height:15px;
 }
 .catalog-home-page #office-platforms .ch-os-facts {
  max-width:none;
  margin:11px 0 0 54px;
  padding-left:13px;
  font-size:11px;
  line-height:15px;
 }
}

/* Keep both homepage catalogue actions easy to tap on narrow/touch screens. */
@media (max-width:1100px), (any-pointer:coarse) {
 .catalog-home-page #office-apps .ch-app-table-action,
 .catalog-home-page #office-versions .ch-office-version-download {
  min-height:44px!important;
 }
}
@layer home-surfaces {
 @media (max-width:1100px), (any-pointer:coarse) {
  body.office-catalog-dle main.catalog-home-page #office-apps .ch-app-table-action,
  body.office-catalog-dle main.catalog-home-page #office-versions .ch-office-version-download {
   color:#fff!important;
   background:var(--catalog-office-brand)!important;
   border-color:var(--catalog-office-brand)!important;
  }
  body.office-catalog-dle main.catalog-home-page #office-apps .ch-app-table-action:is(:hover,:focus-visible,:active),
  body.office-catalog-dle main.catalog-home-page #office-versions .ch-office-version-download:is(:hover,:focus-visible,:active) {
   color:#fff!important;
   background:var(--catalog-office-brand-hover)!important;
   border-color:var(--catalog-office-brand-hover)!important;
  }
 }
}