/* Lightweight controls below the live preview. Static images have no controls;
   the home's separate toolbar is untouched. Keep the preview and download
   action visually primary without wrapping the controls in a heavy card. */
body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> .workbook-nav) {
 --demo-control-accent:var(--cvs-accent,var(--product-brand,var(--office-embed-accent,var(--catalog-office-brand,#5b5fc7))));
 --demo-control-paper:#fff;
 --demo-control-tail:12px;
}
body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> :is(.office-embed-expand,.excel-embed-expand)) { --demo-control-tail:136px; }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> .workbook-nav)::after {
 content:'';
 display:none;
 position:absolute;
 z-index:0;
 top:calc(100% + 18px);
 bottom:auto;
 left:0;
 right:0;
 height:1px;
 box-sizing:border-box;
 border:0;
 border-top:1px solid #e5e9ee;
 border-radius:0;
 background:transparent;
 box-shadow:none;
 pointer-events:none;
}
body.office-catalog-dle .hero.hero-second-screen .workbook-stage > :is(.workbook-nav,.office-embed-expand,.excel-embed-expand) {
 position:absolute!important;
 z-index:2;
 top:calc(100% + 5px)!important;
 bottom:auto!important;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 box-sizing:border-box!important;
 width:44px!important;
 height:44px!important;
 min-width:0!important;
 min-height:44px!important;
 margin:0;
 padding:0;
 color:#34414c!important;
 background:transparent!important;
 border:1px solid transparent!important;
 border-radius:4px!important;
 box-shadow:none!important;
 transform:none!important;
 font:600 13px/20px 'Segoe UI',Arial,sans-serif;
 letter-spacing:normal;
 white-space:nowrap;
 cursor:pointer;
 transition:color .15s ease,background-color .15s ease,border-color .15s ease;
}
body.office-catalog-dle .hero.hero-second-screen .workbook-stage > .workbook-nav.prev { left:12px!important; right:auto!important; }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage > .workbook-nav.autoplay { left:64px!important; right:auto!important; width:144px!important; padding:0 10px; gap:8px; background:transparent!important; }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage > .workbook-nav.next { left:216px!important; right:auto!important; }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage > :is(.office-embed-expand,.excel-embed-expand) { left:auto!important; right:12px!important; width:112px!important; padding:0 10px; }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage > .workbook-nav > svg { width:18px; height:18px; flex:0 0 18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage > :is(.workbook-nav,.office-embed-expand,.excel-embed-expand):is(:hover,:focus-visible) { color:color-mix(in srgb,var(--demo-control-accent) 80%,#253242)!important; background:#fff!important; border-color:#d8e0e6!important; }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage > :is(.workbook-nav,.office-embed-expand,.excel-embed-expand):is(:active,[aria-pressed="true"]) { color:color-mix(in srgb,var(--demo-control-accent) 80%,#253242)!important; background:#fff!important; border-color:#cbd5df!important; }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage > :is(.workbook-nav,.office-embed-expand,.excel-embed-expand):focus-visible { outline:2px solid var(--demo-control-accent)!important; outline-offset:2px!important; }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage > .workbook-nav:disabled { opacity:.4; cursor:default; background:transparent!important; }

/* Stable, generous hit areas; the inner mark alone changes for the active slide. */
body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> .workbook-nav) > .workbook-dots {
 position:absolute!important;
 z-index:2;
 top:calc(100% + 5px)!important;
 bottom:auto!important;
 left:276px!important;
 right:var(--demo-control-tail)!important;
 display:flex!important;
 align-items:center;
 justify-content:center;
 gap:0!important;
 width:auto!important;
 max-width:none!important;
 height:44px;
 margin:0!important;
 padding:0;
 transform:none!important;
 overflow-x:auto;
 scrollbar-width:none;
}
body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> .workbook-nav) > .workbook-dots::-webkit-scrollbar { display:none; }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> .workbook-nav) > .workbook-dots button {
 position:relative;
 flex:0 0 24px;
 width:24px!important;
 height:36px!important;
 margin:0;
 padding:0!important;
 border:0!important;
 border-radius:3px!important;
 background:transparent!important;
 box-shadow:none!important;
 cursor:pointer;
}
body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> .workbook-nav) > .workbook-dots button::before { content:''; position:absolute; left:50%; top:50%; width:6px; height:6px; border-radius:6px; background:#b8c1ca; transform:translate(-50%,-50%); }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> .workbook-nav) > .workbook-dots button[aria-current="true"]::before { width:14px; background:var(--demo-control-accent); }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> .workbook-nav) > .workbook-dots button:is(:hover,:focus-visible) { background:#eaf0f5!important; }
body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> .workbook-nav) > .workbook-dots button:focus-visible { outline:2px solid var(--demo-control-accent)!important; outline-offset:-2px!important; }

@media(max-width:760px) {
 body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> .workbook-nav)::after { top:calc(100% + 18px); height:1px; }
 body.office-catalog-dle .hero.hero-second-screen .workbook-stage > :is(.workbook-nav,.office-embed-expand,.excel-embed-expand) { top:calc(100% + 5px)!important; width:40px!important; height:40px!important; min-height:40px!important; }
 body.office-catalog-dle .hero.hero-second-screen .workbook-stage > .workbook-nav.prev { left:10px!important; }
 body.office-catalog-dle .hero.hero-second-screen .workbook-stage > .workbook-nav.autoplay { left:calc(50% - 72px)!important; width:144px!important; }
 body.office-catalog-dle .hero.hero-second-screen .workbook-stage > .workbook-nav.next { left:auto!important; right:10px!important; }
 body.office-catalog-dle .hero.hero-second-screen .workbook-stage > :is(.office-embed-expand,.excel-embed-expand) { top:calc(100% + 5px)!important; right:10px!important; width:104px!important; }
 body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> .workbook-nav) > .workbook-dots { top:calc(100% + 5px)!important; left:12px!important; height:40px; }
 body.office-catalog-dle .hero.hero-second-screen .workbook-stage:has(> :is(.office-embed-expand,.excel-embed-expand)) { --demo-control-tail:124px; }
}
/* Align the toolbar with the heading while preserving the preview overhang. */
@media(min-width:761px) {
 body.office-catalog-dle .hero.hero-second-screen .hero-excel-column > .workbook-stage {
  --demo-control-inset:var(--balanced-inner-inset,0px);
 }
 body.office-catalog-dle .hero.hero-second-screen .hero-excel-column > .workbook-stage:has(> .workbook-nav)::after { left:var(--demo-control-inset); }
 body.office-catalog-dle .hero.hero-second-screen .hero-excel-column > .workbook-stage > .workbook-nav.prev { left:calc(var(--demo-control-inset) + 12px)!important; }
 body.office-catalog-dle .hero.hero-second-screen .hero-excel-column > .workbook-stage > .workbook-nav.autoplay { left:calc(var(--demo-control-inset) + 64px)!important; }
 body.office-catalog-dle .hero.hero-second-screen .hero-excel-column > .workbook-stage > .workbook-nav.next { left:calc(var(--demo-control-inset) + 216px)!important; }
 body.office-catalog-dle .hero.hero-second-screen .hero-excel-column > .workbook-stage:has(> .workbook-nav) > .workbook-dots { left:calc(var(--demo-control-inset) + 276px)!important; }
}
@media(min-width:1081px) {
 body.office-catalog-dle .hero.hero-second-screen .hero-excel-column > .workbook-stage {
  --demo-control-inset:calc(var(--balanced-inner-inset,0px) + var(--excel-overhang,0px));
 }
}
@media(prefers-reduced-motion:reduce) { body.office-catalog-dle .workbook-stage > :is(.workbook-nav,.office-embed-expand,.excel-embed-expand) { transition:none!important; } }