/* Super Simplified – Prelims Practice (website) */
.ssp .ssp-loading{padding:40px 0;text-align:center;color:var(--mute)}
.ssp .sse-status{min-width:240px;gap:6px}
.ssp-bar{height:8px;border-radius:8px;background:#eee7de;overflow:hidden}
.ssp-bar i{display:block;height:100%;border-radius:8px;background:var(--acc);transition:width .3s}
.ssp-bar-green{height:6px}.ssp-bar-green i{background:var(--green)}

.ssp-today{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ssp-dark{background:#1f2a44;color:#fff;border-radius:var(--r);padding:24px;margin:0 0 20px;display:grid;gap:8px;justify-items:start}
.sse .ssp-dark h2{color:#fff;font-size:22px;font-weight:800}
.ssp-dark p{color:#c9d1e6}
.ssp-kicker{color:#f6b37f;font-size:12px;font-weight:800;letter-spacing:.12em}
.ssp-review{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--acc-soft);border-color:#f3d6c2}

.sse .ssp-subject{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:28px 0 10px}
.ssp-decks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.sse a.ssp-deck{display:grid;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;color:var(--ink);box-shadow:var(--sh);transition:transform .1s,border-color .15s}
.sse a.ssp-deck:hover{text-decoration:none;border-color:#e6c9b4;transform:translateY(-1px)}
.ssp-deck.is-locked{opacity:.7}
.ssp-deck-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.ssp-deck-top b{font-size:15px;line-height:1.35}
.ssp-tag{display:inline-block;white-space:nowrap;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--acc-soft);color:var(--acc-d)}
.ssp-tag-green{background:var(--green-soft);color:var(--green)}
.ssp-tag-grey{background:#f1ede7;color:var(--ink2)}

/* play */
.ssp-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.ssp-head-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:14px}
.ssp-head-row span{color:var(--mute);font-weight:600}
.sse a.ssp-x{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--mute);background:#fff;font-size:14px}
.sse a.ssp-x:hover{text-decoration:none;color:var(--ink)}
.ssp-q{display:grid;gap:14px;max-width:760px}
.ssp-kind{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--acc)}
.ssp-qt{font-size:19px;font-weight:600;line-height:1.5;color:var(--ink)}
.ssp-blank{display:inline-block;min-width:80px;border-bottom:3px solid var(--acc);color:var(--acc-d);font-weight:800;text-align:center;margin:0 4px}
.ssp-opts{display:grid;gap:10px}
.ssp-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.sse .ssp-opt{display:block;width:100%;text-align:left;font:inherit;font-size:15px;line-height:1.45;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:13px 15px;cursor:pointer;transition:border-color .12s,background .12s;box-shadow:none;text-transform:none;letter-spacing:0}
.sse .ssp-opt:hover:not(:disabled){border-color:var(--acc);background:#fffaf6}
.sse .ssp-opt:disabled{cursor:default}
.sse .ssp-opt.is-picked{border-color:var(--acc);background:var(--acc-soft)}
.sse .ssp-opt.is-right{border-color:var(--green);background:var(--green-soft)}
.sse .ssp-opt.is-wrong{border-color:var(--red);background:var(--red-soft)}
.sse .ssp-opt.is-dim{opacity:.55}
.ssp-match{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ssp-match>div{display:grid;gap:10px;align-content:start}
.ssp-mist{color:var(--red);font-size:13px;min-height:1em}
.sse .ssp-card{display:grid;place-items:center;gap:14px;min-height:260px;width:100%;padding:28px;border:1.5px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;font:inherit;color:var(--ink);text-align:center;box-shadow:none;text-transform:none}
.sse .ssp-card.is-back{background:#fffaf3;border-color:#f1d9c4;cursor:default}
.ssp-side{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--mute)}
.ssp-face{font-size:22px;font-weight:700;line-height:1.4}
.ssp-hint{color:var(--acc);font-weight:700}
.ssp-exp{color:var(--ink2);max-width:560px}
.ssp-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ssp-grades[hidden]{display:none}
.sse .ssp-grades button{display:grid;gap:2px;padding:12px;border-radius:12px;border:1.5px solid;cursor:pointer;font:inherit;box-shadow:none;text-transform:none}
.ssp-grades .g0{background:var(--red-soft);border-color:var(--red);color:var(--red)}
.ssp-grades .g1{background:var(--acc-soft);border-color:var(--acc-d);color:var(--acc-d)}
.ssp-grades .g2{background:var(--green-soft);border-color:var(--green);color:var(--green)}
.ssp-grades small{font-size:11px}
.ssp-fb{display:grid;gap:10px;justify-items:start;max-width:760px}
.ssp-fb.is-ok{background:var(--green-soft);border-color:#cfe9d9}
.ssp-fb.is-no{background:var(--red-soft);border-color:#f3cdc8}

/* results */
.ssp-done{text-align:center;display:grid;gap:8px;justify-items:center}
.ssp-big{font-size:44px}
.ssp-score{font-size:40px;font-weight:800;letter-spacing:-.02em}
.ssp-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ssp-rev{padding:12px 0;border-top:1px solid var(--line);display:grid;gap:4px}
.ssp-rev:first-of-type{border-top:0}
.ssp-rev .ok{color:var(--green);font-weight:600}.ssp-rev .no{color:var(--red)}
.ssp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}

/* leaderboard */
.ssp-tabs{display:flex;background:#ece6dd;border-radius:12px;padding:4px;margin-bottom:16px;max-width:460px}
.sse .ssp-tabs a{flex:1;text-align:center;padding:9px;border-radius:9px;color:var(--mute);font-weight:700;font-size:14px}
.sse .ssp-tabs a.on{background:#fff;color:var(--ink)}
.sse .ssp-tabs a:hover{text-decoration:none}
.ssp-me{background:#1f2a44;color:#fff;padding:12px 16px;border-radius:12px;margin-bottom:12px}
.ssp-board{display:grid;gap:8px;max-width:640px}
.ssp-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.ssp-row.is-me{background:var(--acc-soft);border-color:#f3d6c2}
.ssp-row small{display:block;color:var(--mute);font-size:12px}
.ssp-rank{text-align:center;font-weight:800}.ssp-rank.top{font-size:22px}
.ssp-val{text-align:right}

@media (max-width:600px){
	.ssp-match{grid-template-columns:1fr 1fr;gap:8px}
	.sse .ssp-opt{padding:11px 12px;font-size:14px}
	.ssp-qt{font-size:17px}
	.ssp-dark,.sse-card{padding:18px}
}

/* Practice banner on the evaluation page */
.sse a.ssp-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#1f2a44;color:#fff;border-radius:var(--r);padding:16px 20px;margin:0 0 20px}
.sse a.ssp-banner:hover{text-decoration:none;background:#26345a}
.ssp-banner b{display:block;font-size:16px}.ssp-banner span{color:#c9d1e6;font-size:13px}
.ssp-banner em{color:#f6b37f;font-style:normal;font-weight:700;white-space:nowrap}