/* Shared UI; only typography and approved Flink hierarchy vary. */
:root{--boveda-font:Menlo,Monaco,monospace}
[data-typeface=flink]{--boveda-font:Flink,Arial,sans-serif}
body,button,input,select,textarea,pre,code,#app-shell *,#overlay *{font-family:var(--boveda-font)!important}
[data-typeface=flink] #app-shell .home-heading h1,
[data-typeface=flink] #app-shell .audit-heading h1,
[data-typeface=flink] #app-shell .purpose-question h2,
[data-typeface=flink] #app-shell .content-overview .field-block>h3,
[data-typeface=flink] #app-shell .evidence-intro h2,
[data-typeface=flink] #app-shell .wide-question h2,
[data-typeface=flink] #app-shell .chapter-heading h2,
[data-typeface=flink] #app-shell .narrative-hero>h2,
[data-typeface=flink] #app-shell .evidence-answer-heading h3,
[data-typeface=flink] #app-shell .use-story h2,
[data-typeface=flink] #app-shell .change-story h2,
[data-typeface=flink] #app-shell .representation-story h2,
[data-typeface=flink] #app-shell .learning-task h2,
[data-typeface=flink] #app-shell .primary-rationale h3,
[data-typeface=flink] #app-shell .designation-card h2,
[data-typeface=flink] #app-shell .landscape-heading h2,
[data-typeface=flink] #app-shell .signals-question h2,
[data-typeface=flink] #app-shell .route-guide h3,
[data-typeface=flink] #app-shell .catalogue-heading h2,
[data-typeface=flink] #app-shell .callout h2,
[data-typeface=flink] #app-shell .callout h2>span,
[data-typeface=flink] #app-shell .signal-result-check>span:last-child,
[data-typeface=flink] #app-shell .visual-evidence-heading h2{font-weight:700!important}

@media(min-width:1101px){
 [data-typeface=flink] #app-shell .change-story>header,
 [data-typeface=flink] #app-shell .representation-story>header{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
 [data-typeface=flink] #app-shell .change-story h2,
 [data-typeface=flink] #app-shell .representation-story h2{font-size:24px!important;line-height:1.3}
}

[data-typeface=flink] #app-shell .project-intro h2{font-weight:700!important}
.menu-typefaces{display:flex;gap:20px;padding:20px 0;font-size:12px}.menu-typefaces span{color:var(--muted)}.menu-typefaces a{text-decoration:underline}