/* Index, drawing controls and material proof use the same quiet working grammar. */
.archive-world :is(.atelier-controls,.material-proof-controls,.phase-sheet-controls){gap:0;border-block:1px solid var(--line)}
.archive-world :is(.atelier-controls,.material-proof-controls,.phase-sheet-controls) button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 13px;background:transparent;min-height:46px;color:var(--muted)}
.archive-world :is(.atelier-controls,.material-proof-controls,.phase-sheet-controls) button[aria-pressed=true]{background:transparent;border-bottom-color:var(--ink);color:var(--ink);font-weight:700}
.archive-world :is(.atelier-controls,.material-proof-controls,.phase-sheet-controls) button:hover{color:var(--ink);background:#e3e9e3}
.archive-world .duplicate-image-description{display:none}
.archive-world .catalog-photo>figcaption:has(.duplicate-image-description){padding-top:3px}
.archive-world .media-credit summary{color:var(--muted);text-underline-offset:5px}
.archive-world .case-materials dl>div{padding-block:18px}
.archive-world .case-materials dt{font-weight:700;letter-spacing:.02em}
.archive-world .case-materials dd{line-height:1.95}
.archive-world .process-index a{border-bottom:1px solid var(--line);transition:background-color .18s,color .18s}
.archive-world .process-index a[aria-current]{background:#e1e8df;color:var(--ink);font-weight:700}
.archive-world .archive-rail nav a:hover{text-decoration:underline;text-underline-offset:7px}
.archive-world .archive-rail nav a:focus-visible{outline-offset:5px}
@media(max-width:760px){
 .archive-world .process-index{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;padding-bottom:8px;margin-bottom:24px}
 .archive-world .process-index a{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-height:48px;padding:10px 14px;font-size:12px;border-bottom:1px solid var(--line);white-space:nowrap}
 .archive-world .process-index a span{font-size:11px}
 .archive-world .material-proof-controls button{padding-inline:8px;font-size:12px}
 .archive-world .atelier-controls button{text-align:left;padding-inline:8px;font-size:12px}
 .archive-world .case-materials dl>div{padding-block:15px}
 .archive-world .phase-sheet-controls button{padding-inline:11px}
}
@media(max-width:350px){.archive-world .material-proof-controls button{font-size:11px;padding-inline:5px}.archive-world .atelier-controls button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.archive-world .process-index a{transition:none}}

/* A working plan, not another photograph tile. */
.plan-explorer{position:relative;flex:1;min-width:0;margin-block:15px 7px}
.interval-home .plan-explorer>svg{display:block;width:100%;height:auto;max-height:350px;overflow:visible}
.plan-explorer .plan-labels{visibility:hidden}
.plan-pins{position:absolute;inset:0}
.plan-pins button{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);min-width:46px;min-height:44px;border:1px solid transparent;background:#edf2e9;color:#243d2d;padding:5px 8px;font:12px Kaku,Noto,sans-serif;cursor:pointer;transition:background-color .2s,color .2s}
.plan-pins button:hover,.plan-pins button[aria-pressed=true]{background:#254b35;color:#fffef2}
.plan-pins button:focus-visible{outline:2px solid #254b35;outline-offset:3px}
.dossier-plan[data-place=living] [data-zone=living],.dossier-plan[data-place=kitchen] [data-zone=kitchen],.dossier-plan[data-place=study] [data-zone=study],.dossier-plan[data-place=entry] [data-zone=entry]{fill:#b9cbb4}
.interval-home .plan-keep,.archive-world .material-keep{display:flex;align-items:center;justify-content:space-between;gap:20px;background:none;border:0;border-block-end:1px solid #6d816d;color:#243d2d;min-height:46px;padding:11px 0;font:13px Kaku,Noto,sans-serif;text-decoration:none;margin-block:8px 0;max-width:100%}
.plan-keep::after,.material-keep::after{content:'';width:8px;height:8px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg);margin-right:3px;flex:none}
.plan-keep[hidden]{display:none}
.archive-world .material-keep{grid-column:1/-1;justify-self:start;min-width:220px}
.archive-world .breadcrumbs{padding-block:23px;margin-bottom:0}
.archive-world .inner-title{padding-top:18px;padding-bottom:23px}
.archive-world .inner-title h1{font-size:clamp(32px,3vw,46px);line-height:1.45;font-weight:400}
.archive-world .process-heading h1{font-size:clamp(34px,3vw,46px)}
.archive-world .process-opening{gap:30px}
.archive-world .process-banner figcaption{display:none}
.archive-world .process-index{top:112px}
.archive-world .scope-visual{margin:28px 0 0;overflow:hidden;max-width:100%}
.archive-world .scope-visual img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover}
.archive-world .scope-visual figcaption{font-size:13px;padding-top:12px;line-height:1.8;color:var(--ink)}
.archive-world .case-chapters>span{display:none}
.archive-world .archive-rail nav a>span{display:none}
.archive-world .archive-rail nav a{font-size:14px;padding-block:20px}
.archive-world .archive-rail>p{display:none}
.archive-world .catalog-photo>figcaption>span.duplicate-image-description{display:none}
.archive-world :is(input,textarea){caret-color:#254b35}
.archive-world ::selection{background:#ceddc8;color:#203327}
.archive-world :is(.archive-contact,.material-observation-strip,.process-index){scrollbar-color:#687e68 #e6ece6}
@media(max-width:800px){
 .interval-home .dossier-plan{grid-template-columns:minmax(90px,1fr) minmax(0,1.4fr);align-items:start;gap:9px 12px;padding:16px 13px}
 .interval-home .dossier-plan .plan-explorer{grid-column:2;grid-row:1/4;align-self:center;margin:0}
 .interval-home .plan-explorer>svg{max-height:210px}
 .interval-home .dossier-plan>header{grid-column:1;grid-row:1}
 .interval-home .dossier-plan .cover-plan-controls{grid-column:1;grid-row:2}
 .interval-home .dossier-plan .plan-boundary{grid-column:1;grid-row:3}
 .interval-home .dossier-plan .plan-keep{grid-column:1/-1;grid-row:4;width:100%;font-size:13px}
 .plan-pins button{min-width:42px;min-height:42px;font-size:11px;padding:4px}
 .archive-world .archive-rail nav a{font-size:12px;min-height:48px;padding-block:13px}
 .archive-world .breadcrumbs{padding-block:16px}
 .archive-world .inner-title{padding-top:13px;padding-bottom:19px}
 .archive-world .case-switcher{padding-block:13px}
 .archive-world .inner-title h1{font-size:33px}
 .archive-world .case-chapters{min-height:48px;margin-bottom:18px}
 .archive-world .process-opening{padding-top:0;padding-bottom:30px}
 .archive-world .scope-visual{margin-top:20px}
 .archive-world .scope-visual img{aspect-ratio:16/9}
 .archive-world .process-index{top:auto}
}
@media(prefers-reduced-motion:reduce){.plan-pins button{transition:none}}
