:root{--primary:#183b53;--primary-contrast:#fff;--accent:#d96b48;--surface:#f6efe2;--surface-2:#e7e5da;--heading:#183b53;--text:#253b42;--muted:#52636a;--border:#bac2bc;--font-head:'Fraunces',Georgia,serif;--font-body:'Manrope',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--text);font:500 17px/1.8 var(--font-body)}a{color:var(--primary);text-underline-offset:4px}button,a,input,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3{font-family:var(--font-head);line-height:1.2;color:var(--heading)}h1{font-size:clamp(36px,4.7vw,68px);font-weight:600;letter-spacing:-.035em;margin:12px 0 22px}h2{font-size:clamp(25px,3vw,36px);font-weight:600;scroll-margin-top:24px}h3{font-size:24px}p,li{overflow-wrap:anywhere}svg{display:block}.skip{position:absolute;left:12px;top:-100px;padding:12px;background:var(--primary);color:white;z-index:50}.skip:focus{top:12px}.site-header{max-width:1360px;margin:auto;padding:22px 40px;border-bottom:2px solid var(--primary);display:flex;align-items:center;gap:24px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:13px;font:600 26px/1.2 var(--font-head);text-decoration:none;min-height:44px}.brand svg{width:44px;height:44px}.site-header #site-nav{display:flex;flex:1;justify-content:flex-end;gap:12px;flex-wrap:wrap}nav a{display:flex;align-items:center;min-height:44px;padding:7px 10px}nav a[aria-current=page]{background:var(--primary);color:#fff}.languages{display:flex;gap:4px;border-left:1px solid var(--border);padding-left:12px}.nav-toggle{display:none;min-height:44px;padding:10px 13px;background:transparent;border:1px solid var(--primary);font:700 16px var(--font-body);color:var(--primary);align-items:center;gap:9px}.nav-toggle span{display:block;width:14px;height:12px;background:repeating-linear-gradient(to bottom,currentColor 0 2px,transparent 2px 5px)}main{max-width:1280px;margin:auto;padding:0 40px 64px}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;padding-top:20px;font-size:14px}.breadcrumbs span{padding:7px 10px}.masthead{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;padding:64px 0;align-items:center}.eyebrow{font-size:14px;font-weight:700;border-left:5px solid var(--accent);padding-left:12px}.mast-copy>p{max-width:760px}.play-link{display:inline-flex;gap:24px;align-items:center;min-height:56px;background:var(--primary);color:white;padding:13px 20px;text-decoration:none;font-weight:700;border-bottom:5px solid var(--accent)}.stencil-art{height:380px;border:2px solid var(--primary);background:repeating-linear-gradient(90deg,transparent 0 30px,#183b5310 30px 31px),repeating-linear-gradient(0deg,transparent 0 30px,#183b5310 30px 31px);display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:24px;transform:rotate(3deg);box-shadow:12px 12px 0 var(--surface-2)}.stencil-art span{border:2px dashed var(--primary);position:relative}.stencil-art span:before{content:'';position:absolute;inset:15%;border:12px solid var(--primary);border-radius:50%}.stencil-art span:nth-child(2n):before{border-radius:0;transform:rotate(15deg);border-color:var(--accent)}.workbench{border-top:8px solid var(--primary);border-bottom:2px solid var(--primary);background:var(--surface-2);padding:24px;margin-bottom:60px;scroll-margin-top:16px}.bench-label{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.bench-label h2{margin:0}.bench-label span{font-size:14px}.reading{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px}.index{border-top:2px solid var(--primary);padding-top:16px}.index h2{font:700 16px var(--font-body)}.index nav a{border-bottom:1px solid var(--border);font-size:14px}.chapter{position:relative;border-top:1px solid var(--border);margin-top:36px;padding-top:28px}.tab-number{float:right;font-size:14px;min-width:38px;padding:3px;text-align:center;border:1px solid var(--primary);background:var(--surface-2)}.chapter h2{max-width:90%;margin-top:0}.content ul,.content ol{padding-left:24px}.content table{display:block;max-width:100%;overflow:auto}details{border-top:1px solid var(--border);padding:8px 0}summary{font-weight:700;cursor:pointer;min-height:52px;padding:12px 0;line-height:1.7}details>div{padding-bottom:14px}.related{margin-top:64px;border-top:3px solid var(--primary)}.related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.related a{display:block;min-height:44px;border:1px solid var(--border);padding:20px;text-decoration:none}.related p{font-size:15px}footer{max-width:1360px;margin:auto;background:var(--primary);color:#fff;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;padding:44px 40px}footer a,footer h2{color:white}footer p{font-size:14px;max-width:560px}footer h2{font:700 18px var(--font-body)}footer .brand{color:white}.copyright{grid-column:1/-1;border-top:1px solid #ffffff66;padding-top:20px}@media(max-width:979px){.site-header{padding:18px 24px;gap:12px}.nav-toggle{display:flex;margin-left:auto}.site-header #site-nav{display:none;flex-basis:100%;order:4;flex-direction:column;border-top:1px solid var(--border);padding-top:12px}.site-header.nav-open #site-nav{display:flex}.languages{flex-basis:100%;justify-content:flex-end;border:0;padding:0;order:3}main{padding-inline:24px}.masthead{gap:28px;grid-template-columns:1fr;padding:40px 0}.stencil-art{height:180px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:20px;transform:none;box-shadow:6px 6px 0 var(--surface-2)}.stencil-art span:before{inset:15%;border-width:7px}.reading{grid-template-columns:1fr;gap:28px}.index nav{display:flex;flex-wrap:wrap;gap:5px}.index nav a{border:1px solid var(--border)}.related>div{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr;padding:32px 24px}footer>div{grid-column:1/-1}.workbench{padding:16px}}@media(max-width:420px){main{padding-inline:16px}.site-header{padding:16px}.brand{font-size:24px;gap:8px}.workbench{margin-inline:-6px;padding:8px}.stencil-art{height:136px;padding:12px;gap:6px}.stencil-art span:before{border-width:5px}.masthead{padding-top:24px;gap:24px}h1{font-size:36px}footer{padding:28px 16px;gap:20px}.chapter h2{font-size:27px}.related a{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root{--primary:#253653;--accent:#ae8550;--surface:#faf3df;--surface-2:#e2dbc7;--heading:#253653;--font-head:"Space Grotesk",sans-serif;--font-body:"Source Sans 3",sans-serif}.brand>svg{width:44px;height:44px;flex:0 0 44px}.masthead{display:flex;flex-direction:column;gap:25px;padding:30px 0;border-bottom:6px solid var(--primary)}.marimba-blueprint svg{display:block;width:100%;height:auto}.marimba-blueprint{width:100%}.mast-copy{display:grid;grid-template-columns:1fr 1fr;gap:25px}.mast-copy .eyebrow{grid-column:1/-1}.mast-copy h1{font-size:clamp(42px,4vw,65px);line-height:1.15}.mast-copy .cta{grid-column:2}.reading{display:block}.index{border:1px solid var(--primary);padding:20px;margin:25px 0}.index nav{display:flex;gap:12px;flex-wrap:wrap}.index nav a{padding:12px;border:1px solid var(--primary)}.chapter{border-bottom:2px solid var(--primary);padding:25px;display:grid;grid-template-columns:60px minmax(0,1fr);gap:15px}.chapter h2{font-size:33px}.tab-number{font-size:26px;color:var(--accent)}.workbench{border:3px solid var(--primary);box-shadow:inset 0 0 0 8px var(--surface);background:var(--surface-2);padding:28px;margin:30px 0}.bench-label{border-bottom:3px solid var(--accent);padding-bottom:15px}html[lang=th]{--font-body:"Noto Sans Thai",sans-serif;--font-head:"Noto Sans Thai",sans-serif}html[lang=th] body{line-height:1.9}html[lang=th] h1,html[lang=th] h2{line-height:1.5}@media(max-width:767px){.mast-copy,.chapter{display:block}.mast-copy h1{font-size:40px}.chapter{padding:20px 0}.chapter h2{font-size:29px}.workbench{padding:10px}.index{padding:14px}}@media(max-width:600px){footer{grid-template-columns:minmax(0,1fr)}footer>*,footer nav{min-width:0}footer nav a{overflow-wrap:anywhere}}
:root{--primary:#254a3f;--accent:#b29754;--surface:#f5f0df;--surface-2:#dde5d5;--heading:#254a3f;--font-head:"Bitter",serif;--font-body:"Nunito Sans",sans-serif}.masthead{padding:20px 0;border-bottom:2px solid var(--primary)}.mast-copy{display:block}.mast-copy h1{font-size:clamp(38px,4vw,59px)}.milestone svg{display:block;width:100%;height:auto}.chapter{display:block;border-bottom:1px solid var(--primary);padding:24px 14px;background:repeating-linear-gradient(transparent,transparent 34px,#254a3f08 35px)}.tab-number{float:right;font-family:monospace}.workbench{border:2px solid var(--primary);box-shadow:8px 8px 0 var(--surface-2)}@media(max-width:767px){.workbench{box-shadow:3px 3px 0 var(--surface-2)}.chapter{padding:18px 0}}
:root{--primary:#263e52;--primary-contrast:#fff;--accent:#aa572e;--surface:#f4eddf;--surface-2:#d9d8ca;--text:#263544;--heading:#263e52;--muted:#53616a;--border:#a4aa9e;--font-head:"Alegreya",serif;--font-body:"Figtree",sans-serif}.masthead{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:44px;align-items:center;border-bottom:2px solid var(--primary);padding:35px 0}.torsion-case svg{display:block;width:100%;height:auto}.reading{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px}.chapter{border-top:2px solid var(--primary);padding:26px 20px 22px;margin:22px 0;background:var(--surface-2)}.chapter h2{margin-right:40px}.tab-number{float:right;color:var(--accent)}.workbench{border:2px solid var(--primary);padding:22px;background:var(--surface-2)}.bench-label{padding-bottom:15px;border-bottom:1px solid var(--primary)}.mast-copy h1{font-size:clamp(40px,5vw,72px);line-height:1.1}.play-link{background:var(--primary);border:2px solid var(--primary);box-shadow:5px 5px 0 var(--accent)}.index nav{display:grid;gap:6px}.index a{padding:12px 8px;border-bottom:1px solid var(--border)}@media(max-width:767px){.masthead,.reading{display:block}.torsion-case{margin:24px 0}.chapter{padding:20px 14px}.workbench{padding:10px}.mast-copy h1{font-size:42px}.index nav{display:flex;flex-wrap:wrap}.index{padding:16px 0}}@media(max-width:600px){footer{grid-template-columns:minmax(0,1fr)}footer>*,footer nav{min-width:0}footer nav a{overflow-wrap:anywhere}}
:root{--primary:#66452d;--heading:#66452d;--accent:#537a70;--surface:#f5efdc;--surface-2:#e8dcc2;--font-head:"Cormorant Garamond",serif;--font-body:"Archivo",sans-serif}.instrument-art svg{display:block;width:100%;height:auto}.masthead{grid-template-columns:minmax(0,1fr) 40%}.chapter{border-radius:0}.workbench{border-radius:30px 30px 0 0}.mast-copy h1{font-size:clamp(36px,4.5vw,66px)}
@media(max-width:767px){.masthead,.reading{display:block}.instrument-art{transform:none;margin:25px 0}.mast-copy{padding-left:0;border-left:0}.chapter:nth-child(even){margin-left:0}.instrument-art svg{max-height:330px}}