/* Golos UI and measured reading prose; editor layers retain identical monospace metrics. */
body{font-size:16px;line-height:1.65}
main h1,.hero h1{font-family:var(--font-heading);font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.2;letter-spacing:-.015em;overflow-wrap:break-word}
.lesson-section h2,.task-statement h2,.reference-grid h2,.materials-list h2{font-family:var(--font-heading);font-weight:400;font-size:clamp(24px,2.3vw,28px);line-height:1.3;letter-spacing:-.015em}
.next-card h2,.section-heading h2,.task-list h2,.topic-card h3{font-family:var(--font-ui);font-weight:600;line-height:1.4;letter-spacing:-.015em}
.prose,.task-statement{font-size:17px;line-height:1.75;max-width:68ch}
.hero p,.page-title>p,.topic-card p,.next-card>p,.reference-grid p,.runtime-info p,.materials-list p,.function-guide,.change{font-size:14px;line-height:1.65}
button,input,textarea,.button,.text-link,.back,.materials-link a,.sidebar nav>a,.task-tabs a,.pagination{font-family:var(--font-ui);font-size:14px;line-height:1.45}
.nav-label,.sidebar-progress,.sidebar>details>summary,.eyebrow,.topic-card-top .eyebrow,.next-progress,.card-foot,.runtime-note,.materials-link,.note-label,.code-toolbar,.code-toolbar button,.stdin-label,.run-status,.section-heading>span,.task-list a>span:last-of-type,.progress-list span,footer{font-size:12px;line-height:1.5;letter-spacing:.02em}
.note-label textarea{font-family:var(--font-ui);font-size:16px;line-height:1.65}
/* The highlighted mirror and editable source must use exactly the same font shorthand. */
.code-editor>pre,.code-editor>textarea{font:14px/1.8 var(--font-code);font-variant-ligatures:none}
code,.statement-code,.run-output{font-family:var(--font-code);font-variant-ligatures:none}
.statement-code,.run-output{font-size:14px;line-height:1.7}
.progress-cards b,.sidebar-progress b{font-variant-numeric:tabular-nums}
@media(max-width:560px){.code-toolbar{flex-wrap:wrap}.code-toolbar>span{flex-basis:100%;padding-block:4px}.stdin-label{flex-wrap:wrap}.stdin-label input{font-size:14px}.pagination{gap:12px}.pagination a{overflow-wrap:break-word}.platform-header{gap:14px}}