/* Film controls remain legible and separate from the picture. */
body #film-dialog{padding:60px 12px 12px;position:fixed;max-height:calc(100dvh - 24px);overflow:auto}
body #film-dialog .close{position:absolute;top:8px;right:8px;float:none;margin:0;width:40px;height:40px;min-width:40px;min-height:40px;display:grid;place-items:center;padding:0;color:#252a2e;background:#f8f7f1;font:26px/1 Arial,sans-serif;box-shadow:0 2px 0 #9fa4a4}
body #film-dialog .close:focus-visible{outline:2px solid #b9c4c9;outline-offset:3px}
body #film-dialog video{max-height:calc(100dvh - 112px);object-fit:contain;background:#161616}
body #film-dialog .video-note:empty{display:none}
/* Focus belongs on the cards, never across the navigation below the rail. */
body .rail:focus-visible{outline:none}
body .rail:focus-visible .project-open{outline:2px solid var(--accent,#b50961);outline-offset:-4px}
/* The note is paper, not a clipping mask. Keep its longest word inside. */
.studio-layout>.studio-body{min-width:0}
.studio-body .studio-note{box-sizing:border-box;width:min(300px,calc(100% - 16px));margin-left:8px;padding:24px;container-type:inline-size}
.studio-body .studio-note strong{display:block;font-size:clamp(22px,10cqi,30px);line-height:1.12;overflow-wrap:normal}