/* Shared navigation styles. The current draft selects small-type. */
html[data-nav-style] .masthead nav{gap:10px}
html[data-nav-style] .masthead .navigation-control{
 display:inline-flex;align-items:center;justify-content:center;
 width:44px;height:44px;min-width:44px;min-height:44px;
 padding:0;border:0;gap:0;touch-action:manipulation;
 color:var(--ink);transition:color .18s ease;
}
html[data-nav-style] .navigation-icon{
 display:block;flex:none;width:22px;height:22px;
 fill:none;stroke:currentColor;stroke-width:1.25;
 stroke-linecap:square;stroke-linejoin:round;
}
html[data-nav-style] .navigation-control:is(:hover,:focus-visible){color:#fff}
html[data-nav-style] .navigation-control:focus-visible{outline:1px solid currentColor;outline-offset:0;border-radius:2px}
html[data-nav-style="soft-mail"] .navigation-icon{stroke-width:1.8;stroke-linecap:round}

/* All four detail labels share the same type, size, weight, and tracking. */
html[data-nav-style="small-type"]{--navigation-detail-size:8px}
/* Half the logo's name-row height plus gap aligns this row with its credits. */
html[data-nav-style="small-type"] .masthead nav{gap:26px;transform:translateY(17px)}
html[data-nav-style="small-type"] .masthead .navigation-control{
 width:auto;gap:6px;
}
html[data-nav-style="small-type"] .masthead #open-index,
html[data-nav-style="small-type"] .masthead #open-index span,
html[data-nav-style="small-type"] .masthead #open-contact,
html[data-nav-style="small-type"] .masthead #open-contact span,
html[data-nav-style="small-type"] .wordmark .brand-credits,
html[data-nav-style="small-type"] .projector-scene .signature-foundation{
 font:500 var(--navigation-detail-size)/1.4 var(--editorial-font);
 font-optical-sizing:auto;font-variation-settings:normal;
 letter-spacing:.075em;text-transform:uppercase;word-spacing:normal;
}
html[data-nav-style="small-type"] .masthead .navigation-label,
html[data-nav-style="small-type"] .masthead #total-label{display:inline;margin:0;transform:none;opacity:1;color:inherit}
html[data-nav-style="small-type"] .navigation-arrow{width:10px;height:10px;stroke-width:1.35;stroke-linecap:round}
@media(max-width:700px){
 html[data-nav-style] .masthead nav{gap:8px}
 html[data-nav-style="small-type"]{--navigation-detail-size:7.5px}
 html[data-nav-style="small-type"] .masthead nav{gap:24px;transform:translateY(15.5px)}
}
@media(orientation:landscape) and (max-height:600px){
 html[data-nav-style="small-type"] .masthead nav{transform:none}
}
@media(min-width:701px) and (hover:hover) and (pointer:fine){
 html[data-nav-style="small-type"] .feed-intro .studio-signature{flex-direction:column;align-items:center;justify-content:center;gap:7px}
}
@media(prefers-reduced-motion:reduce){html[data-nav-style] .navigation-control{transition:none}}