/* v6 layout, using the project's retained DSM roles. */
/* Token-bound reading viewport; native scrolling stays inside the display. */
#projection[data-selected="what-i-do"]{--cm-reader-min-height:480px;--cm-reader-max-height:620px;--cm-reader-mobile-height:70svh}
#what-i-do-content{min-height:0;overflow:hidden}
#what-i-do-content h1{flex-shrink:0}
#what-i-do-content .empty-content{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;overflow-wrap:anywhere;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--cm-accent) var(--pd-glass);margin-block-start:var(--sp-5);padding-inline-end:var(--sp-3);padding-block-end:var(--sp-3)}
#what-i-do-content .empty-content>:first-child{margin-block-start:0}
#what-i-do-content .empty-content:focus-visible{outline:var(--bw-hairline) solid var(--pd-blue-line);outline-offset:var(--sp-1)}
#what-i-do-content .empty-content::-webkit-scrollbar{width:var(--sp-2);height:var(--sp-2)}
#what-i-do-content .empty-content::-webkit-scrollbar-track{background:var(--pd-glass);border-inline-start:var(--bw-hairline) solid var(--pd-blue-line)}
#what-i-do-content .empty-content::-webkit-scrollbar-thumb{background:var(--cm-accent);border:var(--bw-signal) solid var(--cm-panel);border-radius:var(--r-0)}
#what-i-do-content .empty-content::-webkit-scrollbar-thumb:hover{background:var(--cm-ink)}
#what-i-do-content .empty-content::-webkit-scrollbar-corner{background:transparent}
@supports selector(::-webkit-scrollbar){#what-i-do-content .empty-content{scrollbar-width:auto;scrollbar-color:auto}}
@media(max-width:639px){#projection[data-selected="what-i-do"]{height:clamp(var(--cm-reader-min-height),var(--cm-reader-mobile-height),var(--cm-reader-max-height))}}

/* ErrorDocument uses the same projection and existing type/material roles. */
[data-page="not-found"] .explore{display:grid}
[data-page="not-found"] a.roster-item{text-decoration:none}
.error-view{justify-content:center;align-items:flex-start;gap:var(--sp-5)}
.information-view .error-code{font:500 var(--fs-hero)/var(--lh-tight) var(--pd-font-display);letter-spacing:var(--ls-display);margin:0}
.error-message{font-size:var(--fs-lead);color:var(--cm-ink);margin:0}
.information-view{flex:1;z-index:2;padding:var(--sp-7);color:var(--cm-accent);display:flex;flex-direction:column}.information-view h1{font-size:var(--fs-h2);font-weight:500;margin:0}.empty-content{flex:1}@media(max-width:767px){.information-view{padding:var(--sp-5)}}
*{box-sizing:border-box}body{margin:0;background:var(--cm-field);color:var(--cm-ink);font:400 var(--fs-body)/var(--lh-body) var(--pd-font-body);min-height:100vh;isolation:isolate}[hidden]{display:none!important}a{color:inherit}button,input,textarea,select{font:inherit;border-radius:var(--r-0)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--bw-signal) solid var(--cm-accent);outline-offset:var(--sp-1)}.mono{font:var(--fs-micro)/var(--lh-body) var(--pd-font-hud);letter-spacing:var(--ls-label)}.wrap{width:min(1200px,calc(100% - var(--sp-8)*2));margin-inline:auto}.skip{position:absolute;top:-100px;left:var(--sp-4);z-index:1000}.skip:focus{top:var(--sp-4)}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.site-header{position:relative;height:190px;margin-block:var(--sp-5) var(--sp-7);isolation:isolate}.header-pane,.header-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.site-header{--header-inset:var(--sp-7)}.header-content{position:relative;z-index:2;height:100%;padding:var(--sp-6) var(--header-inset);pointer-events:none}.header-content a{pointer-events:auto}.header-orrery{position:absolute;z-index:2;right:var(--sp-3);top:36px;width:520px;height:154px}.brand{display:inline-flex;min-height:44px;align-items:center}.brand img{width:226px;height:auto;display:block}.category-nav{position:absolute;left:var(--header-inset);bottom:var(--header-inset);display:flex;gap:var(--sp-2);margin:0;max-width:calc(100% - var(--header-inset)*2);width:max-content}.category{display:flex;align-items:center;justify-content:center;min-height:44px;padding-inline:var(--sp-4);position:relative;text-decoration:none;color:var(--pd-silver)}.category[aria-current]{color:var(--cm-ink)}.explore{display:none;grid-template-columns:280px minmax(0,1fr);gap:var(--sp-section);align-items:start;--signal:1;--fault:0;--glint:.3;--registration:0px}.enhanced .explore{display:grid}.selection{position:relative;height:580px;padding:var(--sp-3);isolation:isolate;min-width:0}.item-options{display:grid;gap:var(--sp-1);position:relative;z-index:2}.roster-item{position:relative;width:100%;display:flex;align-items:center;min-height:44px;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-body-sm);line-height:var(--lh-heading);color:var(--pd-silver);background:transparent;border:0;text-align:left;cursor:pointer}.roster-item[aria-pressed=true]{color:var(--cm-ink)}.mobile-picker{display:none}.nav-traces,.nav-frost{position:absolute;inset:0;pointer-events:none}.nav-emitter{position:absolute;right:0;top:205px;height:170px;width:var(--bw-signal);z-index:3;pointer-events:none}.signal-volume{position:absolute;left:100%;top:0;width:var(--sp-section);height:100%;pointer-events:none;z-index:-1}.projection-stage{min-width:0;position:relative}.app-window{position:relative;height:580px;display:flex;flex-direction:column;min-width:0;isolation:isolate;color:var(--cm-accent)}.app-topbar{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--sp-7);padding:var(--sp-1) var(--sp-3);z-index:2}.window-title{margin:0;min-width:0}.chrome-grip{flex:1;min-width:var(--sp-3);height:7px}.window-corner{font-size:var(--fs-lead)}.project-content{display:flex;flex-direction:column;flex:1;min-height:0;z-index:1}.address{font:var(--fs-micro)/var(--lh-body) var(--pd-font-hud);padding:var(--sp-2) var(--sp-4);color:var(--cm-muted);overflow-wrap:anywhere;min-height:34px}.preview-body{position:relative;flex:1;min-height:180px;margin-inline:var(--sp-1);overflow:hidden}.site-capture{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:var(--alpha-muted)}.text-preview{height:100%;padding:var(--sp-7);display:flex;flex-direction:column;justify-content:center;gap:var(--sp-4)}.text-preview h1{font-size:var(--fs-h2);font-weight:500;line-height:var(--lh-heading);margin:0;overflow-wrap:anywhere}.text-preview p{color:var(--cm-muted);margin:0}.preview-meta{display:flex;justify-content:space-between;padding:var(--sp-2) var(--sp-4);gap:var(--sp-3)}.preview-caption{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-5);padding:var(--sp-4);min-height:76px;color:var(--cm-ink)}.preview-caption p{font-size:var(--fs-body-sm);margin:0}.preview-caution{color:var(--cm-muted);font-size:var(--fs-meta)!important}.open-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;flex-shrink:0}.action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--sp-2) var(--sp-4);font:var(--fs-meta)/var(--lh-body) var(--pd-font-hud);text-decoration:none;color:var(--cm-ink);background:transparent;border:var(--bw-hairline) solid var(--pd-blue-line)}.action:disabled{opacity:var(--alpha-muted);cursor:not-allowed}.contact-form{z-index:2;flex:1;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:var(--sp-5);padding:var(--sp-7);color:var(--cm-ink)}.contact-form h1{grid-column:1/-1;color:var(--cm-accent);font-size:var(--fs-h2);font-weight:500;margin:0}label{display:grid;gap:var(--sp-2);font-size:var(--fs-body-sm)}input,textarea{width:100%;min-width:0;min-height:44px;color:var(--cm-ink);background:var(--pd-glass);border:var(--bw-hairline) solid var(--pd-blue-line);padding:var(--sp-3)}textarea{resize:vertical;min-height:156px;max-height:240px}.span-all{grid-column:1/-1}.form-actions{display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap}.form-actions p{margin:0;font-size:var(--fs-body-sm)}footer{margin-top:var(--sp-5);padding-block:var(--sp-2) var(--sp-4);border-top:var(--bw-hairline) solid var(--pd-line)}.social-links{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);color:var(--cm-muted)}.social-links a,.social-links span{display:flex;align-items:center;min-height:44px;text-decoration:none}.fallback-directory{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7)}.fallback-directory ul{padding:0;list-style:none}.fallback-directory a,.fallback-directory li>span{display:flex;align-items:center;min-height:44px}.fallback-contact{padding-block:var(--sp-7)}
@media(max-width:1199px){.header-orrery{width:340px;height:118px;top:54px}.explore{gap:var(--sp-8)}.signal-volume{width:var(--sp-8)}.preview-caption{flex-direction:column;align-items:start;gap:var(--sp-3)}}
@media(max-width:1023px){.site-header{height:304px}.header-orrery{width:340px;height:118px;top:111px}.wrap{width:calc(100% - var(--sp-6)*2)}.explore{grid-template-columns:230px minmax(0,1fr);gap:var(--sp-6)}.signal-volume{width:var(--sp-6)}.contact-form{padding:var(--sp-5)}}
@media(max-width:767px){.site-header{--header-inset:var(--sp-6)}.header-orrery{width:220px;height:118px}.explore{grid-template-columns:200px minmax(0,1fr);gap:var(--sp-5)}.signal-volume{width:var(--sp-5)}.selection{height:620px;padding:var(--sp-2)}.app-window{height:620px}.roster-item{font-size:var(--fs-meta);padding-inline:var(--sp-2)}.contact-form{grid-template-columns:1fr;padding:var(--sp-4);gap:var(--sp-3)}.preview-caption{padding:var(--sp-3)}.text-preview{padding:var(--sp-5)}.text-preview h1{font-size:var(--fs-h3)}.category-nav{gap:var(--sp-1)}}
@media(max-width:639px){.wrap{width:calc(100% - var(--sp-4)*2)}.site-header{height:190px;margin-block:var(--sp-3) var(--sp-5)}.site-header{--header-inset:var(--sp-4)}.header-content{padding:var(--sp-5) var(--header-inset)}.header-orrery{display:none}.brand img{width:194px}.category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:calc(100% - var(--header-inset)*2)}.category{flex:1;padding-inline:var(--sp-1);font-size:var(--fs-micro)}.explore{grid-template-columns:1fr;gap:var(--sp-6)}.selection{height:76px;padding:var(--sp-3) var(--sp-4)}.item-options{display:none}.mobile-picker{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--sp-3);position:relative;z-index:2;font-size:var(--fs-meta)}select{width:100%;min-height:48px;background:var(--pd-glass);color:var(--cm-ink);border:var(--bw-hairline) solid var(--pd-blue-line);font-size:var(--fs-body-sm)}option{background:var(--cm-panel)}.nav-emitter{top:auto;bottom:0;left:24%;right:24%;width:auto;height:var(--bw-signal)}.signal-volume{top:100%;left:0;width:100%;height:var(--sp-6)}.app-window{height:auto;min-height:480px}.project-content{min-height:446px}.preview-body{flex:auto;min-height:202px;height:202px}.preview-body:has(.text-preview:not([hidden])){height:230px}.text-preview{padding:var(--sp-5)}.contact-form{padding:var(--sp-5);gap:var(--sp-4)}.contact-form textarea{max-height:none}.open-actions{width:100%}.open-actions .action{flex:1}.preview-meta{font-size:var(--fs-micro)}.social-links{gap:var(--sp-2) var(--sp-5)}.fallback-directory{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}