/* V6 pass 56 (Oct 15 2026): pro's Pass 58 for the story and its header, as pro wrote it (tools/act2/port_pass58.py).
   Two changes: the stamp shows with ?stamp, and the Transitions menu scrolls when it's taller than the window. */
/* WATT 58 / limestone held constant; editorial emphasis and action pigment are separate. */
html #pro[data-palette=forest]{--opal:232 216 187;--smoke:24 46 41;--ink:#182E29;--accent:#4C6051;--light:#FCF4E8;--light-soft:#515A50;--w56-surface:#E8D8BB;--w56-field:#F5EBD9;--w56-muted:#515A50;--w56-border:#727D6C;--w56-action:#1D342D;--w56-action-ink:#FCF4E8;--w56-error:#842F3A;--w56-ball:#4C6051;}
html #pro[data-palette=olive]{--opal:232 216 187;--smoke:43 48 39;--ink:#2B3027;--accent:#60604B;--light:#FCF4E8;--light-soft:#585B4F;--w56-surface:#E8D8BB;--w56-field:#F5EBD9;--w56-muted:#585B4F;--w56-border:#7A7C67;--w56-action:#383F32;--w56-action-ink:#FCF4E8;--w56-error:#842F3A;--w56-ball:#60604B;}
html #pro[data-palette=slate]{--opal:232 216 187;--smoke:36 50 53;--ink:#243235;--accent:#506165;--light:#FCF4E8;--light-soft:#515D60;--w56-surface:#E8D8BB;--w56-field:#F5EBD9;--w56-muted:#515D60;--w56-border:#747F7D;--w56-action:#293B3D;--w56-action-ink:#FCF4E8;--w56-error:#842F3A;--w56-ball:#506165;}

html #pro:is([data-palette=forest],[data-palette=olive],[data-palette=slate]) .new-study .ps-material{background:var(--w56-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:color-mix(in srgb,var(--ink) 14%,transparent)!important}
html #pro:is([data-palette=forest],[data-palette=olive],[data-palette=slate]) #pro-band{background:var(--w56-action);color:var(--w56-action-ink)}
html #pro:is([data-palette=forest],[data-palette=olive],[data-palette=slate]) #pro-band :is(h2,a,p,.p-eyebrow){color:var(--w56-action-ink)}
html #pro:is([data-palette=forest],[data-palette=olive],[data-palette=slate]) :is(.stage-foot,#continue){color:#FCF4E8;text-shadow:0 1px 4px #000b}

