.hero-copy{max-width:550px}.hero-art .word-stack{width:260px}.hero-art .word-card{font-size:23px}.hero-art .word-card:nth-child(2){width:260px}.word-card small{width:90px}.hero-sentence{font-size:13px;color:var(--muted);margin-top:20px;padding-left:15px;border-left:3px solid var(--green)}.setup-info strong{color:var(--ink)}.context-box{border-left:3px solid #c5baf5;background:var(--pale);border-radius:0 10px 10px 0;padding:15px 19px;margin:22px 0 8px;font-size:15px;line-height:1.8}.context-box small{display:block;font-size:10px;letter-spacing:1px;color:var(--purple);margin-bottom:5px;text-transform:uppercase}.meaning-cue{font-size:13px;color:var(--muted);margin:10px 0 22px}.meaning-cue strong{color:var(--ink)}.match{gap:18px}.match-column{gap:12px}.match-btn{width:100%;height:100%;min-height:90px}.match-btn strong{display:block;font-size:15px;color:var(--purple);margin-bottom:6px}.match-btn .match-example{display:block;font-weight:400;font-size:12px;line-height:1.65}.match-btn.matched strong{color:var(--success)}.match-btn.matched:after{position:absolute;right:8px;top:8px}.match-btn[data-col=pt]{font-size:13px}.match-pair-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:12px}.match-heading{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.form-grid .answer-input{font-size:20px}.form-score{display:block;margin-top:6px;font-weight:600}.context-note{font-size:12px;color:var(--muted);margin:15px 0}.quiz-mobile-pause{display:none}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.phrase-entry{border:1px solid var(--line);border-radius:16px;background:white;padding:24px}.phrase-entry h2{font-size:22px;color:var(--purple);margin-bottom:5px}.phrase-chain{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:15px}.sense-entry{padding:16px 0;border-top:1px solid var(--line)}.sense-entry:last-child{padding-bottom:0}.sense-entry h3{font-size:13px;margin:0 0 8px}.sense-entry p{font-size:13px;line-height:1.8}.sense-entry .tip{font-size:11px}.library-head input{margin-top:5px}.review-row>div{min-width:0;overflow-wrap:anywhere}.round-contexts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.round-contexts span{background:var(--bg);border-radius:9px;padding:7px 10px;font-size:11px;color:var(--muted)}.round-contexts b{color:var(--ink)}.coverage{margin-top:17px;font-size:12px;color:var(--muted)}.custom-grid label{align-items:flex-start}.custom-grid input{margin-top:4px}.about-copy a{color:var(--purple)}.progress{margin-bottom:24px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.feedback li{font-size:12px;margin-top:5px}.feedback ul{padding-left:18px;margin:8px 0 0}.tip code{font:inherit;color:var(--ink)}.step-tile h3{font-size:13px}.results>p{max-width:600px}
@media(max-width:900px){.hero{gap:25px}.hero-art .word-stack{transform:rotate(-7deg) scale(.86)}.quiz-layout{grid-template-columns:170px minmax(0,1fr)}.library-grid{grid-template-columns:1fr}.quiz-card{padding:25px}.side-step b{font-size:12px}}
@media(max-width:640px){.hero-art .word-stack{transform:rotate(-5deg) scale(.85)}.quiz-layout{grid-template-columns:1fr}.side-step b{font-size:9px;max-width:65px;line-height:1.4}.quiz-mobile-pause{display:inline-block;margin:0 0 14px}.quiz-top{gap:12px}.quiz-top h1{font-size:23px}.quiz-top .pill{white-space:nowrap}.match-pair-row,.match-heading{gap:10px}.match-btn{padding:12px 10px;min-height:110px}.match-btn strong{font-size:13px}.match-btn .match-example{font-size:11px}.match-btn[data-col=pt]{font-size:12px}.context-box{padding:13px;font-size:14px}.form-grid{grid-template-columns:1fr;gap:14px}.answer-input{font-size:20px}.verb-prompt{flex-wrap:wrap;gap:8px}.verb-prompt strong{font-size:28px}.verb-prompt span{max-width:none;text-align:left}.library-head h1{font-size:30px}.phrase-entry{padding:20px}.question-meta{font-size:10px}.section-label{align-items:flex-start;gap:15px}.section-label span{text-align:right}.results .stats .stat>span{font-size:11px}.review-row{flex-direction:column;gap:5px}}

@media(max-width:640px){.hero-art{height:235px}}