:root{--navy:#28398a;--yellow:#ffc928;--ink:#18213f;--muted:#64708c;--line:#dce2ee;--soft:#f6f8fd}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'Noto Sans Thai','DM Sans',sans-serif}.result-header{height:76px;max-width:1160px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.result-header img{display:block;width:145px;height:42px;object-fit:contain}.result-header>a:last-child{color:var(--navy);font-size:13px;font-weight:700;text-decoration:none}.results-main{width:min(100% - 42px,1080px);margin:0 auto;padding:70px 0}.eyebrow{margin:0;color:var(--navy);font:700 11px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase}.result-hero{text-align:center;margin:0 auto 55px}.result-hero h1{margin:12px 0 7px;color:var(--navy);font:700 clamp(33px,5vw,60px)/1.05 'DM Sans','Noto Sans Thai',sans-serif;letter-spacing:-.06em}.result-hero>p:last-child{margin:0;color:var(--muted);font-size:18px}.section-heading h2,.evaluation-card h2,.recommendation-card h2,.student-story-card h2{margin:7px 0 0;color:var(--navy);font:700 clamp(25px,3vw,34px)/1.12 'DM Sans','Noto Sans Thai',sans-serif;letter-spacing:-.04em}.score-section{padding:34px;border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 38px #28398a0d}.score-grid,.pending-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.pending-score-grid{margin-top:16px}.score-card{min-height:185px;padding:27px;border-radius:13px;background:var(--soft);border:1px solid #e9edf6}.score-card span,.score-card small{display:block;font-family:'DM Sans','Noto Sans Thai',sans-serif}.score-card span{color:var(--muted);font-weight:700}.score-card strong{display:block;margin:18px 0 6px;color:var(--navy);font:700 70px/.8 'DM Sans',sans-serif;letter-spacing:-.08em}.score-card small{color:var(--muted);font-size:13px}.score-card-pending{min-height:185px;background:var(--soft)}.pending-hourglass{margin:18px 0 6px;color:var(--navy);font:700 62px/.8 'DM Sans','Noto Sans Thai',sans-serif;letter-spacing:-.08em}.score-card-pending small{color:var(--muted);font-size:13px}.evaluation-card{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;margin-top:20px;padding:37px;border-radius:18px;background:var(--navy);color:#fff;box-shadow:0 18px 40px #28398a26}.evaluation-card .eyebrow{color:#dce4ff}.evaluation-card h2{color:#fff}.status{margin:18px 0 3px;font-weight:700;font-size:20px}.support{margin:0;color:#dce4ff}.instruction{margin:25px 0 0;line-height:1.7}.email-copy-control{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.email-copy-control>span{display:block;color:var(--muted);font-size:12px;font-weight:700}.email-action{align-self:center;padding:23px;border-radius:12px;background:#fff;color:var(--ink)}.email-action>span{display:block;color:var(--muted);font-size:12px;font-weight:700}.email-row{display:flex;align-items:center;gap:10px;margin:9px 0}.email-row output,.email-row a{flex:1;min-width:0;overflow:hidden;color:var(--navy);font:700 17px 'DM Sans',sans-serif;text-overflow:ellipsis;white-space:nowrap}.email-row button{margin-left:auto;border:1px solid #c7d1eb;border-radius:6px;background:#fff;color:var(--navy);padding:7px 10px;font-weight:700;cursor:pointer}.email-action small{display:block;min-height:18px;color:#39704a;font-weight:700}.line-button{display:flex;align-items:center;justify-content:space-between;margin-top:10px;border-radius:7px;background:var(--yellow);color:#24230c;padding:13px 15px;font:700 13px 'DM Sans','Noto Sans Thai',sans-serif;text-decoration:none}.line-button b{font-size:18px}.recommendation-card{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:30px;margin-top:20px;padding:32px 36px;border:1px solid var(--line);border-radius:18px}.recommendation-card ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none}.recommendation-card li{padding:14px 12px;border-radius:8px;background:var(--soft);color:var(--navy);font-size:13px;font-weight:700}.recommendation-card li:before{content:'✓';margin-right:7px;color:#327144}.student-story-card{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px;margin-top:20px;padding:37px;border:1px solid var(--line);border-radius:18px}.student-story-card p{margin:10px 0 20px;color:var(--muted);font-size:14px}.outline-button{display:inline-block;border:1px solid var(--navy);border-radius:7px;color:var(--navy);padding:11px 15px;font-size:13px;font-weight:700;text-decoration:none}.review-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review-image-preview img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:0 8px 18px #16265e22}.review-preview article{min-height:145px;padding:16px;border-radius:11px;background:#f5f7fd}.review-preview span,.review-preview small{display:block;color:var(--muted);font:700 10px 'DM Sans',sans-serif;letter-spacing:.08em}.review-preview strong{display:block;margin:22px 0 6px;color:var(--navy);font:700 37px/.8 'DM Sans',sans-serif;letter-spacing:-.06em}.products-section{margin-top:60px}.products-section .section-heading>p:last-child{margin:8px 0 0;color:var(--muted);font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:23px}.product-grid article{padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 9px 24px #28398a0a}.product-visual{display:grid;place-items:center;min-height:160px;border-radius:0;color:#fff;font:700 19px/.95 'DM Sans',sans-serif;letter-spacing:-.05em;text-align:center;overflow:hidden;background:transparent!important}.product-visual img{width:100%;height:160px;object-fit:contain;background:#fff;transform-origin:center;transition:transform .2s}.product-visual.course img{object-fit:contain;object-position:center;transform:scale(1)}.product-visual.book img{transform:scale(1)}.product-visual.vocab img{transform:scale(.83)}.product-visual.grammar img{transform:scale(.82)}.course{background:#28398a}.book{background:#4260bd}.vocab{background:#e7b71a;color:#2f2910}.grammar{background:#17245f}.product-grid h3{margin:14px 2px 4px;color:var(--navy);font-size:15px}.product-grid p{min-height:42px;margin:0 2px 12px;color:var(--muted);font-size:12px;line-height:1.5}.product-grid a{display:inline-block;margin:0 2px 3px;color:var(--navy);font-size:12px;font-weight:700;text-decoration:none}.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:52px max(28px,calc((100% - 1020px)/2));background:var(--navy);color:#fff}.footer-cta h2{margin:0;font:700 clamp(28px,3vw,39px)/1.08 'DM Sans','Noto Sans Thai',sans-serif;letter-spacing:-.045em}.footer-cta p{margin:12px 0 0;color:#dce4ff;line-height:1.65}.footer-cta>div:last-child{display:flex;gap:10px;flex-shrink:0}.yellow-button,.home-button{display:inline-block;border-radius:7px;padding:13px 17px;font-size:13px;font-weight:700;text-decoration:none}.yellow-button{background:var(--yellow);color:#28240e}.home-button{border:1px solid #aeb9e3;color:#fff}@media(max-width:760px){.result-header{padding:0 18px}.results-main{width:min(100% - 28px,1080px);padding:40px 0}.result-hero{margin-bottom:32px}.score-section,.evaluation-card,.recommendation-card,.student-story-card{padding:24px}.evaluation-card,.recommendation-card,.student-story-card{grid-template-columns:1fr}.recommendation-card ul{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.footer-cta{display:grid;padding:39px 22px}.footer-cta>div:last-child{flex-wrap:wrap}.review-preview article{min-height:115px}}@media(max-width:430px){.score-grid,.product-grid{grid-template-columns:1fr}.email-row a{font-size:14px}.review-preview{gap:6px}.review-preview strong{font-size:30px}}
.thai-band-benchmark{position:fixed;z-index:20;top:92px;right:24px;width:min(350px,calc(100vw - 32px));padding:19px 20px 16px;border:1px solid #d8dfed;border-radius:17px;background:#fff;box-shadow:0 18px 48px rgba(24,33,63,.18);color:var(--ink)}.thai-band-benchmark[hidden]{display:none}.benchmark-close{position:absolute;top:10px;right:11px;width:28px;height:28px;border:0;border-radius:50%;background:#f1f4fa;color:var(--muted);font:500 24px/25px 'DM Sans',sans-serif;cursor:pointer}.benchmark-close:hover,.benchmark-close:focus-visible{background:#e3e8f5;color:var(--navy)}.benchmark-eyebrow{margin:0;color:var(--navy);font:700 10px 'DM Sans',sans-serif;letter-spacing:.12em}.thai-band-benchmark h2{margin:5px 28px 5px 0;color:var(--navy);font:700 20px/1.2 'DM Sans','Noto Sans Thai',sans-serif;letter-spacing:-.03em}.benchmark-intro{margin:0;color:var(--muted);font-size:13px}.benchmark-intro strong{color:var(--navy)}.benchmark-pending{margin:9px 0 0;color:#8a6200;font-size:12px;font-weight:700}.benchmark-chart[hidden]{display:none}.benchmark-chart{margin-top:20px;padding:0}.benchmark-line-graph{display:block;width:100%;height:auto;overflow:visible}.benchmark-grid-line{stroke:#e6ebf5;stroke-width:1}.benchmark-grid-label{fill:#98a4bd;font:600 10px 'DM Sans',sans-serif}.benchmark-line{fill:none;stroke:var(--navy);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.benchmark-user-point{fill:var(--navy);stroke:#fff;stroke-width:4}.benchmark-average-point{fill:#ffc928;stroke:#9c6900;stroke-width:3}.benchmark-point-label{fill:var(--navy);font:700 11px 'DM Sans','Noto Sans Thai',sans-serif}.benchmark-average-label{fill:#8a6200;font:700 11px 'DM Sans','Noto Sans Thai',sans-serif}.benchmark-track{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,#e3e8f5 0%,#e3e8f5 66.667%,#ffe69b 66.667%,#ffe69b 100%)}.benchmark-average-marker,.benchmark-user-marker{position:absolute;bottom:-4px;display:grid;justify-items:center;transform:translateX(-50%);white-space:nowrap}.benchmark-average-marker i,.benchmark-user-marker i{display:block;width:3px;height:17px;border-radius:3px}.benchmark-average-marker i{background:#a76e00}.benchmark-user-marker i{width:11px;height:11px;margin:3px 0;border:3px solid #fff;border-radius:50%;background:var(--navy);box-shadow:0 0 0 2px var(--navy)}.benchmark-average-marker b,.benchmark-user-marker b{position:absolute;top:23px;color:var(--muted);font:700 11px 'DM Sans','Noto Sans Thai',sans-serif}.benchmark-user-marker b{color:var(--navy)}.benchmark-axis{display:flex;justify-content:space-between;margin-top:28px;color:#9aa6bf;font:600 10px 'DM Sans',sans-serif}.benchmark-result{margin:17px 0 0;padding-top:12px;border-top:1px solid #edf0f6;color:var(--navy);font-size:13px;font-weight:700}@media(max-width:760px){.thai-band-benchmark{top:auto;right:14px;bottom:14px;width:min(370px,calc(100vw - 28px))}}

/* Results course recommendation: one full-viewport horizontal banner. */
.course-banner-section{width:100vw;margin:60px calc(50% - 50vw) 0;padding:0;background:linear-gradient(90deg,#f5f7fd,#fff)}
.course-banner-heading{padding:42px max(21px,calc((100vw - 1080px)/2)) 0}.course-banner-grid{display:block;margin:22px 0 0}.course-banner-grid .course-banner{display:grid;grid-template-columns:minmax(250px,390px) minmax(0,1fr) auto;align-items:center;gap:clamp(24px,5vw,74px);width:100%;min-height:206px;margin:0;padding:18px max(21px,calc((100vw - 1080px)/2));border:1px solid #d8dfed;border-right:0;border-left:0;border-radius:0;background:#fff;box-shadow:0 10px 30px #28398a0d}.course-banner .product-visual{min-height:0;height:164px;border-radius:10px;background:#fff!important}.course-banner .product-visual img{width:100%;height:164px;object-fit:contain}.course-banner-copy h3{margin:0;color:var(--navy);font:700 clamp(22px,2.4vw,31px)/1.15 'DM Sans','Noto Sans Thai',sans-serif;letter-spacing:-.04em}.course-banner-copy p{min-height:0;margin:9px 0 0;color:var(--muted);font-size:15px;line-height:1.55}.course-banner>a{display:inline-flex;align-items:center;gap:10px;justify-content:center;min-width:140px;margin:0;border-radius:8px;padding:13px 18px;background:var(--yellow);color:#18213f;font:700 13px 'Noto Sans Thai','DM Sans',sans-serif;text-decoration:none}.course-banner>a:hover{background:#f0b900}.course-banner>a span{font:700 19px/1 'DM Sans',sans-serif}@media(max-width:720px){.course-banner-section{margin-top:42px;padding:0}.course-banner-heading{padding:29px 15px 0}.course-banner-grid{margin-top:18px}.course-banner-grid .course-banner{grid-template-columns:1fr;gap:16px;min-height:0;padding:16px;border-radius:0}.course-banner .product-visual,.course-banner .product-visual img{height:138px}.course-banner-copy h3{font-size:22px}.course-banner-copy p{font-size:14px}.course-banner>a{width:100%;min-height:45px}}

/* IELTS Journey is intentionally a compact score snapshot, not a statistical chart. */
.journey-popup .journey-track{position:absolute;top:126px;left:0;right:0;height:6px;border-radius:99px;background:linear-gradient(90deg,#dbe2ef,#e9edf5)}
.journey-popup .journey-marker.is-below{top:140px}.journey-popup .journey-marker.is-below::after{bottom:100%;top:auto;height:14px}
.journey-popup .journey-milestone::after{content:'';position:absolute;left:50%;top:34px;width:1px;height:17px;background:repeating-linear-gradient(to bottom,#d05a5e 0 3px,transparent 3px 6px)}

/* Journey score-card clearance: Reading always sits below, never on, the scale. */
.journey-popup .journey-scale{height:360px!important}
.journey-popup .journey-track{top:160px!important;height:16px!important}
.journey-popup .journey-ticks{top:181px!important}
.journey-popup .journey-marker.listening,.journey-popup .journey-marker.is-above{top:18px!important}
.journey-popup .journey-marker.reading,.journey-popup .journey-marker.is-below{top:222px!important}
@media(max-width:700px){.journey-popup .journey-scale{height:305px!important}.journey-popup .journey-track{top:136px!important;height:12px!important}.journey-popup .journey-ticks{top:154px!important}.journey-popup .journey-marker.listening,.journey-popup .journey-marker.is-above{top:14px!important}.journey-popup .journey-marker.reading,.journey-popup .journey-marker.is-below{top:187px!important}}