/* A secondary tour action; the solid header early-access action is unchanged. */
#top .hero-tour-button{background:#e5f2ed;border-color:#a5c8bb;color:#075d4e;gap:10px}
#top .hero-tour-button::before{content:'▶';font-size:12px;line-height:1}
#top .hero-tour-button:is(:hover,:focus-visible,:active){background:#d2e8df;border-color:#538f7d;color:#064b3f}
#top .hero-tour-button:focus-visible{outline:3px solid var(--focus,#087b66);outline-offset:5px}
/* Native modal semantics and scroll containment, without changing the feature sheet. */
html:has(#mantle-tour-dialog[open]){overflow:hidden}
#mantle-tour-dialog{position:fixed;inset:0;margin:auto;width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--hair,#cbd5cf);border-radius:12px;background:#fff;color:var(--ink,#1c2420);overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 80px rgb(11 23 17 / .3)}
#mantle-tour-dialog::backdrop{background:rgb(11 23 17 / .72)}
.tour-popup-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px}
.tour-popup-head h2{font-family:var(--disp);font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:0}
.tour-popup-head button{flex:none;display:inline-flex;align-items:center;gap:10px;min-width:80px;min-height:44px;padding:8px 12px;border:1px solid var(--control-border,#a8b5ad);border-radius:7px;background:#fff;color:#075d4e}
.tour-popup-head button:hover{background:#e5f2ed}
.tour-popup-content{min-width:0;background:#101315}
.tour-popup-content video{display:block;width:100%;height:auto;max-height:calc(100dvh - 110px);aspect-ratio:16/9;object-fit:contain;background:#101315}
@media(max-width:560px){#mantle-tour-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:9px}.tour-popup-head{padding:10px 12px;gap:12px}.tour-popup-head h2{font-size:17px}.tour-popup-content video{max-height:calc(100dvh - 90px)}}