@import "https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700&family=Kanit:wght@500;600;700&display=swap";:root{--ink:#17201e;--muted:#5e6965;--paper:#f4f7f5;--white:#fff;--line:#d5deda;--red:#b3261e;--red-dark:#7e1814;--green:#1f644e;--indigo:#23436f;--yellow:#e3b23c;--shadow:0 12px 35px #17201e14;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Tahoma,Noto Sans Thai,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);margin:0;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}svg{flex:none}.skip-link{z-index:100;border:2px solid var(--red);background:#fff;padding:10px 14px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);z-index:50;background:#fffffff5;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:var(--red);color:#fff;border-radius:2px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong,.brand small{line-height:1.25;display:block}.site-nav{align-items:center;gap:4px;display:flex}.site-nav a{border-bottom:2px solid #0000;align-items:center;gap:6px;padding:9px 10px;font-size:13px;display:flex}.menu-button{background:0 0;border:0;padding:8px;display:none}.close-icon{display:none}.hero{background-position:50%;background-size:cover;align-items:flex-end;min-height:min(700px,100vh - 72px);display:flex;position:relative}.hero-overlay{background:linear-gradient(90deg,#0d1714e0 0%,#0d1714a6 36%,#0d17140f 72%),linear-gradient(#0000 55%,#0d17146b);position:absolute;inset:0}.hero-content{color:#fff;width:min(680px,90vw);margin:0 0 clamp(54px,8vh,88px) clamp(20px,7vw,110px);position:relative}.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:0;margin:0 0 10px;font-size:12px;font-weight:800}.eyebrow.light{color:#ffd978}.hero h1{max-width:760px;margin:0;font-family:Georgia,Noto Serif Thai,serif;font-size:clamp(42px,6vw,82px);font-weight:700;line-height:1.08}.hero p:not(.eyebrow){color:#eff5f2;max-width:620px;font-size:clamp(17px,2vw,21px)}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.button{border:1px solid;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:700;display:inline-flex}.button.primary{background:var(--red);border-color:var(--red);color:#fff}.button.ghost{color:#fff;backdrop-filter:blur(4px);background:#ffffff1a;border-color:#ffffffb3}.button.light{color:var(--red);background:#fff;border-color:#fff}.stats-band{border-top:4px solid var(--red);max-width:1180px;box-shadow:var(--shadow);background:#fff;grid-template-columns:repeat(4,1fr);margin:-26px auto 0;display:grid;position:relative}.stats-band div{border-right:1px solid var(--line);padding:22px 28px}.stats-band div:last-child{border:0}.stats-band strong,.stats-band span{display:block}.stats-band strong{color:var(--red);font-family:Georgia,serif;font-size:34px;line-height:1}.stats-band span{color:var(--muted);margin-top:7px;font-size:13px}.home-section,.page-shell,.detail-shell{width:min(1180px,100% - 40px);margin-inline:auto}.home-section{padding:72px 0}.compact-top{padding-top:0}.split-heading{grid-template-columns:1fr 1fr;align-items:end;gap:50px;display:grid}.split-heading h2,.section-title h2,.period-strip h2{margin:0;font-family:Georgia,Noto Serif Thai,serif;font-size:clamp(30px,4vw,50px);line-height:1.15}.split-heading>p{color:var(--muted);margin:0;font-size:18px}.route-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.route-grid a{background:#fff;flex-direction:column;align-items:flex-start;min-height:180px;padding:24px;display:flex}.route-grid svg{color:var(--red);margin-bottom:28px}.route-grid strong{font-size:18px}.route-grid span{color:var(--muted);margin-top:6px;font-size:13px}.route-grid a:hover{box-shadow:inset 0 -4px var(--red)}.section-rule{border-top:1px solid var(--line)}.section-title{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-title>a{color:var(--red);align-items:center;gap:5px;font-weight:700;display:flex}.card-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.record-card{border:1px solid var(--line);background:#fff;border-radius:4px;flex-direction:column;min-width:0;min-height:310px;padding:22px;display:flex}.record-card:hover{box-shadow:var(--shadow);border-color:#a5b6ae}.record-card[hidden]{display:none}.card-kicker{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;display:flex}.status{color:var(--green);background:#e4f1ec;padding:3px 7px;font-weight:700}.status.corroborated{color:var(--indigo);background:#e6edf7}.record-card h3{margin:0;font-size:20px;line-height:1.35}.record-card h3 a{justify-content:space-between;gap:8px;display:flex}.record-card h3 a:hover{color:var(--red)}.record-card>p{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.meta-row{color:var(--muted);align-items:center;gap:5px;margin-top:auto;padding-top:18px;font-size:12px;display:flex}.tag-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tag-row span{border:1px solid var(--line);padding:3px 7px;font-size:11px}.period-strip{color:#fff;background:#183b34}.period-links{border-top:1px solid #ffffff40;border-left:1px solid #ffffff40;grid-template-columns:repeat(6,1fr);margin-top:34px;display:grid}.period-links a{border-bottom:1px solid #ffffff40;border-right:1px solid #ffffff40;min-height:150px;padding:22px 14px}.period-links span,.period-links strong,.period-links small{display:block}.period-links span{color:#ffd978;font-size:12px}.period-links strong{margin-top:24px}.period-links small{color:#bdd0ca;margin-top:5px}.site-footer{color:#eaf0ed;background:#101917;grid-template-columns:1fr auto;gap:50px;padding:44px clamp(20px,6vw,90px);display:grid}.site-footer p{color:#aab8b3;max-width:650px;margin:5px 0}.footer-links{align-items:center;gap:22px;font-size:13px;display:flex}.footer-links a:hover{color:#ffd978}.page-shell{padding:58px 0 84px}.page-shell.narrow{width:min(900px,100% - 40px)}.page-intro{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:end;gap:30px;margin-bottom:42px;padding-bottom:36px;display:grid}.page-intro .eyebrow{grid-column:1/-1;margin-bottom:-18px}.page-intro h1{margin:0;font-family:Georgia,Noto Serif Thai,serif;font-size:clamp(38px,5vw,64px);line-height:1.05}.page-intro>p:last-child{color:var(--muted);margin:0;font-size:17px}.filter-panel{border:1px solid var(--line);z-index:20;background:#fff;grid-template-columns:2fr repeat(3,1fr) auto;align-items:end;gap:12px;margin-bottom:24px;padding:16px;display:grid;position:sticky;top:84px}.filter-panel label>span{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.filter-panel input,.filter-panel select{width:100%;height:42px;color:var(--ink);background:#fff;border:1px solid #becac4;border-radius:2px;padding:0 10px}.search-field{position:relative}.search-field svg{color:var(--muted);position:absolute;bottom:11px;left:12px}.search-field input{padding-left:40px}.filter-count{white-space:nowrap;height:42px;color:var(--red);align-items:center;gap:6px;font-weight:700;display:flex}.archive-grid{grid-template-columns:repeat(3,1fr)}.empty-state{text-align:center;color:var(--muted);padding:50px}.detail-shell{padding:42px 0 88px}.back-link{color:var(--muted);align-items:center;gap:5px;margin-bottom:34px;font-size:13px;display:inline-flex}.back-link:hover{color:var(--red)}.detail-header{max-width:900px}.detail-header h1,.reading-head h1{margin:14px 0;font-family:Georgia,Noto Serif Thai,serif;font-size:clamp(40px,6vw,70px);line-height:1.08}.detail-header>p,.reading-head>p:last-child{color:var(--muted);font-size:20px}.detail-meta{flex-wrap:wrap;gap:16px;margin-top:20px;display:flex}.detail-meta span{align-items:center;gap:7px;font-size:13px;display:flex}.detail-meta svg{width:17px}.detail-grid{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 340px;gap:50px;margin-top:52px;padding-top:40px;display:grid}.article-body section{margin-bottom:46px}.article-body h2,.source-panel h2,.prose h2,.reading-note h2{margin:0 0 18px;font-family:Georgia,Noto Serif Thai,serif;font-size:28px}.fact-list{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0;display:grid}.fact-list div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px}.fact-list dt{color:var(--red);margin-bottom:6px;font-size:11px;font-weight:800}.fact-list dd{margin:0}.evidence-block{border-left:4px solid var(--green);background:#fff;margin-bottom:12px;padding:18px 20px}.evidence-block.interpretation{border-color:var(--indigo);background:#f0f4f9}.evidence-block p{margin-bottom:0}.open-question{background:#fff2cc;grid-template-columns:150px 1fr;gap:14px;padding:18px;display:grid}.source-panel{border-top:4px solid var(--red);background:#fff;align-self:start;padding:22px;position:sticky;top:98px}.source-panel article{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr;gap:8px;padding:14px 0;display:grid}.source-panel article>span{color:var(--red);font-family:Georgia,serif}.source-panel strong,.source-panel small{display:block}.source-panel small{color:var(--muted);margin-top:4px;font-size:11px}.source-panel article a{color:var(--red);align-items:center;gap:4px;margin-top:7px;font-size:12px;display:inline-flex}.text-link{color:var(--red);margin-top:18px;font-size:13px;font-weight:700;display:inline-block}.reading-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.reading-card{border:1px solid var(--line);background:#fff;border-radius:4px;min-height:260px;padding:25px;position:relative}.reading-card>span{color:var(--red);font-size:12px;font-weight:800}.reading-card h2{font-family:Georgia,Noto Serif Thai,serif;font-size:28px;line-height:1.25}.reading-card p{color:var(--muted)}.reading-card small{position:absolute;bottom:20px;left:25px}.reading-card>svg{position:absolute;top:20px;right:20px}.reading-card:hover{border-color:var(--red)}.reading-head{max-width:820px;margin:20px 0 52px}.numbered-flow>div{grid-template-columns:60px 1fr;gap:16px;margin-bottom:18px;display:grid}.numbered-flow>div>span{color:var(--red);border-top:2px solid var(--red);padding-top:14px;font-family:Georgia,serif;font-size:26px}.numbered-flow .record-card{min-height:0}.reading-note{border:1px solid var(--line);background:#fff;margin:60px 0 0 76px;padding:26px}.timeline>section{border-top:1px solid var(--line);grid-template-columns:250px 1fr;gap:30px;padding:30px 0;display:grid}.timeline-year{align-self:start;position:sticky;top:100px}.timeline-year span{color:var(--red);font-family:Georgia,serif;font-size:42px}.timeline-year h2{margin:4px 0;font-size:20px}.timeline-year small{color:var(--muted)}.timeline-items{grid-template-columns:1fr 1fr;gap:10px;display:grid}.timeline-items a{border:1px solid var(--line);background:#fff;padding:18px 44px 18px 18px;position:relative}.timeline-items p{color:var(--muted);margin-bottom:0;font-size:13px}.timeline-items svg{position:absolute;top:18px;right:15px}.timeline-items a:hover{border-color:var(--red)}.region-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.region-grid>section{border:1px solid var(--line);background:#fff;min-width:0;padding:22px}.region-head{border-bottom:2px solid var(--ink);align-items:start;gap:12px;padding-bottom:14px;display:flex}.region-head>svg{color:var(--red)}.region-head span{color:var(--red);font-size:11px}.region-head h2{margin:0;font-size:21px}.region-head small{color:var(--muted)}.region-grid section>div:nth-child(2){display:grid}.region-grid section>div:nth-child(2) a{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:11px 0;font-size:13px;display:flex}.region-all{color:var(--red);margin-top:16px;font-size:12px;font-weight:700;display:block}.map-note{border-left:4px solid var(--yellow);background:#fff;margin-top:24px;padding:20px}.source-filter{grid-template-columns:2fr 1fr auto}.source-list{border-top:2px solid var(--ink);background:#fff}.source-list article{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr 40px;align-items:center;gap:10px;padding:14px;display:grid}.source-list article>span{color:var(--red);font-family:Georgia,serif}.source-list h2{margin:0;font-size:15px}.source-list p{color:var(--muted);margin:2px 0;font-size:12px}.source-list article>a{place-items:center;width:36px;height:36px;display:grid}.method-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:46px;display:grid}.method-grid section{border:1px solid var(--line);background:#fff;padding:22px}.method-grid svg{color:var(--red)}.method-grid h2{font-size:20px}.method-grid p{color:var(--muted)}.prose{font-size:17px}.prose h2{margin-top:42px}.prose .button{margin-top:18px;font-size:14px}.gap-layout{grid-template-columns:1fr 1fr;gap:44px;display:grid}.gap-layout h2{font-family:Georgia,Noto Serif Thai,serif;font-size:28px}.coverage-bars>div{grid-template-columns:100px 1fr 30px;align-items:center;gap:8px;margin:10px 0;font-size:12px;display:grid}.coverage-bars>div>div{background:#dfe7e3;height:9px}.coverage-bars i{background:var(--green);height:100%;display:block}.question-list{padding-left:22px}.question-list li{border-bottom:1px solid var(--line);padding:10px 0 10px 8px}.contribute-band{background:var(--red);color:#fff;justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding:34px;display:flex}.contribute-band h2{max-width:700px;margin:0;font-family:Georgia,Noto Serif Thai,serif}.contribution-steps{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.contribution-steps section{border:1px solid var(--line);background:#fff;min-height:230px;padding:20px;position:relative}.contribution-steps section>span{color:#bbc6c1;font-family:Georgia,serif;font-size:26px;position:absolute;top:10px;right:14px}.contribution-steps svg{color:var(--red)}.contribution-steps h2{font-size:19px}.contribution-steps p{color:var(--muted);font-size:14px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width<=980px){.site-nav{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr 1fr;padding:12px 20px;display:none;position:absolute;top:72px;left:0;right:0}.site-nav.open{display:grid}.menu-button,.menu-button[aria-expanded=true] .close-icon{display:block}.menu-button[aria-expanded=true] svg:first-child{display:none}.route-grid,.card-grid,.archive-grid,.region-grid{grid-template-columns:1fr 1fr}.period-links{grid-template-columns:repeat(3,1fr)}.filter-panel{grid-template-columns:1fr 1fr;position:static}.search-field{grid-column:1/-1}.detail-grid{grid-template-columns:1fr}.source-panel{position:static}.timeline>section{grid-template-columns:190px 1fr}.timeline-items,.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}@media (width<=680px){.site-header{height:64px;padding-inline:14px}.brand strong{font-size:13px}.brand small{font-size:10px}.hero{background-position:61%;align-items:flex-end;min-height:calc(100vh - 64px)}.hero-overlay{background:linear-gradient(#0d17141f 0%,#0d17149e 42%,#0d1714ed 100%)}.hero-content{width:auto;margin:0 20px 42px}.hero h1{font-size:42px}.hero p:not(.eyebrow){font-size:16px}.stats-band{grid-template-columns:1fr 1fr;width:calc(100% - 28px)}.stats-band div:nth-child(2){border-right:0}.stats-band div{padding:17px}.stats-band strong{font-size:28px}.home-section,.page-shell,.detail-shell,.page-shell.narrow{width:min(100% - 28px,1180px)}.home-section{padding:50px 0}.compact-top{padding-top:0}.split-heading,.page-intro{grid-template-columns:1fr;gap:14px}.page-intro .eyebrow{margin-bottom:0}.page-intro h1{font-size:40px}.route-grid,.card-grid,.archive-grid,.reading-grid,.region-grid,.method-grid,.contribution-steps,.gap-layout{grid-template-columns:1fr}.record-card{min-height:280px}.period-links{grid-template-columns:1fr 1fr}.section-title{align-items:start}.section-title>a{white-space:nowrap;font-size:12px}.filter-panel,.source-filter{grid-template-columns:1fr}.search-field{grid-column:auto}.detail-header h1,.reading-head h1{font-size:42px}.detail-header>p{font-size:17px}.detail-grid{gap:25px}.fact-list,.open-question{grid-template-columns:1fr}.numbered-flow>div{grid-template-columns:36px 1fr;gap:8px}.numbered-flow>div>span{font-size:18px}.reading-note{margin-left:44px}.timeline>section{grid-template-columns:1fr}.timeline-year{position:static}.timeline-items{grid-template-columns:1fr}.contribute-band{padding:24px;display:block}.contribute-band .button{margin-top:20px}.site-footer{padding:35px 20px}.footer-links{gap:10px;display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}body{overflow-x:hidden}@media (width<=680px){.hero h1{overflow-wrap:anywhere;font-size:34px}.hero-content{max-width:calc(100vw - 40px)}}:root{--ink:#17243a;--muted:#596579;--paper:#f3f6f8;--line:#d4dce6;--red:#d13b30;--red-dark:#a92a22;--green:#177a62;--indigo:#2456a6;--yellow:#e6b83f;--shadow:0 12px 35px #14243d17;font-family:Arial,Noto Sans Thai,sans-serif}.brand-mark{background:var(--indigo);font-family:Georgia,serif}.global-hero{background-image:url(/meta-learning/images/hero-learning-theories.png);background-position:50%}.global-hero .hero-overlay{background:linear-gradient(270deg,#0a1424f0 0%,#0a1424b3 38%,#0a142429 72%),linear-gradient(#0000 50%,#0a142473)}.global-hero .hero-content{margin-left:auto;margin-right:clamp(20px,7vw,110px)}.type-band{color:#fff;background:#14243d}.type-grid{border:1px solid #ffffff38;grid-template-columns:repeat(3,1fr);margin-top:30px;display:grid}.type-grid a{border-bottom:1px solid #ffffff38;border-right:1px solid #ffffff38;justify-content:space-between;align-items:center;gap:10px;padding:18px;display:flex}.type-grid a:hover{background:#2456a6}.type-grid span{color:#bdc9d8;font-size:12px}.theory-card{border:1px solid var(--line);background:#fff;border-radius:4px;flex-direction:column;min-height:330px;padding:22px;display:flex}.theory-card:hover{border-color:var(--indigo);box-shadow:var(--shadow)}.theory-card[hidden]{display:none}.card-top,.card-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-top span{color:var(--indigo);text-transform:uppercase;font-size:11px;font-weight:800}.card-top small,.card-bottom small{color:var(--muted);font-size:11px}.theory-card h2{margin:24px 0 2px;font-family:Georgia,Noto Serif Thai,serif;font-size:23px;line-height:1.25}.theory-card h2 a{justify-content:space-between;gap:8px;display:flex}.theory-card h2 a:hover{color:var(--red)}.theory-card .english{color:var(--indigo);margin:0;font-size:12px;font-weight:700}.theory-card>p:not(.english){color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.card-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:14px}.card-bottom span{color:var(--indigo);background:#e8eef8;padding:4px 7px;font-size:11px}.english-title{margin-top:-8px;font-family:Georgia,serif;color:var(--indigo)!important;font-size:25px!important}.pill-row{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.pill-row span{border:1px solid var(--line);background:#fff;padding:5px 9px;font-size:12px}.evidence-block.influence{border-color:var(--yellow);background:#fff9e8}.evidence-block.current{border-color:var(--green);background:#edf8f4}.evidence-block.critique{border-color:var(--red);background:#fff0ee}.application-list{flex-wrap:wrap;gap:8px;display:flex}.application-list span{color:var(--indigo);background:#e8eef8;padding:7px 10px;font-size:13px}.misuse{border-left:4px solid var(--red);background:#fff0ee;grid-template-columns:150px 1fr;gap:15px;margin-top:20px;padding:18px;display:grid}.relation-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.relation-list a{border:1px solid var(--line);background:#fff;padding:16px 44px 16px 16px;position:relative}.relation-list span{color:var(--red);font-size:10px;font-weight:800}.relation-list strong{display:block}.relation-list p{color:var(--muted);font-size:12px}.relation-list svg{position:absolute;top:18px;right:15px}.relation-list a:hover{border-color:var(--indigo)}.relation-filter{border:1px solid var(--line);background:#fff;justify-content:space-between;align-items:end;margin-bottom:18px;padding:16px;display:flex}.relation-filter label span{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.relation-filter select{border:1px solid var(--line);min-width:250px;height:42px;padding:0 10px}.relation-filter>div{color:var(--indigo);align-items:center;gap:8px;display:flex}.relation-map{gap:8px;display:grid}.relation-map article{border:1px solid var(--line);background:#fff;grid-template-columns:1fr 150px 1fr;align-items:center;padding:16px;display:grid;position:relative}.relation-map article[hidden]{display:none}.relation-map a{padding:6px 10px}.relation-map a small,.relation-map a strong{display:block}.relation-map a small{color:var(--muted);font-size:10px}.relation-map a strong{font-size:14px}.relation-map article>div{text-align:center;color:var(--red)}.relation-map article>div span{font-size:11px;font-weight:800;display:block}.relation-map article>p{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;margin:8px 0 0;padding:10px 10px 0;font-size:12px}.compare-picker{border:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,1fr) auto;gap:12px;margin-bottom:20px;padding:16px;display:grid}.compare-picker label span{color:var(--muted);font-size:11px;font-weight:700;display:block}.compare-picker select{border:1px solid var(--line);width:100%;height:44px;padding:0 8px}.compare-picker>div{color:var(--indigo);align-items:center;gap:6px;font-size:12px;display:flex}.compare-table{border-top:2px solid var(--ink);min-width:850px}.compare-output{overflow-x:auto}.compare-row{border-bottom:1px solid var(--line);grid-template-columns:170px repeat(3,minmax(220px,1fr));display:grid}.compare-row>*{border-right:1px solid var(--line);margin:0;padding:16px}.compare-row>strong{background:#e7edf5;font-size:12px}.compare-row p{background:#fff;font-size:13px}.compare-head{z-index:5;position:sticky;top:72px}.compare-head>div{color:#fff;background:#14243d}.compare-head small{color:#b8c9df;margin-top:4px;display:block}.people-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.people-grid article{border:1px solid var(--line);background:#fff;min-height:210px;padding:18px}.initial{background:var(--indigo);color:#fff;place-items:center;width:42px;height:42px;font-family:Georgia,serif;display:grid}.people-grid h2{font-size:17px}.people-grid article>div:last-child{display:grid}.people-grid a{border-top:1px solid var(--line);justify-content:space-between;gap:6px;padding:7px 0;font-size:12px;display:flex}.context-flow{max-width:900px}.context-flow article{border-top:1px solid var(--line);grid-template-columns:80px 1fr;gap:18px;padding:28px 0;display:grid}.context-flow article>span{color:var(--indigo);font-family:Georgia,serif;font-size:42px}.context-flow small{color:var(--red);font-weight:700}.context-flow h2{margin:5px 0;font-family:Georgia,Noto Serif Thai,serif;font-size:28px}.context-flow p{color:var(--muted)}.gap-callout{border-left:4px solid var(--yellow);background:#fff;margin-top:42px;padding:22px}.gap-callout p{color:var(--muted);margin-bottom:0}@media (width<=980px){.type-grid{grid-template-columns:1fr 1fr}.people-grid{grid-template-columns:repeat(3,1fr)}.compare-picker{grid-template-columns:1fr 1fr}.compare-picker>div{grid-column:1/-1}.relation-list{grid-template-columns:1fr}}@media (width<=680px){.global-hero .hero-overlay{background:linear-gradient(#0a14241f 0%,#0a1424b3 38%,#0a1424f2 100%)}.global-hero .hero-content{margin:0 20px 42px}.type-grid,.people-grid,.compare-picker{grid-template-columns:1fr}.relation-map article{grid-template-columns:1fr 72px 1fr;padding:10px}.relation-map a{padding:4px}.relation-map a strong{font-size:12px}.relation-map article>div span{font-size:9px}.misuse{grid-template-columns:1fr}.context-flow article{grid-template-columns:48px 1fr}.context-flow article>span{font-size:28px}}.relation-meta{color:var(--indigo);margin-top:7px;font-weight:700;display:block}.compare-output{scrollbar-gutter:stable}.compare-output:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.source-list article small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.45;display:block}.source-list article small strong{color:var(--ink)}@media (width<=680px){.relation-filter{gap:12px;display:grid}.relation-filter select{width:100%;min-width:0}.relation-filter>div{justify-content:flex-start}.relation-map article{grid-template-columns:1fr}.relation-map a{min-width:0}.relation-map a strong{overflow-wrap:anywhere}.relation-map article>div{justify-content:center;align-items:center;gap:8px;padding:4px;display:flex}.relation-map article>div span{font-size:10px}.relation-map article>div svg{width:20px;transform:rotate(90deg)}.relation-map article>p{grid-column:1}}.map-page{padding-top:52px}.map-howto{border:1px solid var(--line);border-top:5px solid var(--wol-blue);box-shadow:var(--shadow);background:#fff;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:28px;margin:0 0 44px;padding:28px;display:grid}.map-howto h2{margin:0 0 10px;font-size:30px;line-height:1.2}.map-howto p{color:var(--muted);margin:0}.map-howto ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.map-howto li{background:var(--soft-blue);border:1px dashed #b8c5c0;padding:13px 15px;font-size:14px}.map-howto li strong{color:var(--ink);display:block}.relation-legend{margin-bottom:34px}.legend-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.legend-card{--relation:#6f7b8a;border:2px solid var(--relation);background:#fff;border-radius:6px;grid-template-columns:34px 1fr;align-items:start;gap:10px;min-height:180px;padding:15px;transition:opacity .18s,transform .18s;display:grid}.legend-card h3{margin:0 0 7px;font-size:16px;line-height:1.2}.legend-card p{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.45}.legend-card small{color:var(--ink);font-size:11px;line-height:1.45;display:block}.legend-card.muted{opacity:.35}.legend-symbol{background:var(--relation);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:grid}.teal{--relation:var(--wol-blue-dark)}.green{--relation:var(--green)}.orange{--relation:#df7e22}.purple{--relation:var(--indigo)}.blue{--relation:#3579bd}.red{--relation:var(--red)}.yellow{--relation:#c28b13}.relation-filter-map{z-index:12;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--soft-blue);border-radius:8px;position:sticky;top:88px}.relation-canvas-wrap{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:10px;margin:20px 0 56px;overflow:hidden}.canvas-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,var(--soft-blue));justify-content:space-between;align-items:end;gap:24px;padding:24px;display:flex}.canvas-head h2{margin:0 0 6px;font-size:28px}.canvas-head p{color:var(--muted);margin:0;font-size:13px}.canvas-head>p{color:var(--wol-blue-dark);align-items:center;gap:7px;font-weight:700;display:flex}.relation-canvas-scroll{scrollbar-gutter:stable;background:#fffef8;overflow:auto}.relation-canvas-scroll:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}.relation-canvas{width:100%;min-width:1060px;height:auto;display:block}.period-line{stroke:#dbe3df;stroke-width:1px;stroke-dasharray:5 8}.period-label{fill:var(--muted);text-anchor:middle;font-family:Bai Jamjuree,Tahoma,sans-serif;font-size:13px;font-weight:700}.canvas-edge{--edge:var(--relation);transition:opacity .18s}.canvas-edge line{stroke:var(--relation);stroke-width:2.6px;stroke-linecap:round;opacity:.72}.canvas-edge text{fill:var(--relation);stroke:#fff;stroke-width:3px;paint-order:stroke;font-family:Kanit,Tahoma,sans-serif;font-size:18px;font-weight:700}.canvas-edge.runs_parallel_to line{stroke-dasharray:7 8}.canvas-edge.dimmed{opacity:.09}.arrow-fill{fill:var(--relation)}.canvas-node circle{fill:#fff;stroke:var(--ink);stroke-width:2.4px}.canvas-node text{fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;font-family:Bai Jamjuree,Tahoma,sans-serif;font-size:11px}.canvas-node:hover circle,.canvas-node:focus circle{fill:var(--soft-yellow);stroke:var(--wol-blue-dark)}.canvas-node:hover text,.canvas-node:focus text{fill:var(--wol-blue-dark)}.relation-detail-section{margin-top:36px}.relation-map article{border-left:6px solid var(--relation);box-shadow:none;border-radius:6px}.relation-map article>div{color:var(--relation)}.relation-map article>div b{background:var(--relation);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;margin:0 auto 4px;font-size:16px;display:grid}.relation-map a span{color:var(--muted);margin-top:2px;font-size:11px;display:block}@media (width<=1180px){.legend-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.map-page{padding-top:42px}.map-howto{grid-template-columns:1fr;padding:20px}.map-howto h2{font-size:24px}.legend-grid{grid-template-columns:1fr}.legend-card{min-height:0}.relation-filter-map{position:static}.canvas-head{padding:18px;display:block}.canvas-head>p{margin-top:10px}.relation-canvas{min-width:980px}}:root{--ink:#2f3338;--muted:#66706f;--paper:#fffef8;--white:#fff;--line:#d9dfda;--red:#ff766b;--red-dark:#d94f47;--green:#268e78;--indigo:#6e5aa8;--yellow:#fec566;--wol-blue:#50c2c0;--wol-blue-dark:#218f8d;--soft-blue:#e4f7f6;--soft-yellow:#fff4d5;--soft-violet:#f0ecfa;--soft-coral:#fff0ed;--shadow:0 8px 24px #2f333812;color:var(--ink);background:var(--paper);font-family:Bai Jamjuree,Tahoma,Noto Sans Thai,Arial,sans-serif}body{background:var(--paper);font-size:16px}h1,h2,h3,.brand strong{letter-spacing:0;font-family:Kanit,Tahoma,sans-serif;font-weight:600}.site-header{background:#fffef8f7;border-bottom:1px solid #cfd7d2;height:76px}.brand-mark{background:var(--paper);object-fit:cover;border-radius:10px;width:44px;height:44px}.brand strong{font-size:16px}.brand small{color:var(--muted);font-size:10px}.site-nav a{font-size:13px;font-weight:600}.site-nav a:hover,.site-nav a:focus-visible{color:var(--wol-blue-dark);border-color:var(--wol-blue)}.menu-button{color:var(--ink)}.skip-link{border-color:var(--wol-blue)}.eyebrow{color:var(--wol-blue-dark);font-weight:700}.page-shell,.detail-shell,.home-section{width:min(1240px,100% - 40px)}.page-intro h1,.detail-header h1,.reading-head h1{font-family:Kanit,Tahoma,sans-serif}.button.primary{background:var(--wol-blue-dark);border-color:var(--wol-blue-dark)}.button.primary:hover{background:#187a78}.site-footer{background:var(--ink);color:#fff}.site-footer p{color:#d7dfdc}.play-note{color:var(--wol-blue-dark);align-items:center;gap:8px;margin:0 0 12px;font-weight:700;display:inline-flex}.play-note:after{content:"";border-top:3px solid var(--wol-blue);width:38px;height:9px;transform:rotate(-4deg)}.question-hero{grid-template-columns:minmax(440px,.9fr) minmax(520px,1.1fr);align-items:center;gap:clamp(34px,5vw,80px);width:min(1440px,100% - 40px);min-height:calc(100vh - 76px);max-height:840px;margin:0 auto;padding:48px 24px 56px;display:grid}.question-copy{min-width:0}.question-copy h1{overflow-wrap:anywhere;margin:0;font-size:clamp(48px,5.7vw,78px);line-height:1.04}.hero-lead{max-width:680px;color:var(--muted);margin:18px 0 24px;font-size:18px}.question-list{gap:10px;padding:0;display:grid}.question-row{--tone:var(--wol-blue);border:2px solid var(--tone);background:#ffffff8c;border-radius:5px;grid-template-columns:48px minmax(0,1fr) 26px;align-items:center;gap:14px;min-height:88px;padding:12px 16px;display:grid}.question-row.yellow{--tone:#e9a91f}.question-row.violet{--tone:var(--indigo)}.question-row>span{background:var(--tone);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.question-row strong{overflow-wrap:anywhere;font-size:16px;line-height:1.4}.question-row small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.question-row>svg{color:var(--tone);transition:transform .16s}.question-row:hover{box-shadow:4px 4px 0 color-mix(in srgb, var(--tone) 35%, transparent);background:#fff}.question-row:hover>svg{transform:translate(4px)}.home-search{border:1px solid var(--line);background:#fff;border-radius:4px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:16px;padding:7px 8px 7px 14px;display:grid}.home-search input{background:0 0;border:0;outline:0;min-width:0;height:40px}.home-search button{background:var(--wol-blue);color:#fff;cursor:pointer;border:0;border-radius:3px;height:40px;padding:0 18px;font-weight:700}.question-map{flex-direction:column;justify-content:center;align-self:stretch;align-items:stretch;min-width:0;display:flex}.question-map img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-height:570px}.map-labels{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:-12px;display:flex}.map-labels a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;font-size:12px}.map-labels a:nth-child(2){border-color:#e9a91f}.map-labels a:nth-child(3){border-color:var(--indigo)}.text-action{color:var(--wol-blue-dark);justify-content:center;align-items:center;gap:7px;margin-top:16px;font-weight:700;display:inline-flex}.text-action svg{width:18px}.quick-stats{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);justify-content:center;gap:clamp(24px,7vw,100px);padding:15px 20px;display:flex}.quick-stats span{color:var(--muted);font-size:13px}.quick-stats strong{color:var(--ink);margin-right:4px;font-size:20px}.flywheel-section{border-bottom:1px solid var(--line);padding-top:58px}.flywheel-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.flywheel-grid a{border:2px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:210px;padding:22px;display:flex}.flywheel-grid a:first-child,.flywheel-grid a:nth-child(4){border-color:var(--wol-blue)}.flywheel-grid a:nth-child(2){border-color:#e9a91f}.flywheel-grid a:nth-child(3){border-color:var(--indigo)}.flywheel-grid span{background:var(--soft-blue);width:42px;height:42px;color:var(--wol-blue-dark);border-radius:50%;place-items:center;font-weight:800;display:grid}.flywheel-grid strong{margin-top:34px;font-family:Kanit,Tahoma,sans-serif;font-size:20px;line-height:1.25;display:block}.flywheel-grid small{color:var(--muted);margin-top:8px;line-height:1.55;display:block}.flywheel-grid a:hover{box-shadow:4px 4px 0 var(--soft-blue);transform:translateY(-2px)}.play-section{width:min(1240px,100% - 40px);margin-inline:auto;padding:72px 0}.playful-title{margin-bottom:26px}.playful-title h2{margin:0;font-size:clamp(30px,3.5vw,48px)}.playful-title>p{max-width:480px;color:var(--muted)}.journey-section{border-bottom:1px solid var(--line)}.journey-list{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.journey-list>a{border-bottom:1px solid var(--line);grid-template-columns:36px 1fr 24px;align-items:center;gap:14px;min-height:112px;padding:20px;display:grid}.journey-list>a:nth-child(odd){border-right:1px solid var(--line)}.journey-list>a>svg:first-child{color:var(--wol-blue-dark)}.journey-list strong,.journey-list small{display:block}.journey-list strong{font-size:19px}.journey-list small{color:var(--muted);margin-top:4px}.journey-list>a:hover{background:var(--soft-blue)}.featured-section .theory-card{min-height:300px;box-shadow:none;border-radius:4px}.featured-section .theory-card:hover{border-color:var(--wol-blue);box-shadow:4px 4px 0 var(--soft-blue)}.theory-card .card-top span,.theory-card .english{color:var(--wol-blue-dark)}.theory-card h2{font-family:Kanit,Tahoma,sans-serif}.theory-card .card-bottom span{background:var(--soft-blue);color:var(--wol-blue-dark)}.metro-page{padding:52px 0 90px}.metro-intro{grid-template-columns:minmax(380px,.8fr) minmax(500px,1.2fr);align-items:center;gap:42px;display:grid}.metro-intro h1,.lab-intro h1{margin:0 0 16px;font-size:clamp(44px,5vw,70px);line-height:1.04}.metro-intro p:not(.play-note),.lab-intro p:not(.play-note){color:var(--muted);max-width:670px;font-size:18px}.metro-intro img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-height:300px}.metro-orientation{border:1px solid var(--line);background:#fff;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;margin:30px 0 18px;padding:14px 18px;display:grid}.metro-orientation>svg{color:var(--wol-blue-dark)}.metro-orientation p{margin:0}.metro-orientation p strong,.metro-orientation p span{display:block}.metro-orientation p span{color:var(--muted);font-size:12px}.metro-orientation a{color:var(--wol-blue-dark);align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.metro-scroll{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);scrollbar-gutter:stable;background:#fff;overflow-x:auto}.metro-map{min-width:1240px;padding:20px 16px 28px}.metro-periods{color:var(--muted);border-bottom:1px dashed #abb4af;grid-template-columns:210px repeat(6,1fr);padding-bottom:12px;font-size:11px;display:grid}.metro-periods span:first-child{grid-column:2}.metro-periods span{text-align:center}.metro-track{--track-color:var(--wol-blue);grid-template-columns:210px repeat(6,1fr);align-items:center;min-height:150px;display:grid;position:relative}.metro-track+.metro-track{border-top:1px solid #edf0ed}.metro-track.yellow{--track-color:#efae25}.metro-track.violet{--track-color:var(--indigo)}.metro-track.coral{--track-color:var(--red)}.metro-track h2{color:var(--track-color);grid-column:1;padding-right:20px;font-size:17px;line-height:1.25}.rail{background:var(--track-color);grid-area:1/2/auto/-1;height:4px}.track-cell{grid-column:var(--column);z-index:1;flex-direction:column;grid-row:1;justify-content:center;align-self:stretch;align-items:center;gap:4px;min-width:0;display:flex}.station{text-align:center;background:#ffffffe6;width:100%;max-width:155px;min-height:54px;padding:20px 7px 4px;position:relative}.station>span{border:4px solid var(--track-color);background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:1px;left:50%;transform:translate(-50%)}.station strong,.station small{overflow-wrap:anywhere;display:block}.station strong{font-size:11px;line-height:1.25}.station small{color:var(--muted);margin-top:2px;font-size:9px;line-height:1.2}.station:hover{outline:2px solid var(--track-color);outline-offset:1px}.period-ledger{padding-top:74px}.period-ledger details{border-top:1px solid var(--ink)}.period-ledger summary{cursor:pointer;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:16px 8px;display:grid}.period-ledger summary span{color:var(--wol-blue-dark);font-family:Georgia,serif;font-size:26px}.period-ledger summary small{color:var(--muted)}.period-ledger details>div{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.period-ledger details a{border-bottom:1px solid var(--line);min-height:138px;padding:18px 48px 18px 18px;position:relative}.period-ledger details a:nth-child(odd){border-right:1px solid var(--line)}.period-ledger details a small{color:var(--wol-blue-dark);font-weight:700}.period-ledger details a strong{margin-top:4px;font-size:16px;display:block}.period-ledger details a p{color:var(--muted);margin-bottom:0;font-size:12px}.period-ledger details a svg{position:absolute;top:18px;right:16px}.period-ledger details a:hover{background:var(--soft-blue)}.compare-lab{padding:52px 0 90px}.lab-intro{border-bottom:1px solid var(--ink);grid-template-columns:minmax(460px,.9fr) minmax(500px,1.1fr);align-items:center;gap:38px;padding-bottom:30px;display:grid}.lab-intro img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-height:310px}.scenario-tabs{border:1px solid var(--line);background:#fff;margin-top:12px;display:inline-flex}.scenario-tabs button{border:0;border-right:1px solid var(--line);cursor:pointer;background:#fff;min-height:44px;padding:8px 18px;font-weight:600}.scenario-tabs button:last-child{border-right:0}.scenario-tabs button.active{background:var(--wol-blue);color:#fff}.compare-lab .compare-picker{background:var(--paper);border:0;border-bottom:1px solid var(--line);margin:28px 0 14px;padding:0 0 20px}.compare-lab .compare-picker select{background:#fff;border-color:#aeb8b3;border-radius:3px}.compare-guide{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 0;font-size:12px;display:grid}.compare-guide strong{color:var(--ink)}.compare-guide a{color:var(--wol-blue-dark);align-items:center;gap:6px;font-weight:700;display:inline-flex}.compare-lab .compare-table{border-top:1px solid var(--ink)}.compare-lab .compare-row{grid-template-columns:180px repeat(3,minmax(250px,1fr))}.compare-lab .compare-row>strong{background:0 0;font-size:13px}.compare-lab .compare-row p{background:0 0;font-size:14px}.compare-lab .compare-head>div{color:var(--ink);background:var(--soft-blue);border-top:5px solid var(--wol-blue)}.compare-lab .compare-head>div[data-tone="1"]{background:var(--soft-yellow);border-color:var(--yellow)}.compare-lab .compare-head>div[data-tone="2"]{background:var(--soft-violet);border-color:var(--indigo)}.compare-lab .compare-head small{color:var(--muted)}.compare-lab .compare-head{top:76px}.path-page{padding-top:52px}.path-focus{margin-bottom:74px}.focus-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.focus-card{--tone:var(--wol-blue);border:2px solid var(--tone);background:#fff;border-radius:5px;grid-template-columns:34px 1fr 22px;align-items:start;gap:14px;min-height:178px;padding:22px;display:grid}.focus-card.yellow{--tone:#e9a91f}.focus-card.violet{--tone:var(--indigo)}.focus-card>svg:first-child,.focus-card>svg:last-child{color:var(--tone)}.focus-card strong,.focus-card small{display:block}.focus-card strong{font-family:Kanit,Tahoma,sans-serif;font-size:20px}.focus-card small{color:var(--muted);margin-top:7px;line-height:1.55}.focus-card:hover{box-shadow:4px 4px 0 color-mix(in srgb, var(--tone) 25%, transparent)}.path-caution{border-left:4px solid var(--yellow);background:var(--soft-yellow);color:var(--muted);margin:18px 0 0;padding:18px 20px}.path-caution strong{color:var(--ink)}.path-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.path-card{border:1px solid var(--line);border-top:5px solid var(--ink);background:#fff;min-width:0;padding:24px;scroll-margin-top:100px}.path-card.turquoise{border-top-color:var(--wol-blue)}.path-card.yellow{border-top-color:#e9a91f}.path-card.violet{border-top-color:var(--indigo)}.path-card-head{color:var(--wol-blue-dark);justify-content:space-between;align-items:center;font-size:12px;display:flex}.path-card h2{margin:16px 0 8px;font-size:24px;line-height:1.3}.path-card>p{color:var(--muted);min-height:74px}.path-card ol{border-top:1px solid var(--line);margin:22px 0 0;padding:0;list-style:none}.path-card li{border-bottom:1px solid var(--line)}.path-card li a{grid-template-columns:1fr 20px;align-items:center;gap:10px;padding:12px 2px;display:grid}.path-card li strong,.path-card li small{display:block}.path-card li small{color:var(--muted);margin-top:2px;font-size:11px}.path-card li a:hover{color:var(--wol-blue-dark)}@media (width<=1050px){.question-hero{grid-template-columns:1fr .9fr;gap:28px}.question-map img{max-height:450px}.metro-intro,.lab-intro{grid-template-columns:1fr}.metro-intro img,.lab-intro img{max-height:250px}.flywheel-grid,.focus-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.site-header{height:66px}.brand strong{font-size:13px}.brand small{display:none}.question-hero{grid-template-columns:1fr;width:min(100% - 28px,720px);min-height:0;max-height:none;padding:40px 0 48px}.question-copy h1{font-size:46px}.hero-lead{font-size:16px}.question-row{grid-template-columns:42px minmax(0,1fr) 22px;min-height:92px;padding:10px 12px}.question-row>span{width:38px;height:38px}.question-map{order:-1}.question-map img{max-height:320px}.map-labels{margin-top:0}.quick-stats{justify-content:flex-start;gap:28px;overflow-x:auto}.quick-stats span{white-space:nowrap}.play-section,.metro-page,.compare-lab{width:min(100% - 28px,720px);padding:50px 0}.playful-title{display:block}.journey-list{grid-template-columns:1fr}.journey-list>a:nth-child(odd){border-right:0}.metro-intro h1,.lab-intro h1{font-size:42px}.metro-intro p:not(.play-note),.lab-intro p:not(.play-note){font-size:16px}.metro-orientation{grid-template-columns:28px 1fr}.metro-orientation a{grid-column:2}.period-ledger details>div{grid-template-columns:1fr}.period-ledger details a:nth-child(odd){border-right:0}.lab-intro img{order:-1}.scenario-tabs{grid-template-columns:1fr 1fr 1fr;width:100%;display:grid}.scenario-tabs button{padding:8px;font-size:13px}.compare-lab .compare-picker{grid-template-columns:1fr}.compare-guide{grid-template-columns:1fr;gap:4px}.compare-lab .compare-head{top:66px}.flywheel-grid,.focus-grid,.path-grid{grid-template-columns:1fr}.focus-card,.path-card>p{min-height:0}}@media (width<=430px){.question-copy h1{font-size:38px;line-height:1.08}.question-row{gap:9px;padding-inline:10px}.question-row strong{font-size:14px;line-height:1.35}.question-row small{font-size:11px}}@media (prefers-reduced-motion:reduce){.question-row>svg{transition:none}}