.examShell{--exam-accent-a:var(--primary);--exam-accent-b:var(--gold);align-content:start;gap:18px;display:grid}[data-exam=toeic] .examShell{--exam-accent-a:var(--gold);--exam-accent-b:var(--amber)}.examTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:4px;display:flex}.examTop>div:first-child{gap:6px;display:grid}.examTop h2{font-size:clamp(24px,3.4vw,34px)}.examTop>div:first-child>p:last-child{color:var(--muted);max-width:60ch}.examScore{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);align-items:center;gap:14px;padding:12px 18px;display:inline-flex}.examScore span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:700}.examScore strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--primary-700);font-size:30px;line-height:1}.examScore .iconButton{border-radius:var(--r-btn);background:var(--sunken);border:1px solid var(--border-strong);width:40px;height:40px;color:var(--ink);transition:background var(--t) var(--ease), transform var(--t) var(--ease);flex:none;place-items:center;display:inline-grid}.examScore .iconButton:hover{background:var(--muted-surface);transform:translateY(-1px)}.testSetTabs{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.testSetTabs button{text-align:left;border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:border-color var(--t) var(--ease), transform var(--t) var(--ease), box-shadow var(--t) var(--ease);gap:3px;padding:12px 14px;display:grid}.testSetTabs button:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.testSetTabs button strong{color:var(--ink);font-size:14px;font-weight:800}.testSetTabs button span{color:var(--muted);font-size:12px}.testSetTabs button.active{border-color:var(--primary);background:var(--primary-tint);box-shadow:0 0 0 1px var(--primary) inset}.testSetTabs button.active strong{color:var(--primary-700)}.testPager{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.testPager span{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.testPager button{border-radius:var(--r-btn);background:var(--sunken);border:1px solid var(--border-strong);min-height:38px;color:var(--ink);transition:background var(--t) var(--ease);padding:0 16px;font-size:14px;font-weight:700}.testPager button:hover:not(:disabled){background:var(--muted-surface)}.testPager button:disabled{opacity:.45;cursor:not-allowed}.examQuotaNotice{align-items:center;gap:8px;font-size:14px;display:flex}.lockedPanel{gap:10px;padding:22px;display:grid}.lockedPanel p{color:var(--muted)}.lockedPanel .secondaryCta{justify-self:start;margin-top:4px}.examLayout{grid-template-columns:260px 1fr;align-items:start;gap:18px;display:grid}.examBoard{grid-template-columns:repeat(2,1fr);align-content:start;gap:10px;display:grid}.examTile{text-align:left;border-radius:var(--r-card);background:var(--card);border:1px solid var(--border-strong);box-shadow:var(--shadow-card);transition:border-color var(--t) var(--ease), transform var(--t) var(--ease), box-shadow var(--t) var(--ease);gap:4px;padding:12px 12px 14px;display:grid;position:relative}.examTile:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.examTile span{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;font-weight:700}.examTile strong{color:var(--ink);font-size:12px;font-weight:700;line-height:1.25}.examTile .msIcon{position:absolute;top:10px;right:10px}.examTile.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}.examTile.correct{border-color:var(--primary);background:var(--primary-tint)}.examTile.correct span,.examTile.correct .msIcon{color:var(--primary-700)}.examTile.wrong{border-color:var(--live-red);background:var(--danger-tint)}.examTile.wrong span,.examTile.wrong .msIcon{color:var(--red-text)}.examQuestionPanel{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);align-content:start;gap:14px;padding:22px;display:grid}.examQuestionPanel h3{font-family:var(--font-serif);color:var(--ink);font-size:clamp(20px,2.6vw,26px);line-height:1.2}.examSectionTag{border-radius:var(--r-pill);background:var(--primary-tint);color:var(--primary-700);justify-self:start;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.answerGrid{gap:10px;display:grid}.answerGrid.compact{gap:10px}.answerGrid button{text-align:left;border-radius:var(--r-btn);background:var(--card);border:1px solid var(--border-strong);width:100%;color:var(--ink);counter-increment:examopt;transition:border-color var(--t) var(--ease), background var(--t) var(--ease);align-items:center;gap:12px;padding:12px 14px 12px 46px;font-weight:600;display:flex;position:relative}.answerGrid{counter-reset:examopt}.answerGrid button:before{content:counter(examopt, upper-alpha);background:var(--sunken);width:26px;height:26px;font-family:var(--font-mono);color:var(--muted);border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.answerGrid button:hover{border-color:var(--primary);background:var(--primary-tint)}.answerGrid button.chosenAnswer{border-color:var(--primary);background:var(--primary-tint);color:var(--primary-700)}.answerGrid button.chosenAnswer:before{background:var(--primary);color:var(--on-primary)}.answerState{border-radius:var(--r-card);gap:6px;padding:14px;display:grid}.answerState.good{background:var(--primary-tint)}.answerState.bad{background:var(--danger-tint)}.answerState strong{font-weight:800}.answerState.good strong{color:var(--primary-700)}.answerState.bad strong{color:var(--red-text)}.answerState p{color:var(--body);font-size:14px;line-height:1.55}.promptGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.promptGrid article{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);gap:8px;padding:22px;display:grid}.promptGrid article h3{font-size:20px}.promptGrid article p{color:var(--muted);font-size:14px;line-height:1.55}.examCard{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-top:4px solid;border-image:linear-gradient(90deg, var(--exam-accent-a), var(--exam-accent-b)) 1;gap:8px;padding:22px;display:grid}.resultBar{border-radius:var(--r-card);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.resultBar span{color:var(--muted);font-size:14px;font-weight:600}.resultBar strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--primary-700);font-size:18px}.examComplete{border-radius:var(--r-panel);color:#e9efe9;background:var(--grad-hero);box-shadow:var(--shadow-hero);gap:14px;padding:clamp(24px,4vw,36px);display:grid;position:relative;overflow:hidden}.examComplete h2{color:#fff}.examComplete p{color:#e9efe9d1}.examComplete .heroCtas{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}@media (max-width:900px){.examLayout{grid-template-columns:1fr}.examBoard{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.promptGrid{grid-template-columns:1fr}}@media (max-width:560px){.examTop{align-items:flex-start}.examScore strong{font-size:26px}}
