/* Shared finishing pass: legible controls, optional short construction study. */
.direct-work{display:inline-flex;align-items:center;gap:24px;min-height:44px;margin:16px 0 0;color:#e8dcc3;font-size:12px;letter-spacing:.08em;border-bottom:1px solid #a98b514d}
.direct-work span{color:#d7b97e;transition:transform .25s}
.direct-work:hover span{transform:translate(3px,-3px)}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #edcb84;outline-offset:5px}
.construction-study{margin-top:36px;padding:24px;border:1px solid #d6b77540;background:linear-gradient(120deg,#161714,#0e100e)}
.construction-study summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#f0e5cf;list-style:none}
.construction-study summary::-webkit-details-marker{display:none}
.construction-study summary small{display:block;margin:0 0 8px;color:#b8a276;font-size:11px;letter-spacing:.13em}
.construction-study summary strong{font-family:Editorial,Georgia,serif;font-size:clamp(22px,3vw,36px);font-weight:400}
.construction-study summary::after{content:'+';font-size:30px;font-weight:300;color:#d7b97e}
.construction-study[open] summary::after{content:'−'}
.construction-study video{width:100%;aspect-ratio:16/9;display:block;margin-top:22px;background:#080a09;object-fit:contain}
.construction-study p{max-width:720px;font-size:13px;line-height:1.7;color:#bbb8aa;margin-top:16px}
.speed-label{display:flex;align-items:center;gap:8px;font-size:12px}
.speed-label select{min-height:44px;min-width:65px;background:#171914;color:#f0e5cf;border:1px solid #82734f;padding:8px}
.studio-controls button,.studio-controls select,.director-controls select,.brief-navigation button,.brief-steps button,.sub-nav .outline-button{min-height:44px}
.studio-controls label,.director-controls label{font-size:12px}
input[type=range]{min-height:32px;cursor:pointer}
@media(max-width:760px){
 .header-actions{gap:10px}
 .header-actions button{min-height:44px}
 .performance-controls{gap:12px}
 .performance-controls button,.studio-controls button{font-size:12px;min-height:44px;padding:12px 16px}
 .performance-controls #show-time,.v6-note,.micro-copy{font-size:12px;line-height:1.6}
 .stage-caption{font-size:11px;letter-spacing:.04em}
 .sub-nav .outline-button{font-size:11px;display:inline-flex;align-items:center}
 .construction-study{padding:18px}
 .construction-study summary{gap:12px}
 .construction-study p{font-size:13px}
 .brief-step input,.brief-step select,.brief-step textarea{font-size:16px;min-height:46px}
}
@media(prefers-reduced-motion:reduce){.direct-work span{transition:none}}