:root{--navy:#19545A;--ink:#193c3f;--muted:#4d6768;--blue:#236b70;--gold:#E5A63A;--paper:#f7f9f7;--white:#fff;--line:#d8e1e8;--good:#1b725f;--bad:#a84b42;font-family:'Trebuchet MS',Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.55}button,input,textarea{font:inherit}button{cursor:pointer}a{color:var(--blue)}.site-header{background:var(--navy);color:white;padding:17px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:18px}.mark{background:var(--gold);color:var(--navy);border-radius:11px;width:38px;height:38px;display:grid;place-items:center;font-weight:900;font-size:24px}.header-label{font-size:14px;opacity:.84}.wrap{max-width:1120px;margin:auto;padding:42px 24px 80px}.intro-grid,.stage-grid,.result-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:28px;align-items:start}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:var(--blue);font-size:13px;font-weight:800;margin:0 0 14px}h1{font-family:'Bookman Old Style',Georgia,serif;font-style:italic;font-size:clamp(36px,5vw,61px);line-height:1.08;letter-spacing:-.035em;color:var(--navy);margin:0 0 20px}h2{font-family:'Bookman Old Style',Georgia,serif;font-style:italic;font-size:clamp(25px,3vw,34px);line-height:1.2;color:var(--navy);margin:0 0 12px}h3{font-family:'Bookman Old Style',Georgia,serif;font-size:19px;color:var(--navy);margin:0 0 10px}p{margin:0 0 16px}.lead{font-size:19px;max-width:660px;color:#334e64}.intro-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.button{border:0;border-radius:10px;background:var(--navy);color:#fff;padding:14px 22px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;min-height:50px}.button:hover{background:#103d42}.button:focus-visible,.choice:focus-within,.link-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.button.secondary{background:#e8f2ef;color:var(--navy)}.button.secondary:hover{background:#d8e9e4}.button:disabled{opacity:.48;cursor:not-allowed}.tiny{font-size:14px;color:var(--muted)}.panel,.card,.question,.result-banner{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 30px rgba(19,46,72,.045)}.panel{padding:26px}.intro-panel{border-top:6px solid var(--gold)}.intro-panel ul,.clean-list{padding-left:20px;margin:10px 0 0}.intro-panel li,.clean-list li{margin:11px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.step{background:#edf2f6;border-radius:12px;padding:16px;font-size:14px}.step b{display:block;color:var(--navy);font-size:18px}.progress-meta{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:14px;font-weight:700;margin-bottom:10px}.progress{height:9px;background:#dce6ed;border-radius:99px;overflow:hidden;margin-bottom:34px}.progress>span{display:block;height:100%;background:var(--gold);transition:width .25s}.stage-intro{margin-bottom:24px;max-width:730px}.stage-intro p{color:var(--muted)}.question{padding:22px;margin-bottom:16px}.question legend{font-weight:700;color:var(--navy);padding:0 0 12px;width:100%}.question fieldset{border:0;padding:0;margin:0}.question-number{display:block;text-transform:uppercase;color:var(--blue);font-size:12px;letter-spacing:.08em;margin-bottom:5px}.choice{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin:9px 0;color:var(--ink);cursor:pointer}.choice:hover{border-color:#85a6bc;background:#f7fafc}.choice:has(input:checked){border-color:var(--blue);background:#e7f2ed}.choice input{accent-color:var(--blue);margin-top:5px;flex:none}.passage{position:sticky;top:20px;background:#e8f2ef;border-left:5px solid var(--blue);padding:24px;border-radius:12px;max-height:80vh;overflow:auto}.passage p{white-space:pre-line}.audio-card{background:#e8f2ef;border-radius:14px;padding:22px}.audio-card button{margin:4px 0 10px}.audio-status{font-size:14px;color:var(--muted)}.stage-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.error{color:var(--bad);font-weight:700;margin-top:15px}.result-banner{background:var(--navy);color:#fff;padding:32px;margin-bottom:24px;border:0}.result-banner h1{color:white;font-size:clamp(35px,4vw,52px)}.result-banner .eyebrow{color:var(--gold)}.result-banner p{max-width:710px}.level-pill{display:inline-block;background:var(--gold);color:var(--navy);padding:8px 16px;font-size:18px;font-weight:800;border-radius:99px;margin-bottom:18px}.score-bar{height:12px;background:#e0e8ee;border-radius:99px;overflow:hidden;margin:12px 0 8px}.score-bar span{display:block;height:100%;background:var(--blue)}.score-item{margin:22px 0}.score-item strong{display:flex;justify-content:space-between}.result-grid .panel{height:100%}.next-box{background:#fff6e6;border:1px solid #f1d498;border-radius:14px;padding:22px;margin:22px 0}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.link-button{border:0;background:transparent;color:var(--blue);text-decoration:underline;padding:10px 2px}footer{border-top:1px solid var(--line);padding:24px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px}@media(max-width:760px){.wrap{padding:30px 18px 60px}.intro-grid,.stage-grid,.result-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.passage{position:static;max-height:none}.site-header{padding:13px 18px}.header-label{display:none}.stage-actions{flex-wrap:wrap}.stage-actions .button{flex:1}footer{padding:24px 18px;display:block}footer span{display:block;margin:4px 0}}@media(max-width:430px){.steps{grid-template-columns:1fr}.question,.panel{padding:19px}.intro-actions .button{width:100%}}

.result-banner h1{font-size:clamp(38px,5vw,62px);margin-bottom:16px}.level-label{color:#d7e8e5;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:14px;margin:0 0 6px}.level-display{display:block;color:var(--gold);font-family:'Bookman Old Style',Georgia,serif;font-size:clamp(76px,12vw,146px);line-height:1;font-weight:900;letter-spacing:-.06em;margin:0 0 18px}.result-banner .tiny{max-width:600px}@media(max-width:760px){.level-display{font-size:clamp(76px,22vw,110px)}}
.assessment-score{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 20px;padding:13px 0;border-top:1px solid #7aa09e;border-bottom:1px solid #7aa09e;color:#eaf3f1;font-size:15px}.assessment-score strong{color:#fff;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.assessment-score small{font-size:18px;font-weight:600}.assessment-score span:last-child{color:var(--gold);font-weight:800}@media(max-width:430px){.assessment-score{gap:6px 12px}.assessment-score span:first-child{flex-basis:100%}}

.action-plan{margin-top:28px}.action-plan>.eyebrow{margin-bottom:6px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.plan-step{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 9px 30px rgba(19,46,72,.045)}.plan-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:900;margin-bottom:17px}.plan-step h3{line-height:1.3}.plan-step .button{margin-top:10px;width:100%;text-align:center}.plan-step .tiny{margin-top:18px}@media(max-width:850px){.plan-grid{grid-template-columns:1fr}.plan-step{padding:22px}}

.mini-pose{width:180px;height:405px;background-image:url('./minijai-full-body-poses.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#fff;flex:none}.pose-everyday{background-position:0% 0%;transform:scaleX(-1)}.pose-grammar{background-position:50% 0%}.pose-reading-one{background-position:0% 100%;transform:scaleX(-1)}.pose-reading-two{background-position:50% 100%}.pose-listening{background-position:100% 0%}.pose-result{background-position:100% 100%}.pose-intro{width:115px;height:325px;background-image:url('./minijai-three-full-body.png');background-size:300% auto;background-position:50% 40%;margin:-20px auto -15px}.minijai-side{display:flex;justify-content:center;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.passage,.audio-card{background:#fff;border:1px solid var(--line)}.passage .mini-pose,.audio-card .mini-pose{width:100px;height:225px;margin:8px auto -14px}.result-banner{min-height:390px;position:relative;overflow:hidden;padding-right:min(32%,320px)}.result-banner .pose-result{position:absolute;width:150px;height:338px;right:30px;bottom:20px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12)}@media(max-width:760px){.minijai-side .mini-pose{width:108px;height:243px}.result-banner{padding-right:25px;padding-bottom:280px}.result-banner .pose-result{width:106px;height:239px;right:20px;bottom:15px}.pose-intro{width:100px;height:280px}}

.sample-notice{background:#fff3d8;border:1px solid #e3bb6d;border-radius:12px;color:var(--navy);padding:13px 18px;margin-bottom:18px;font-size:15px}.sample-notice strong{font-weight:900}

@media(max-width:760px){.stage-grid{display:flex;flex-direction:column}.stage-grid>aside{order:-1;width:100%}.minijai-side .mini-pose{width:80px;height:180px}.passage,.audio-card{max-height:none;overflow:visible}}
