/* Atelier: reading room and experimental desk. Local system fonts, light first. */
:root{--bg:#f8f8f4;--surface:#fff;--soft:#f0f3ee;--soft2:#e7eee7;--ink:#203c34;--ink2:#40584f;--muted:#607369;--line:#dbe3da;--green-deep:#2e7057;--green:#d9ebca;--codebg:#f3f5f1;--radius:12px;--radius-lg:18px;--shadow:0 8px 24px #1b3c3010}
:root[data-theme=dark]{--bg:#15231e;--surface:#1c2c25;--soft:#22372d;--soft2:#2a4034;--ink:#edf4ed;--ink2:#c2d2c6;--muted:#a4b7a9;--line:#365043;--green-deep:#acdaa9;--green:#c3e4ad;--codebg:#17271f}
body{font-size:16px;line-height:1.8}h1,h2,h3{letter-spacing:-.025em}h1{font-family:var(--display);font-weight:500;font-size:clamp(32px,3.4vw,49px);line-height:1.35}h2{font-size:24px;line-height:1.5}h3{font-size:18px;line-height:1.5}input,select,textarea{color:var(--ink);background:var(--surface)}select{border:1px solid var(--line);border-radius:9px;padding:10px;max-width:100%}button:disabled{opacity:.45;cursor:default}.btn:hover{transform:none}.btn{border-radius:9px;min-height:42px;padding:11px 16px;font-size:13px}.container{width:min(1320px,calc(100% - 64px))}.site-header{height:76px}.nav-shell{gap:20px}.brand-name{letter-spacing:-.045em}.brand-name small{font-size:13px;margin-left:4px}.nav-link{padding:8px 10px}.nav-actions{gap:4px}.mobile-menu{display:none}.site-footer{margin-top:70px}.footer-sentence{font-size:22px;letter-spacing:0}.footer-main{padding:36px 0}.footer-bottom{font-size:12px}.eyebrow{text-transform:none;letter-spacing:0}.eyebrow::before{display:none}.page-shell{padding-top:35px}.code-panel{border-radius:10px;box-shadow:none}.code-panel pre{font-size:13px;line-height:1.75;max-height:600px}.code-panel-filename{text-transform:none;letter-spacing:0}.code-copy{font-size:12px}.code-panel code{overflow-wrap:normal}.article-lead{font-size:17px;line-height:1.9;color:var(--ink2);max-width:720px}.article-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:20px 0}.article-meta .tiny-icon-btn{margin-left:auto}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:18px}.breadcrumbs a:hover,.source-list a:hover{color:var(--green-deep);text-decoration:underline}.article-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.article-section{margin:32px 0 0;padding-top:26px;border-top:1px solid var(--line);scroll-margin-top:20px}.article-section p{margin:12px 0 20px;line-height:1.95}.article-section code,.dependency-list code,.dictionary-meta code{font-family:var(--mono);font-size:.88em;background:var(--soft);padding:2px 5px;border-radius:4px}.article-section .code-panel code{background:none;padding:0;border-radius:0}.article-section h2{font-size:23px;margin-bottom:18px}.article-math{overflow:auto;max-width:100%;padding:24px 8px;text-align:center;font-size:21px;background:var(--soft);border-radius:10px}.related-links{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 22px}.related-links a,.related-link{border:1px solid var(--line);border-radius:7px;padding:6px 10px;font-size:13px}.related-links a:hover{background:var(--soft)}.source-list{padding-left:22px}.source-list a{color:var(--green-deep);font-size:14px}.article-switch{display:flex;justify-content:space-between;gap:24px;padding-top:28px;margin-top:36px;border-top:1px solid var(--line);font-size:13px}.article-switch a:last-child{text-align:right}.dependency-list{display:grid;grid-template-columns:auto 1fr;gap:14px;font-size:13px;padding:14px 16px;background:var(--soft);border-radius:10px}.dependency-list dt{font-weight:650}.dependency-list dd{margin:0;overflow-wrap:anywhere}
/* The opening posters lead into the working index and math alphabet comparison. */
.atelier-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:65px;align-items:center;padding:28px 0 50px}.hero-label{color:var(--green-deep);font-size:14px;font-weight:650;margin:0 0 16px}.atelier-hero .home-guide-title{font-family:var(--display);font-weight:500;font-size:clamp(30px,3.2vw,46px);margin-bottom:24px;line-height:1.3;letter-spacing:-.045em}.atelier-hero .article-lead{font-size:16px;max-width:600px;margin-bottom:26px}.hero-search{position:relative}.search-field{border-radius:10px;min-height:54px;background:var(--surface);border:1px solid var(--line);padding:8px 15px;display:flex;align-items:center;gap:10px;width:100%;max-width:none}.search-field input{width:100%;min-width:0;border:0;outline:none;background:transparent;font-size:14px;padding:5px 0}.search-field kbd{font-size:11px;color:var(--muted);white-space:nowrap}.home-results{position:absolute;inset:60px 0 auto;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:8px;max-height:400px;overflow:auto}.home-results a{padding:9px 12px;display:flex;justify-content:space-between;gap:15px;font-size:13px}.home-results a:hover{background:var(--soft)}.home-results span{color:var(--muted);white-space:nowrap}.desk-demo{background:var(--surface);border:1px solid var(--line);border-radius:17px;overflow:hidden}.desk-caption{padding:15px 22px;background:var(--soft);border-bottom:1px solid var(--line);font-size:13px}.font-samples{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 15px;gap:10px;text-align:center}.font-samples a{min-width:0}.font-samples [data-math]{min-height:55px;font-size:32px;display:grid;place-items:center}.font-samples code{font-size:11px;color:var(--muted)}.desk-code{font-family:var(--mono);font-size:13px;line-height:1.8;white-space:pre;overflow:auto;padding:25px;margin:0;border-top:1px solid var(--line);background:var(--codebg)}.desk-note{padding:14px 22px;color:var(--muted);font-size:12px}.content-census{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:13px;color:var(--ink2);padding:20px 0;border-block:1px solid var(--line)}.home-section{padding:50px 0 5px}.home-section .section-header{margin-bottom:24px}.section-header p{font-size:14px;color:var(--muted);margin-bottom:0}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.task-grid a{border-left:3px solid var(--green-deep);background:var(--surface);border-radius:0 9px 9px 0;padding:22px}.task-grid h3{margin:0 0 9px}.task-grid p{font-size:13px;color:var(--muted);margin:0}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}.topic-grid a{padding:23px 0;border-top:1px solid var(--line)}.topic-grid h3{margin:0 0 7px;font-size:17px}.topic-grid p{font-size:13px;margin:0 0 6px;color:var(--muted)}.topic-grid span{font-size:12px;color:var(--green-deep)}.learning-banner{display:flex;align-items:center;gap:35px;justify-content:space-between;padding:32px;background:var(--soft);border-radius:14px;margin-top:40px}.learning-banner p{max-width:700px;font-size:14px;color:var(--ink2);margin:0}.learning-banner h2{margin-bottom:13px}
/* Article navigation remains separate from the readable text measure. */
.knowledge-layout{width:min(1440px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:242px minmax(0,780px) 170px;gap:32px;align-items:start;padding-top:24px}.knowledge-layout.is-index{grid-template-columns:242px minmax(0,1fr)}.knowledge-sidebar{position:sticky;top:98px;max-height:calc(100vh - 120px);overflow:auto;padding-right:12px;font-size:13px}.side-search input{width:100%;border:1px solid var(--line);padding:11px;border-radius:8px;font-size:13px}.knowledge-sidebar .filter-btn{width:100%;margin:10px 0;background:var(--surface)}.knowledge-tree>summary{font-size:14px;font-weight:700;padding:12px 0}.tree-module{border-top:1px solid var(--line)}.tree-module summary{cursor:pointer;font-weight:600;line-height:1.5;padding:12px 0}.tree-module summary span{float:right;color:var(--muted);font-size:11px}.tree-entry{display:block;padding:8px 10px;border-radius:6px;line-height:1.65;color:var(--muted);margin:2px 0}.tree-entry:hover,.tree-entry.active{background:var(--soft2);color:var(--ink)}.knowledge-article{min-width:0;background:var(--surface);border:1px solid var(--line);padding:32px 40px;border-radius:13px}.knowledge-article h1{font-size:36px;margin:0 0 18px;overflow-wrap:anywhere}.article-toc{position:sticky;top:108px;font-size:12px;border-left:1px solid var(--line);padding-left:15px;max-height:calc(100vh - 130px);overflow:auto}.article-toc strong{display:block;margin-bottom:12px;color:var(--ink2)}.article-toc a{display:block;margin:9px 0;color:var(--muted);line-height:1.5}.article-toc a:hover{color:var(--green-deep)}.knowledge-index{min-width:0;padding:10px 20px 0}.knowledge-index h1{margin-bottom:18px}.module-select{display:flex;align-items:center;gap:15px;max-width:450px;font-size:13px}.module-select select{flex:1}.index-module{margin-top:32px}.index-module>p{font-size:14px;color:var(--muted)}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-list a{padding:19px 20px;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:block}.article-list a:hover{border-color:var(--green-deep)}.article-list strong{display:block;font-size:16px;line-height:1.6}.article-list span{font-size:13px;color:var(--muted);display:block;margin-top:7px;line-height:1.75}.example-meta{display:flex;gap:18px;align-items:center;margin-bottom:15px}
/* Dictionary and examples use distinct layouts for their different reading tasks. */
.library-heading{padding:12px 0 20px}.library-heading h1{margin:0 0 12px}.library-heading p{font-size:14px;color:var(--muted)}.library-tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:25px;font-size:13px}.library-tabs a{padding:7px 12px;white-space:nowrap;border-radius:7px}.library-tabs .active{background:var(--soft2);font-weight:650}.library-tools{display:flex;gap:12px;align-items:center}.library-tools .search-field{flex:1}.library-tools select{max-width:220px}.reference-grid{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.dictionary-card{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--surface);min-width:0}.dictionary-card h2{font-size:17px;margin:0;line-height:1.5;overflow-wrap:anywhere}.dictionary-card p{font-size:13px;color:var(--ink2);line-height:1.85;margin:12px 0}.command-name{display:block;font-family:var(--mono);font-size:13px;color:var(--green-deep);margin-top:13px;overflow:auto}.dictionary-meta{font-size:11px;color:var(--muted);margin:13px 0}.dictionary-card .ref-example{margin:17px 0 13px;overflow:auto;border-radius:8px;font-size:23px;min-height:72px;padding:15px;text-align:center}.dictionary-card .code-example{font-family:var(--mono);font-size:11px;text-align:left;white-space:pre}.dictionary-card details{font-size:12px;margin-top:13px}.dictionary-card pre{overflow:auto;background:var(--soft);padding:12px;font-size:11px}.dictionary-card .ref-card-foot{gap:10px;padding-top:14px}.small-btn{font-size:11px;min-height:32px;padding:7px 11px}.ref-card-foot .text-link{font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;font-size:12px}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.example-card{padding:25px;border:1px solid var(--line);border-radius:13px;background:var(--surface);min-width:0;scroll-margin-top:15px}.example-card.expanded{grid-column:1/-1}.example-card h2{font-size:21px;margin:0}.example-card p{font-size:13px;color:var(--ink2)}.example-card details{font-size:13px}.example-card summary{cursor:pointer;font-weight:650;margin-bottom:18px}.example-card h3{font-size:15px;font-family:var(--mono);margin-top:22px}.example-output{display:block;height:260px;overflow:hidden;background:var(--soft);border:1px solid var(--line);margin-bottom:14px;border-radius:8px;padding:10px;text-align:center}.example-output img{max-width:100%;max-height:none;width:auto;height:auto;object-fit:contain}.example-card.expanded .example-output{height:420px}.example-card.expanded .example-output img{max-height:100%}.table-scroll{overflow:auto;max-width:100%}.comparison-table{width:100%;border-collapse:collapse;background:var(--surface);font-size:13px}.comparison-table td,.comparison-table th{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.comparison-table thead{background:var(--soft)}.comparison-table a{color:var(--green-deep)}
/* Courses, exercises, and editor. */
.inner-hero{padding:5px 0 25px}.inner-hero h1{font-size:42px;letter-spacing:-.03em}.inner-hero p{font-size:15px;line-height:1.8;max-width:740px}.course-layout{grid-template-columns:270px minmax(0,1fr);gap:25px}.course-topbar{padding:18px 22px}.course-overview{width:min(400px,65%)}.course-overview>div{width:100%}.course-overview strong{font-size:13px}.progress-meter{height:7px;margin:10px 0 0}.lesson-sidebar{padding:20px;max-height:calc(100vh - 120px);overflow:auto;top:95px}.lesson-sidebar h2{font-size:16px}.path-group{border-top:1px solid var(--line)}.path-group summary{padding:13px 0;font-size:13px;font-weight:650;cursor:pointer}.path-group summary span{font-size:11px;float:right;color:var(--muted)}.side-lesson{gap:8px;font-size:12px}.lesson-panel{padding:32px 38px;border-radius:13px}.lesson-panel h1{font-size:35px}.lesson-panel h2{font-size:21px}.lesson-block p,.lesson-block li{font-size:15px;line-height:1.9}.lesson-note{font-size:13px;padding:15px}.lesson-note p{margin:0}.lesson-challenge h2{font-size:19px}.practice-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.quiz-side{padding:24px;display:block}.quiz-side h2{font-size:18px}.quiz-side label{display:block;font-size:13px;margin:15px 0}.quiz-side select{display:block;width:100%;margin-top:6px;font-size:12px}.quiz-side p{font-size:13px;line-height:1.8}.quiz-question-text{font-size:17px;line-height:1.9;white-space:pre-wrap}.quiz-feedback{padding:20px;margin-top:23px}.quiz-feedback p{margin:10px 0;white-space:pre-wrap;font-size:14px}.quiz-options{grid-template-columns:1fr}.quiz-option{font-size:14px;line-height:1.65;min-height:58px;padding:14px 18px}.answer-label{font-size:13px;display:block}.answer-label textarea{display:block;width:100%;min-height:130px;margin:10px 0;padding:16px;border:1px solid var(--line);border-radius:8px;font-family:var(--mono);font-size:14px;line-height:1.7;resize:vertical}.template-picker select{font-size:12px;padding:8px;max-width:240px}.playground-actions{flex-wrap:wrap}.workbench-top{flex-wrap:wrap;gap:15px}.editor-wrap{height:440px;min-height:440px;position:relative;overflow:hidden;background:var(--codebg)}.line-numbers{font-size:13px;line-height:23px;padding:20px 10px;width:43px;height:100%;overflow:hidden;flex:none;white-space:pre}.editor-stack{position:relative;flex:1;min-width:0;height:100%}#editor-highlight,.latex-editor{position:absolute;inset:0;padding:20px 16px!important;margin:0;width:100%;height:100%;min-height:0;font-family:var(--mono)!important;font-size:13px!important;line-height:23px!important;tab-size:2;white-space:pre;word-break:normal;overflow:auto;border:0;border-radius:0;box-shadow:none}#editor-highlight{pointer-events:none;color:var(--ink2);background:var(--codebg);scrollbar-width:none}#editor-highlight code{font:inherit;background:transparent;white-space:pre}#editor-highlight::-webkit-scrollbar{display:none}.latex-editor{color:transparent!important;background:transparent!important;caret-color:var(--ink);-webkit-text-fill-color:transparent;resize:none;outline-offset:-3px}.latex-editor::selection{background:#87b68c66;color:transparent}.latex-editor{overflow:auto}.editor-foot{gap:10px;flex-wrap:wrap;font-size:10px}.source-diagnostics{padding:18px 22px;background:var(--soft);border:1px solid var(--line);border-radius:10px;margin-top:22px;font-size:13px}.source-diagnostics ul{margin:10px 0 0}.quick-inserts{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.quick-inserts button{font-family:var(--mono);font-size:11px;background:var(--surface);color:var(--ink2);border:1px solid var(--line);border-radius:6px;padding:6px 10px}.quick-inserts button:hover{border-color:var(--green-deep)}.work-panel{border-radius:12px}.work-panel-bar{font-size:12px}.palette-results{max-height:55vh;overflow:auto}.palette-help{text-transform:none;letter-spacing:0}.palette-result span{min-width:0;overflow:hidden;text-overflow:ellipsis}.palette-result small{white-space:nowrap}.work-info{font-size:13px;line-height:1.8}.filter-btn{font-size:12px}.tiny-icon-btn.saved{color:var(--green-deep)}.empty-state{font-size:14px}.sr-only:focus{position:fixed;top:8px;left:8px;z-index:100;width:auto;height:auto;padding:12px;margin:0;clip:auto;white-space:normal;background:var(--surface)}.table-scroll,.code-panel pre,.ref-example{scrollbar-width:thin}mjx-container{max-width:100%}mjx-container svg{max-width:none}
@media(max-width:1150px){.nav-shell{gap:12px}.nav-link{padding:8px;font-size:12px}.knowledge-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}.article-toc{display:none}.knowledge-layout.is-index{grid-template-columns:220px minmax(0,1fr)}.atelier-hero{gap:35px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-top{display:block}.playground-actions{justify-content:flex-start;margin-top:12px}}
@media(max-width:900px){.container{width:calc(100% - 36px)}.mobile-menu{display:grid;margin-left:auto}.nav-shell{flex-wrap:nowrap;padding:0;height:72px}.site-header{height:73px}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);padding:15px 20px;flex-wrap:wrap;justify-content:flex-start}.nav-links.open{display:flex}.nav-link{font-size:14px}.nav-actions{margin-left:0}.atelier-hero{grid-template-columns:1fr;padding-top:10px;gap:30px}.desk-demo{max-width:620px}.content-census{justify-content:flex-start}.knowledge-layout,.knowledge-layout.is-index{display:block;width:calc(100% - 32px);padding-top:0}.knowledge-sidebar{position:static;max-height:none;padding:0;margin-bottom:20px}.knowledge-tree{max-height:55vh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:0 15px}.knowledge-sidebar .filter-btn{width:auto}.knowledge-article{padding:28px}.knowledge-index{padding:10px 0}.knowledge-article h1{font-size:32px}.course-layout{display:block}.lesson-sidebar{position:static;max-height:300px;margin-bottom:22px}.practice-grid{display:flex;flex-direction:column-reverse}.quiz-side{display:block;width:100%;padding:20px}.quiz-side h2,.quiz-side p,.quiz-side #quiz-reset{display:none}.quiz-side label{display:inline-block;width:48%;margin:0;vertical-align:top}.quiz-card{width:100%;padding:25px}.workbench{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-banner{display:block}.learning-banner .btn{margin-top:20px}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-tools{flex-wrap:wrap}.library-tools .search-field{flex-basis:100%}.example-grid{grid-template-columns:1fr}.example-card.expanded{grid-column:auto}}
@media(max-width:550px){body{font-size:15px}.container{width:calc(100% - 30px)}.brand-name{font-size:18px}.brand-name small{font-size:11px}.brand-icon{width:30px;height:32px;font-size:24px}.nav-actions .icon-button{width:30px}.nav-actions{gap:0}.nav-shell{gap:6px}.lang-switch{padding:2px}.lang-opt{padding:2px 5px;min-width:23px}.page-shell{padding-top:25px}.atelier-hero .home-guide-title{font-size:32px}.search-field kbd{display:none}.font-samples{padding:25px 10px;gap:4px}.font-samples code{font-size:10px}.font-samples [data-math]{font-size:27px}.desk-code{padding:20px;font-size:12px}.content-census{gap:10px 20px;font-size:12px}.home-section{padding-top:35px}.task-grid,.topic-grid,.article-list,.reference-grid{grid-template-columns:1fr}.task-grid a{padding:18px}.topic-grid a{padding:18px 0}.learning-banner{padding:24px}.knowledge-article{padding:23px 18px}.knowledge-article h1{font-size:28px}.article-section h2{font-size:21px}.article-lead{font-size:16px}.article-section p{font-size:15px}.dependency-list{padding:12px;font-size:12px}.inner-hero h1{font-size:34px}.library-heading h1{font-size:32px}.library-tabs a{font-size:12px;padding:6px 10px}.dictionary-card{padding:20px}.library-tools select{width:calc(100% - 100px);max-width:none}.example-card{padding:20px}.example-card h2{font-size:19px}.example-card .ref-card-head{flex-wrap:wrap}.course-overview{width:65%}.lesson-panel{padding:25px 20px}.lesson-panel h1{font-size:28px}.quiz-side label{font-size:12px}.quiz-question-text{font-size:15px}.quiz-card h2{font-size:23px}.quiz-option{padding:12px;font-size:13px}.template-picker{width:100%}.template-picker select{width:100%;max-width:100%}.work-panel-bar{padding:12px;gap:8px}.preview-status{font-size:10px}.editor-wrap{height:350px;min-height:350px}.line-numbers{width:34px;padding-inline:5px}.latex-editor,#editor-highlight{padding:20px 10px!important;font-size:12px!important}.work-info{padding:15px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{margin-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.knowledge-sidebar,.article-toc,.article-actions,.code-copy{display:none}.knowledge-layout{display:block;width:100%}.knowledge-article{border:0;padding:0}.code-panel pre{max-height:none}.article-section{break-inside:avoid}.page-shell{padding:0}}
.character-lab{padding:27px;margin-top:30px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.character-lab>p,.character-lab label{font-size:14px}.character-lab input{display:block;width:100%;max-width:600px;border:1px solid var(--line);border-radius:8px;padding:12px;margin:10px 0 20px;font-family:var(--mono)}.character-lab .table-scroll{margin-bottom:20px}.character-lab .comparison-table td{white-space:normal;min-width:140px}.character-lab .comparison-table td:first-child{min-width:50px}
.article-output{margin:20px 0;text-align:center;background:var(--soft);border:1px solid var(--line);padding:20px;border-radius:10px}.article-output img{width:auto;max-width:100%;max-height:380px}.article-output figcaption{font-size:11px;color:var(--muted);margin-top:9px}
.lesson-panel .course-title{font-family:var(--display);font-size:35px;line-height:1.35;font-weight:500;margin-bottom:18px}@media(max-width:550px){.lesson-panel .course-title{font-size:28px}}

.search-field .ico{position:static;left:auto;flex:none}.search-field input{height:34px;min-height:0}.search-field:focus-within{border-color:var(--green-deep)}
.tree-module summary{display:flex;align-items:baseline;gap:8px;list-style:none}.tree-module summary::before{content:"▸";font-size:11px;color:var(--muted);flex:none}.tree-module[open] summary::before{content:"▾"}.tree-module summary span{float:none;margin-left:auto;flex:none}

input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}

.font-comparison td:nth-child(2){font-size:28px;min-width:80px;text-align:center}.font-comparison th,.font-comparison td{padding:10px 14px}.font-comparison td code{font-size:12px}

/* Supplied campaign posters retain their full proportions and remain local/offline. */
.campaign-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:36px;padding:32px 38px;margin-bottom:30px;background:#0b2349;color:#fff;border-radius:16px}
.campaign-copy{min-width:0}.campaign-copy h1{font-size:clamp(34px,3.8vw,54px);font-weight:650;line-height:1.25;letter-spacing:-.025em;margin:0 0 20px;color:#fff}.campaign-copy p{font-size:15px;line-height:1.8;margin:0 0 24px;color:#e1e9f5;max-width:380px}
.campaign-cta{background:#c8122b;color:#fff;border:1px solid #e84558}.campaign-cta:hover{background:#a80f24;color:#fff}.campaign-hero a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.campaign-posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px;min-width:0}.campaign-posters figure{margin:0;min-width:0}.campaign-posters a{display:block;border-radius:6px}.campaign-posters img{display:block;width:100%;height:auto;border:1px solid #ffffff55;border-radius:6px}.campaign-posters figcaption{font-size:11px;line-height:1.6;color:#d8e3f4;margin-top:10px;text-align:center;overflow-wrap:anywhere}
@media(max-width:900px){.campaign-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:26px}.campaign-copy h1{font-size:36px}.campaign-copy p{font-size:14px}.campaign-posters{gap:12px}}
@media(max-width:650px){.campaign-hero{grid-template-columns:1fr;gap:24px;padding:24px 20px;margin-bottom:20px}.campaign-copy h1{font-size:36px;margin-bottom:14px}.campaign-copy p{margin-bottom:18px;max-width:none}.campaign-posters{align-items:start}.campaign-posters figcaption{font-size:10px}}
@media(max-width:360px){.nav-shell{gap:4px}.brand{gap:6px}.brand-icon{width:26px;height:28px;font-size:22px}.brand-name{font-size:16px}.brand-name small{font-size:10px}.nav-actions .icon-button,#nav-menu{width:28px}}