:root{--cobalt:#2563eb;--cobalt-600:#1d4fd7;--cobalt-700:#1e40af;--cobalt-100:#dbe7fe;--cobalt-50:#e9f0fe;--brand-text:#2563eb;--orange:#f97316;--orange-600:#ea580c;--orange-bright:#fdba74;--orange-50:#fff1e8;--orange-ink:#3a1a00;--ink:#141a26;--ink-soft:#3f4a5a;--muted:#5d6b80;--line:#e2e8f4;--paper:#f6f8fd;--mist:#eef2fb;--surface:#fff;--band:#141a26;--white:#fff;--hero-bg:#0f1a33;--hero-mid:#16294d;--hero-end:#1e3e72;--hero-gradient:linear-gradient(135deg, var(--hero-bg) 0%, var(--hero-mid) 56%, var(--hero-end) 100%);--success:#16a34a;--success-700:#15803d;--success-bright:#4ade80;--success-50:#dcfce7;--danger:#dc2626;--danger-700:#b91c1c;--danger-bright:#f87171;--danger-50:#fee2e2;--line-green:#06c755;--orange-chip-ink-dark:#331700;--font-display:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display-th:"Prompt", sans-serif;--font-body-th:"Noto Sans Thai", sans-serif;--s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-6:48px;--s-8:64px;--s-12:96px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--focus-ring:0 0 0 3px #2563eb73;--content-max:1200px;--gutter:28px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--cobalt-700:#93c5fd;--cobalt-100:#1b2f5c;--cobalt-50:#16264a;--brand-text:#93c5fd;--orange-600:#fb923c;--orange-50:#33210f;--ink:#e8edf7;--ink-soft:#b7c1d4;--muted:#99a3b8;--line:#24304a;--paper:#0b1220;--mist:#101a2e;--surface:#131e36}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:var(--brand-text);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-text);font-size:12px;font-weight:700}.display{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(34px,5vw,52px);font-weight:600;line-height:1.07}.h1{font-family:var(--font-display);letter-spacing:-.035em;font-size:40px;font-weight:600;line-height:1.1}.h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(25px,3.2vw,36px);font-weight:600;line-height:1.1}.h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:23px;font-weight:600;line-height:1.15}.h4{font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.2}.h5{font-family:var(--font-display);font-size:15px;font-weight:600}.lede{font-family:var(--font-body);color:var(--ink-soft);font-size:18px;font-weight:400;line-height:1.6}.body{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.6}.caption{font-family:var(--font-body);color:var(--ink-soft);font-size:13px;font-weight:400;line-height:1.5}.container{max-width:var(--content-max);padding:0 var(--gutter);margin:0 auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-3)}.band{background:var(--band);color:var(--white)}.hero{background:var(--hero-gradient);color:var(--white)}.btn{align-items:center;gap:var(--s-1);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:10px 18px;font-weight:600;display:inline-flex}.btn-primary{background:var(--cobalt);color:var(--white)}.btn-primary:hover{background:var(--cobalt-600)}.btn-primary:active{background:var(--cobalt-700)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn:disabled{opacity:.4;cursor:not-allowed}.chip{background:var(--cobalt-50);color:var(--cobalt-700);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip-orange{background:var(--orange-50);color:var(--orange-600)}.delta-up{color:var(--success)}.delta-down{color:var(--danger)}.app{flex-direction:column;min-height:100vh;display:flex}.header{z-index:40;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{max-width:var(--content-max);padding:0 var(--gutter);align-items:center;gap:var(--s-3);height:64px;margin:0 auto;display:flex}.header-logo img{width:auto;height:26px}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.header-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);padding-left:var(--s-3);margin-left:var(--s-1);border-left:1px solid var(--line);font-size:15px;font-weight:600}.header-spacer{flex:1}.header-nav{align-items:center;gap:var(--s-1);display:flex}.header-link{border-radius:var(--radius-sm);color:var(--ink-soft);align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.header-link:hover{background:var(--mist);color:var(--ink);text-decoration:none}.header-link.is-active{background:var(--cobalt-50);color:var(--cobalt-700)}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--mist);color:var(--ink)}.progress-pill{border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:13px;font-weight:600;display:inline-flex}.main{flex:1}.page{max-width:var(--content-max);padding:var(--s-6) var(--gutter) var(--s-12);margin:0 auto}.page-narrow{max-width:860px}.footer{border-top:1px solid var(--line);padding:var(--s-4) 0;color:var(--muted);font-size:13px}.footer-inner{max-width:var(--content-max);padding:0 var(--gutter);gap:var(--s-3);flex-wrap:wrap;justify-content:space-between;margin:0 auto;display:flex}.hero-card{background:var(--hero-gradient);border-radius:var(--radius-lg);padding:var(--s-6);color:var(--white);position:relative;overflow:hidden}.hero-card .eyebrow{color:var(--orange-bright)}.hero-card h1{margin:var(--s-1) 0 var(--s-2);color:var(--white)}.hero-sub{color:#ffffffd1;max-width:62ch;margin:0 0 var(--s-3)}.hero-actions{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.hero-stats{gap:var(--s-6);margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid #ffffff29;flex-wrap:wrap;display:flex}.hero-stat .n{font-family:var(--font-display);color:var(--white);font-size:26px;font-weight:600;line-height:1.1}.hero-stat .l{color:#ffffffb3;font-size:13px}.section{margin-top:var(--s-8)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.section-head h2{margin:0}.section-note{color:var(--muted);font-size:14px}.track-grid{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.track-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-3);color:inherit;text-decoration:none;transition:border-color .12s,background .12s;display:block}.track-card:hover{border-color:var(--cobalt);text-decoration:none}.track-card.is-locked{opacity:.55}.track-card.is-next{border-color:var(--cobalt);background:var(--cobalt-50)}.track-card-top{align-items:flex-start;gap:var(--s-2);display:flex}.track-badge{border-radius:var(--radius-sm);background:var(--cobalt-50);width:38px;height:38px;color:var(--cobalt-700);font-family:var(--font-display);flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.track-card.is-next .track-badge{background:var(--cobalt);color:var(--white)}.track-card-body{flex:1;min-width:0}.track-card h3{font-family:var(--font-display);letter-spacing:-.01em;margin:2px 0 4px;font-size:17px;font-weight:600}.track-card .outcome{color:var(--ink-soft);margin:0;font-size:14px}.track-card-meta{gap:var(--s-2);margin-top:var(--s-2);color:var(--muted);align-items:center;font-size:13px;display:flex}.module-list{flex-direction:column;gap:6px;display:flex}.module-row{align-items:center;gap:var(--s-2);padding:14px var(--s-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:inherit;text-decoration:none;transition:border-color .12s;display:flex}.module-row:hover{border-color:var(--cobalt);text-decoration:none}.module-row.is-next{border-color:var(--cobalt);background:var(--cobalt-50)}.module-state{border:1.5px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:999px;flex:none;place-items:center;display:grid}.module-state.done{background:var(--cobalt);border-color:var(--cobalt);color:var(--white)}.module-state.competent{border-color:var(--cobalt);color:var(--cobalt)}.module-row-body{flex:1;min-width:0;display:block}.module-row-title{font-size:15px;font-weight:600;display:block}.module-row-purpose{color:var(--ink-soft);margin-top:3px;font-size:13.5px;display:block}.module-row-meta{color:var(--muted);align-items:center;gap:var(--s-2);flex:none;font-size:13px;display:flex}.bar{background:var(--line);border-radius:999px;height:5px;overflow:hidden}.bar>span{background:var(--cobalt);border-radius:999px;height:100%;display:block}.mastery-tag{background:var(--mist);color:var(--ink-soft);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.mastery-tag.mastered{background:var(--cobalt);color:var(--white)}.mastery-tag.competent{background:var(--cobalt-50);color:var(--cobalt-700)}.mastery-tag.learning{background:var(--orange-50);color:var(--orange-600)}.module-layout{gap:var(--s-6);grid-template-columns:minmax(0,1fr) 260px;align-items:start;display:grid}@media (width<=900px){.module-layout{grid-template-columns:minmax(0,1fr)}.module-rail{position:static!important}}.module-rail{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--s-3);position:sticky;top:88px}.rail-step{color:var(--ink-soft);align-items:center;gap:10px;padding:7px 0;font-size:14px;display:flex}.rail-step .dot{background:var(--line);border-radius:999px;flex:none;width:9px;height:9px}.rail-step.is-current{color:var(--ink);font-weight:600}.rail-step.is-current .dot{background:var(--cobalt)}.breadcrumb{color:var(--muted);margin-bottom:var(--s-2);align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--ink)}.lesson-block{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:var(--s-3);margin-bottom:var(--s-2)}.placeholder-block{border:1px dashed var(--line);color:var(--ink-soft);background:0 0}.source-tag{margin-top:var(--s-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.source-tag:hover{border-color:var(--cobalt);color:var(--cobalt-700)}.source-panel{margin-top:var(--s-2);border-left:3px solid var(--cobalt);background:var(--mist);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:12px var(--s-2);color:var(--ink-soft);font-size:13px}.source-panel ul{margin:6px 0 0;padding-left:18px}.field{margin-bottom:var(--s-2);display:block}.field span{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);padding:11px 12px;font-size:16px}.field input:focus{border-color:var(--cobalt);box-shadow:var(--focus-ring);outline:none}.ref-grid{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.ref-table{border-collapse:collapse;width:100%;font-size:14px}.ref-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 12px;font-size:12px}.ref-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:11px 12px}.ref-table tr:last-child td{border-bottom:none}.ref-figure{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.notice{border:1px solid var(--line);border-left:3px solid var(--orange);background:var(--orange-50);color:var(--ink);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:12px var(--s-2);font-size:14px}.stack>*+*{margin-top:var(--s-2)}.row{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.muted{color:var(--muted)}.tabular{font-variant-numeric:tabular-nums}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:var(--gutter);z-index:100;background:var(--surface);border-radius:var(--radius-sm);padding:10px 14px;top:10px}.qmeta{align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);flex-wrap:wrap;display:flex}.qtype{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--mist);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.dots{gap:5px;margin-left:auto;display:flex}.dots .dot{background:var(--line);border-radius:999px;width:8px;height:8px}.dots .dot.past{background:var(--cobalt-100)}.dots .dot.now{background:var(--cobalt)}.qcard{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:var(--s-3)}.scenario{background:var(--mist);border-radius:var(--radius-sm);padding:12px var(--s-2);color:var(--ink-soft);margin-bottom:var(--s-2);font-size:14px}.qprompt{font-family:var(--font-display);margin:0 0 var(--s-2);letter-spacing:-.01em;font-size:19px;font-weight:600;line-height:1.35}.choices{flex-direction:column;gap:8px;display:flex}.choice{text-align:left;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer;padding:13px 14px;font-size:15px;line-height:1.45;transition:border-color .1s,background .1s}.choice:hover:not(:disabled){border-color:var(--cobalt)}.choice.picked{border-color:var(--cobalt);background:var(--cobalt-50)}.choice.right{border-color:var(--success);background:var(--success-50);color:var(--ink)}.choice.wrong{border-color:var(--danger);background:var(--danger-50)}.choice:disabled{cursor:default}[data-theme=dark] .choice.right{background:color-mix(in srgb, var(--success) 18%, var(--surface))}[data-theme=dark] .choice.wrong{background:color-mix(in srgb, var(--danger) 18%, var(--surface))}.calc-answer input,.free-answer{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);font-size:16px;font-family:var(--font-body);padding:12px 14px}.calc-answer input{font-variant-numeric:tabular-nums;max-width:260px}.free-answer{resize:vertical;line-height:1.55}.calc-answer input:focus,.free-answer:focus{border-color:var(--cobalt);box-shadow:var(--focus-ring);outline:none}.conf-row{margin-top:var(--s-2);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.conf-chip{border:1.5px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600}.conf-chip.on{border-color:var(--cobalt);background:var(--cobalt-50);color:var(--cobalt-700)}.feedback{margin-top:var(--s-2);border-top:1px solid var(--line);padding-top:var(--s-2)}.scorebadge{font-family:var(--font-display);border-radius:999px;align-items:center;gap:7px;margin-bottom:10px;padding:7px 14px;font-size:17px;font-weight:600;display:inline-flex}.scorebadge small{font-family:var(--font-body);font-size:12px;font-weight:600}.scorebadge.good{background:var(--success-50);color:var(--success-700)}.scorebadge.mid{background:var(--orange-50);color:var(--orange-600)}.scorebadge.low{background:var(--danger-50);color:var(--danger-700)}[data-theme=dark] .scorebadge.good{background:color-mix(in srgb, var(--success) 20%, var(--surface));color:var(--success-bright)}[data-theme=dark] .scorebadge.mid{background:var(--orange-50);color:var(--orange-600)}[data-theme=dark] .scorebadge.low{background:color-mix(in srgb, var(--danger) 20%, var(--surface));color:var(--danger-bright)}.why{background:var(--mist);border-radius:var(--radius-sm);padding:12px var(--s-2);margin-bottom:8px;font-size:14.5px;line-height:1.55}.keypoints{margin:8px 0;font-size:14.5px}.keypoints ul{margin:8px 0 0;padding:0;list-style:none}.keypoints li{align-items:baseline;gap:8px;padding:4px 0;display:flex}.keypoints li svg{flex:none;position:relative;top:1px}.keypoints li.hit{color:var(--ink)}.keypoints li.hit svg{color:var(--success)}.keypoints li.miss{color:var(--muted)}.keypoints li.miss svg{color:var(--danger)}.model-answer{border-left:3px solid var(--cobalt);background:var(--cobalt-50);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:12px var(--s-2);margin-top:8px;font-size:14.5px;line-height:1.6}.model-answer p{margin:6px 0 0}.summary-score{font-family:var(--font-display);color:var(--ink);font-size:52px;font-weight:600;line-height:1}.rule-block{border-left:3px solid var(--cobalt)}.rail-step.is-done{color:var(--muted)}.rail-step.is-done .dot{background:var(--cobalt-100)}.calc-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.calc-controls{gap:var(--s-2);padding:var(--s-3);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.calc-field span{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.stepper{border:1.5px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:4px;display:inline-flex;overflow:hidden}.stepper b{text-align:center;min-width:56px;padding:0 6px;font-size:15px}.stepper.wide b{min-width:110px}.stepper button{background:var(--mist);width:38px;height:38px;color:var(--ink);cursor:pointer;border:none;font-size:18px;font-weight:600}.stepper button:hover{background:var(--cobalt-50);color:var(--cobalt-700)}.calc-results{padding:var(--s-3)}.calc-line{justify-content:space-between;gap:var(--s-2);border-bottom:1px solid var(--line);padding:8px 0;font-size:14.5px;display:flex}.calc-line.sub{color:var(--muted);border-bottom:none;padding-top:0;font-size:13px}.calc-line.total{border-bottom:none;border-top:2px solid var(--ink);margin-top:4px;font-size:16px}.calc-line.total b{font-family:var(--font-display);font-size:19px}.vat-toggle{flex-direction:column;align-items:flex-start;display:flex}.block-title{margin:0 0 12px}.warn-block{border-left:3px solid var(--orange)}.stat-row{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat-tile{background:var(--cobalt-50);border-radius:var(--radius-sm);padding:16px}.stat-value{font-family:var(--font-display);color:var(--cobalt-700);letter-spacing:-.02em;font-size:27px;font-weight:600;line-height:1.1}.stat-label{margin-top:6px;font-size:13.5px;font-weight:600}.stat-sub{color:var(--ink-soft);margin-top:2px;font-size:12.5px}.point-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.point-card{background:var(--mist);border-radius:var(--radius-sm);align-items:flex-start;gap:12px;padding:14px;display:flex}.point-icon{background:var(--cobalt-50);width:34px;height:34px;color:var(--cobalt);border-radius:9px;flex:none;place-items:center;display:grid}.point-title{font-size:14.5px;font-weight:600;line-height:1.35}.point-body{color:var(--ink-soft);margin-top:3px;font-size:13.5px;line-height:1.5}.compare-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=640px){.compare-grid{grid-template-columns:1fr}}.compare-col{border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:14px}.compare-col.good{border-color:var(--success);background:var(--success-50)}.compare-col.bad{border-color:var(--danger);background:var(--danger-50)}[data-theme=dark] .compare-col.good{background:color-mix(in srgb, var(--success) 12%, var(--surface))}[data-theme=dark] .compare-col.bad{background:color-mix(in srgb, var(--danger) 12%, var(--surface))}.compare-head{align-items:center;gap:6px;margin-bottom:8px;font-size:13.5px;font-weight:700;display:flex}.compare-col.good .compare-head{color:var(--success-700)}.compare-col.bad .compare-head{color:var(--danger-700)}[data-theme=dark] .compare-col.good .compare-head{color:var(--success-bright)}[data-theme=dark] .compare-col.bad .compare-head{color:var(--danger-bright)}.compare-col ul{margin:0;padding-left:18px}.compare-col li{margin-bottom:5px;font-size:13.5px;line-height:1.5}.step-flow{flex-direction:column;gap:10px;display:flex}.step-item{align-items:flex-start;gap:12px;display:flex}.step-num{background:var(--cobalt);width:28px;height:28px;color:var(--white);border-radius:999px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.model-answer p{white-space:pre-wrap}.source-panel{overflow-wrap:anywhere}.keypoints li{margin-left:18px;display:list-item}@media (width<=900px){.header-title{display:none}.header-inner{gap:12px}}@media (width<=600px){.header-inner{flex-wrap:wrap;gap:8px;height:auto;min-height:64px;padding-top:12px;padding-bottom:8px}.header-logo{flex-shrink:0}.header-nav{flex-basis:100%;order:5;justify-content:space-between;gap:4px}.header-link{white-space:nowrap;padding:10px 8px;font-size:13px}.theme-toggle{flex-shrink:0}.progress-pill{padding:5px 8px}.progress-pill .bar{display:none}.page{padding-top:24px}.calc-line{flex-wrap:wrap}.module-rail{display:none}}@media print{.header,.footer,.skip-link,.btn,.source-tag{display:none!important}.page{max-width:none;padding:0}.lesson-block{break-inside:avoid}}