*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#1d2940;background:#f6f7f6}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.shell{max-width:1120px;margin:auto;padding:22px 24px 60px}.nav{display:flex;justify-content:space-between;align-items:center;padding:0 0 42px;color:#223049}.brand{font-size:19px;font-weight:800;letter-spacing:-.03em}.brand i{display:inline-block;width:12px;height:12px;background:#00b98c;border-radius:4px;transform:rotate(35deg);margin-right:12px}.minor{font-size:13px;color:#6d7789}.hero{max-width:880px;padding:12px 0 24px}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:#008b72;font-weight:800;margin-bottom:18px}h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.055em;margin:0 0 18px}h2{font-size:25px;letter-spacing:-.03em;margin:0 0 16px;line-height:1.22}p{line-height:1.55}p.lead{font-size:20px;color:#4d5b70;max-width:650px;margin:0 0 26px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:760px}.pick,.choice,.ghost,.primary{border-radius:14px;text-align:left}.pick,.choice{border:1px solid #dce3e1;background:white;color:#23334b;padding:20px;box-shadow:0 6px 20px #15384708}.pick:hover,.choice:hover{border-color:#00ae88;background:#f7fffc}.pick strong{display:block;font-size:17px;margin-bottom:6px}.pick small{font-size:14px;color:#607080;line-height:1.45}.pick.wide{grid-column:1/-1}.stage{max-width:790px}.stepbar{display:flex;gap:8px;margin:0 0 28px}.stepbar b{height:5px;border-radius:8px;background:#e0e7e5;flex:1}.stepbar b.on{background:#00b98c}.dialog{display:grid;gap:13px;margin:22px 0}.bubble{border-radius:17px;padding:18px 20px;background:#e8f2ef;max-width:700px}.bubble.assistant{background:white;border:1px solid #e1e8e6}.bubble strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#367f72}.bubble p{margin:8px 0 0}.panel{background:#fff;padding:24px;border-radius:20px;border:1px solid #e1e7e5;box-shadow:0 10px 32px #1538470c}.choices{display:grid;gap:10px}.choice{width:100%;box-shadow:none;padding:16px 18px;line-height:1.45}.choice.selected{border-color:#00a881;background:#e9faf4}.choice.wrong{border-color:#cf695e;background:#fff4f1}.choice.right{border-color:#08aa80;background:#e9faf4}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.primary{border:0;background:#027e69;color:white;font-weight:700;padding:14px 22px;text-align:center}.primary:hover{background:#006b59}.ghost{border:1px solid #d3e0dc;background:#fff;color:#345065;padding:13px 20px}.feedback{margin-top:18px;border-radius:12px;background:#eef8f4;padding:14px 17px;line-height:1.45}.feedback.error{background:#fff4f1}.feedback p{margin:7px 0 0}.muted{font-size:13px;color:#6b7787}.final{display:grid;gap:12px;margin:24px 0}.final .bubble{max-width:790px}.foot{margin-top:52px;color:#8a929a;font-size:12px} @media(max-width:620px){.shell{padding:18px 17px 48px}.nav{padding-bottom:30px}.grid{grid-template-columns:1fr}.pick.wide{grid-column:auto}.panel{padding:18px}.pick{padding:17px}h1{font-size:36px}.lead{font-size:18px}}
/* Compact learning UI. Specificity keeps later theme sheets from restoring oversized spacing. */
.shell .hero.landing{padding:28px 0 30px;gap:28px}
.shell .hero.landing h1{font-size:clamp(32px,3.8vw,48px);margin-bottom:14px;line-height:1.12}
.shell .hero.landing .lead{font-size:16px;line-height:1.5}
.shell .hero-copy .eyebrow{margin-bottom:12px}
.shell .topic-jump{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;text-decoration:none}
.shell .guide-greeting{margin-top:16px}
.shell .guide-greeting .guide{width:64px;flex-basis:64px}
.shell .stage{margin:18px auto 0;max-width:900px}
.shell .stage h1{font-size:clamp(25px,2.5vw,34px);line-height:1.15;letter-spacing:-.035em;margin:0 0 12px}
.shell .stage .eyebrow{margin-bottom:8px;font-size:11px;letter-spacing:.07em}
.shell .stage .stepbar{margin-bottom:12px;gap:6px}
.shell .stage>.dialog{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.shell .stage .bubble{max-width:none;padding:12px 15px;border-radius:14px;min-width:0}
.shell .stage .bubble p{margin-top:5px;line-height:1.45}
.shell .stage .panel{padding:16px 18px}
.shell .stage .panel h2{font-size:18px;line-height:1.35;letter-spacing:-.015em;margin-bottom:12px}
.shell .stage .choices{gap:8px}
.shell .stage .choice{padding:10px 14px;min-height:44px;line-height:1.4}
.shell .stage .choice:disabled{opacity:1}
.shell .stage .row{margin-top:14px}
.shell .stage .reaction-feedback{margin-top:26px}
.shell .stage .final{margin:12px 0}
.shell .example-notice{font-size:13px;line-height:1.45;color:#536d59;margin:20px 0 12px}
.shell .practice{background:#eaf0e5;border:1px solid #dce8d6;border-radius:14px;padding:16px;margin-top:14px}
.shell .practice p{margin:8px 0 0}
.shell .practice .muted{color:#536d59}
.shell :where(button,a,input):focus-visible{outline:3px solid #bf7629;outline-offset:4px}
.shell :where(h1,h2,.feedback,.continuation)[tabindex="-1"]:focus{outline:none}
.shell :where(h1,h2,.feedback,.continuation){scroll-margin-top:18px}
.shell .nav{gap:12px}
.shell .header-stat{white-space:normal}
@media(max-width:660px){
 .shell .hero.landing{padding:22px 0 24px}
 .shell .hero.landing h1{font-size:clamp(30px,8vw,40px)}
 .shell .hero-visual{display:none}
 .shell .stage{margin-top:16px}
 .shell .stage>.dialog{grid-template-columns:1fr;gap:8px}
 .shell .stage .panel{padding:14px}
 .shell .stage .bubble{padding:10px 13px}
 .shell .stage .panel h2{font-size:17px}
 .shell .stage .choice{font-size:15px}
 .shell .nav .brand{font-size:17px}
 .shell .header-stat{max-width:155px}
 .shell .header-stat-copy{min-width:0}
}
@media(prefers-reduced-motion:reduce){.shell .pick,.shell .path-meter span{transition:none}}
/* Main page: calm editorial layout, not a diagnostic form. */
body{background:#f6f4ef;color:#192820}.shell{max-width:1140px;padding:24px 28px 70px}.nav{border-bottom:1px solid #dce2d9;padding-bottom:22px;margin-bottom:0}.brand{font-size:23px;color:#192820}.brand i{background:#eea441;border-radius:50%;transform:none}.minor{color:#718174}.eyebrow{color:#477350}.hero.landing{max-width:none;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:52px;align-items:center;padding:58px 0 48px}.hero-copy{min-width:0}.hero.landing h1{font-size:clamp(38px,4.8vw,65px);line-height:1.09;letter-spacing:-.053em;color:#192820;max-width:700px}.hero.landing h1 em{font-style:normal;color:#588b63}.hero.landing .lead{font-size:18px;line-height:1.65;color:#5c6e61;max-width:590px;margin-bottom:0}.hero-visual{min-height:330px;background:linear-gradient(145deg,#d6e7cf,#edf1e1);border-radius:30px;padding:30px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff70}.visual-top{display:flex;align-items:center;gap:5px;margin:0 0 26px;padding:0 3px}.visual-dot{width:7px;height:7px;border-radius:50%;background:#8eb29a}.visual-label{margin-left:auto;color:#64826d;font-size:12px;font-weight:700}.visual-chat{display:flex;align-items:center;gap:11px;margin:0 16px 12px 0}.visual-chat.ai{margin:0 0 0 27px}.visual-chat p{background:#fff;border-radius:16px 16px 16px 4px;padding:13px 17px;font-size:14px;line-height:1.45;margin:0;color:#26372b;box-shadow:0 8px 25px #31583c12}.visual-chat.ai p{background:#315d40;color:#fff;border-radius:16px 16px 4px 16px}.chat-avatar{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eff8ec;color:#43734d;font-size:11px;font-weight:800}.visual-chat.ai .chat-avatar{background:#fff;color:#315d40}.visual-progress{display:flex;gap:6px;justify-content:center;margin-top:27px}.visual-progress span{width:26px;height:4px;border-radius:5px;background:#b6cdb4}.visual-progress span:first-child{background:#478356}.entry{padding:0 0 12px}.entry h2{font-size:26px;color:#192820;margin:0 0 20px}.entry .grid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.entry .pick{min-height:154px;display:flex;flex-direction:column;position:relative;border:1px solid #e1e8dc;border-radius:21px;padding:22px 24px;background:#fff;color:#26372b;box-shadow:0 8px 30px #2841280b;transition:transform .2s,border-color .2s,box-shadow .2s}.entry .pick:hover{transform:translateY(-3px);border-color:#76a581;box-shadow:0 14px 35px #28412819;background:#fff}.pick-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e9f2e7;color:#3c754a;font-size:20px;margin-bottom:19px}.pick-icon.neutral{background:#f5eee2;color:#a16c29}.pick-copy{display:block;padding-right:10px}.entry .pick strong{font-size:17px;line-height:1.3;margin-bottom:6px}.entry .pick small{display:block;color:#66796b;font-size:13px;line-height:1.5}.pick-arrow{position:absolute;right:21px;top:22px;color:#67876d;font-size:21px}.entry .pick.wide{grid-column:1/-1;min-height:85px;flex-direction:row;align-items:center;gap:15px}.entry .pick.wide .pick-icon{margin:0;flex:0 0 36px}.entry .pick.wide .pick-copy{padding-right:24px}.entry .pick.wide .pick-arrow{top:27px}.foot{margin-top:36px;border-top:1px solid #dce2d9;padding-top:25px}.foot a{color:#597665;text-decoration:none}.foot a:hover{text-decoration:underline}@media(max-width:820px){.hero.landing{gap:25px;grid-template-columns:1fr 280px;padding:42px 0}.hero-visual{padding:20px;min-height:260px}.entry .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:660px){.shell{padding:17px 19px 55px}.nav{padding-bottom:16px}.brand{font-size:19px}.minor{font-size:12px}.hero.landing{display:block;padding:31px 0 28px}.hero.landing h1{font-size:clamp(37px,9.8vw,49px);margin-bottom:18px}.hero.landing .lead{font-size:16px;line-height:1.55}.hero-visual{display:none}.entry h2{font-size:23px;margin-bottom:16px}.entry .grid{grid-template-columns:1fr;gap:10px}.entry .pick{min-height:0;display:flex;flex-direction:row;align-items:center;gap:14px;padding:17px;border-radius:17px}.entry .pick .pick-icon{margin:0;flex:0 0 36px}.entry .pick strong{font-size:16px}.entry .pick small{font-size:12px}.entry .pick-arrow{position:static;margin-left:auto;align-self:center}.entry .pick.wide{grid-column:1;min-height:0}.entry .pick.wide .pick-arrow{position:static}.foot{margin-top:28px}}