.sub{color:#475569;font-size:14.5px;line-height:1.9}.quiz{margin-top:18px;border:1px solid var(--bd);border-radius:16px;background:#fff;box-shadow:var(--shadow);padding:22px 22px 20px;position:relative;overflow:hidden}.prog{position:absolute;left:0;top:0;right:0;height:5px;background:#eef2f7}.prog span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2563eb,#7c3aed);transition:width .35s ease}.qs{opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.qs.in{opacity:1;transform:none}.qn{font-size:12px;font-weight:800;color:var(--acc);letter-spacing:.08em;margin-top:6px}.qs h2{margin:6px 0 14px;font-size:20px;border:0;padding:0}.opts{display:grid;gap:10px}.opt{display:flex;flex-direction:column;gap:2px;text-align:left;padding:13px 16px;border:1px solid var(--bd);border-radius:12px;background:#fff;color:var(--fg);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.opt b{font-size:15px}.opt small{font-size:12px;color:var(--mut)}.opt:hover{border-color:var(--acc);box-shadow:0 4px 14px #2563eb1f;transform:translateY(-1px)}.opt.sel{border-color:var(--acc);background:#eff6ff}.back{margin-top:14px;background:none;border:0;color:var(--mut);font-size:13px;cursor:pointer;padding:0}.back:hover{color:var(--acc)}.result{margin-top:22px;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s}.result.in{opacity:1;transform:none}.res-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.res-tag{flex:none;background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.04em}.result h2{margin:0;font-size:19px;line-height:1.5;border:0;padding:0}.lead{font-size:14px;color:#334155;line-height:1.95;margin:12px 0 18px}.rcards{display:grid;gap:14px}.rc{position:relative;display:grid;grid-template-columns:150px 1fr;gap:0;border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.rc-rank{position:absolute;left:10px;top:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:#0f2744;color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px}.rc:first-child .rc-rank{background:linear-gradient(135deg,#f59e0b,#f97316)}.rc-shot{width:100%;height:100%;object-fit:cover;object-position:left top;display:block;min-height:150px}.rc-body{padding:14px 16px}.rc h3{margin:0 0 6px;font-size:17px;color:var(--navy);display:flex;flex-direction:column}.rc h3 small{font-size:12px;color:var(--mut);font-weight:600}.rc-spec{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.rc-spec span{font-size:11.5px;background:#eef2f7;color:#334155;padding:3px 8px;border-radius:6px}.rc ul{list-style:none;padding:0;margin:0 0 6px;display:flex;flex-wrap:wrap;gap:6px}.rc li{font-size:12.5px;border-radius:999px;padding:3px 10px;margin:0}.rc .ok li{background:#ecfdf5;color:#047857}.rc .ng li{background:#fff7ed;color:#c2410c}.rc-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.rc-links a{font-size:13px;font-weight:700;text-decoration:none;border-radius:999px;padding:7px 14px}.rc-links .rev{background:#fff;border:1.5px solid var(--acc);color:var(--acc-dark)}.rc-links .off{background:var(--cta);color:#fff}.rc-links .pr{margin-left:6px;font-size:10px;background:#ffffff40;padding:1px 5px;border-radius:4px}.outs{margin:18px 0 0;font-size:13.5px;color:#334155}.outs b{color:var(--navy)}.outs ul{margin:6px 0 0;padding-left:20px}.outs li{line-height:1.9}.outs li span{font-weight:700}.caution{margin:18px 0 0;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:13px 16px;font-size:13px;color:#7c2d12;line-height:1.85}.caution b{color:#9a3412}.caution ul{margin:6px 0 0;padding-left:20px}.acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 0}.acts .more-link{margin:0}.again{background:transparent;border:1px solid var(--bd);border-radius:999px;padding:11px 18px;font-size:14px;color:#475569;cursor:pointer}.again:hover{border-color:var(--acc)}.foot{font-size:11.5px;color:#94a3b8;margin-top:20px;line-height:1.8}@media (max-width:560px){.quiz{padding:18px 14px 16px}.rc{grid-template-columns:1fr}.rc-shot{min-height:0;aspect-ratio:16/8}}