/* Ink on film, never a plaque. Archivo stays horizontal at every breakpoint. */
.w58-wordmark{display:inline-flex!important;align-items:baseline!important;gap:10px!important;white-space:nowrap!important;font-family:Archivo,sans-serif!important;line-height:1!important;letter-spacing:0!important;padding:0!important;margin:0!important}
.w58-wordmark>span{display:inline!important;font:400 10px/1 Archivo,sans-serif!important;letter-spacing:.19em!important;text-transform:uppercase!important;margin:0!important}
.w58-wordmark>b{display:inline!important;font-family:Archivo,sans-serif!important;font-weight:820!important;font-stretch:125%;font-variation-settings:'wdth' 125;font-size:29px!important;letter-spacing:-.04em!important;line-height:1!important}
.w58-brand,.w58-nav{display:flex!important;align-items:center!important;min-height:44px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.w58-brand{padding:0!important;gap:0!important;text-decoration:none!important;flex:none!important}
.w58-nav{gap:16px!important;padding:0!important}
.w58-nav :is(a,button){display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;min-height:44px!important;min-width:44px!important;padding:0 3px!important;gap:9px!important;white-space:nowrap!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;font:400 13px/1 Archivo,sans-serif!important;letter-spacing:.015em!important;text-transform:none!important;cursor:pointer}
.w58-nav a:last-child{padding-right:0!important;min-width:73px!important}
.w58-nav a::after{content:''!important;position:absolute;left:3px;right:3px;bottom:8px;height:1px;background:currentColor;opacity:0;transform:scaleX(.55);transform-origin:left;transition:transform .22s,opacity .22s}
.w58-nav a:hover::after,.w58-nav a:focus-visible::after,.w58-nav a[aria-current=page]::after{opacity:.82;transform:scaleX(1)}
.w58-nav .w58-film{width:44px!important;opacity:.88!important;font-size:14px!important}
.w58-nav .w58-film:hover{opacity:1!important}
.w58-film-label{display:none!important}
.w58-seal{display:block;width:32px;height:auto;aspect-ratio:342/216;pointer-events:none;color:#FCF4E8;filter:drop-shadow(0 1px 2px #10181399)}
.w58-seal svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:600px){
 .w58-wordmark{gap:8px!important}.w58-wordmark>span{font-size:9px!important;letter-spacing:.14em!important}.w58-wordmark>b{font-size:24px!important}
 .w58-nav{gap:7px!important}.w58-nav :is(a,button){font-size:12px!important;padding:0 2px!important;gap:7px!important}.w58-nav a:last-child{min-width:65px!important}
 .w58-seal{width:28px}
}
@media(max-width:360px){.w58-wordmark{gap:6px!important}.w58-wordmark>span{font-size:8px!important;letter-spacing:.10em!important}.w58-wordmark>b{font-size:21px!important}.w58-nav{gap:3px!important}.w58-nav a:last-child{min-width:59px!important}.w58-nav :is(a,button){font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.w58-nav a::after{transition:none}}

html body .top.w58-masthead{position:fixed!important;inset:max(15px,env(safe-area-inset-top)) 4.8vw auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;z-index:70!important;height:44px!important;min-height:44px!important;pointer-events:none!important;transform:none!important;opacity:1!important;visibility:visible!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;color:#FFFDF7!important;text-shadow:0 1px 2px #101813,0 1px 7px #101813b3!important;font-family:Archivo,sans-serif!important}
html body .top.w58-masthead :is(.w58-brand,.w58-nav,.w58-nav a,.w58-nav button){color:inherit!important;text-shadow:inherit!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important}
html body .top.w58-masthead :is(a,button):focus-visible{outline:2px solid #FFFDF7;outline-offset:4px}
/* The contact document owns its header; on a phone it scrolls with the sheet, never over the fields. */
html.watt-contact-live body .top.w58-masthead{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html.watt-contact-live body .top.w58-masthead :is(.w58-brand,.w58-nav){visibility:hidden!important;pointer-events:none!important}
/* Review tools are unboxed, subordinate and leave the artifact's footer clear. */
html body .top.w58-masthead :is(#motion,#color-open){position:fixed!important;top:auto!important;right:auto!important;bottom:max(2px,env(safe-area-inset-bottom))!important;opacity:.9!important;visibility:visible!important;pointer-events:auto!important;min-height:44px!important;border-radius:0!important;border:0!important;background:none!important;color:#FFFDF7!important;text-shadow:0 1px 2px #101813,0 1px 6px #101813b3!important;padding:10px 0!important;font:400 9px/1.3 Archivo,sans-serif!important;letter-spacing:.11em!important;box-shadow:none!important}
html body .top.w58-masthead #color-open{left:4.8vw!important}
html body .top.w58-masthead #motion{left:calc(4.8vw + 114px)!important}
html.watt-contact-live body .top.w58-masthead :is(#color-open,#motion){visibility:hidden!important;pointer-events:none!important}
html body .tmenu{top:auto!important;bottom:49px!important;transform-origin:0 100%!important;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}
html[data-review=off] .top.w58-masthead :is(#color-open,#motion){display:none!important}
.w58-hero-seal{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:35;opacity:1;transition:opacity .25s}
html:not([data-sw-act="1"]) .w58-hero-seal{opacity:0}
#pro .stage-foot .w58-seal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
html:not([data-stamp]) .stamp{display:none!important}html[data-stamp] .stamp{bottom:52px}
#color-lab{background:#202A25;color:#F4EBDD}#color-lab .cl-head h2{font-family:Archivo,sans-serif}#color-lab .cl-actions button:first-child{background:#E8D8BB;color:#182E29;border-color:#E8D8BB}#color-lab .cl-card[aria-pressed=true]{outline:2px solid #E8D8BB;outline-offset:4px}
#color-lab .cl-name{font-size:13px}#color-lab .cl-hex{font-size:10px}#color-lab .cl-note{color:#D2D0C1}#color-lab .cl-mapping{font-size:11px;line-height:1.65;color:#D2D0C1;max-width:75ch;margin:12px 0 0}
@media(max-width:600px){html body .top.w58-masthead{inset:max(10px,env(safe-area-inset-top)) 18px auto!important;gap:6px!important}html body .top.w58-masthead #color-open{left:18px!important}html body .top.w58-masthead #motion{left:125px!important}.w58-hero-seal{bottom:27px}}
@media(max-width:360px){html body .top.w58-masthead{left:14px!important;right:14px!important}}
/* Preserve the calibrated portrait film crop. Identity sits on its image, not the source's letterbox. */
@media(orientation:portrait){html[data-sw-act="1"] body .top.w58-masthead{top:max(10px,env(safe-area-inset-top),calc(50svh - 88.88889vw + 12px))!important}html[data-sw-act="1"] .w58-hero-seal{bottom:max(27px,calc(50svh - 88.88889vw + 24px))}}