:root{--navy:#0b3557;--green:#247057;--green2:#e9f5ef;--paper:#f2f6f4;--line:#d6e2df;--ink:#17262d;--muted:#697980;--blue:#1677c8;--blue-bg:#eaf5ff;--red:#db4a4a;--red-bg:#fff0f0;--ok:#1e7558}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#edf6f2 0,#f7f8f8 260px);color:var(--ink);font-family:"Noto Sans KR","Malgun Gothic",sans-serif}button,select{font:inherit}.hidden{display:none!important}header{min-height:74px;padding:0 5vw;background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:11px}.brand b{width:39px;height:39px;border:1px solid #ffffffaa;border-radius:50%;display:grid;place-items:center}.brand span{display:flex;flex-direction:column;font-weight:900}.brand small{font-size:10px;opacity:.75;margin-top:3px}header>div{display:flex;align-items:center;gap:14px}header>div>a{color:white;text-decoration:none;border:1px solid #ffffff70;border-radius:999px;padding:8px 12px;font-size:13px}main{max-width:850px;margin:34px auto 70px;padding:0 16px}.card{background:white;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 12px 35px rgba(18,66,52,.06)}.center{text-align:center;color:var(--muted)}.meta{display:flex;justify-content:space-between;gap:10px}.meta span{background:var(--green2);color:var(--green);padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900}#topic{display:block;color:var(--muted);margin-top:20px;font-weight:700}.stage-label{margin-top:18px;color:var(--green);font-size:12px;font-weight:900;letter-spacing:.04em}.stage-label.five{margin-top:0}h1{font-size:clamp(24px,4vw,34px);line-height:1.55;word-break:keep-all;margin:9px 0 24px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:16px}.answers button{height:136px;border-radius:22px;background:white;font-size:68px;font-weight:1000;cursor:pointer;transition:.15s}.answer-o{border:3px solid #8bc6f0;color:var(--blue);background:var(--blue-bg)!important}.answer-x{border:3px solid #f0aaaa;color:var(--red);background:var(--red-bg)!important}.answers button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(10,50,70,.08)}.answers button:disabled{opacity:.72;transform:none}.result{margin-top:22px;padding:19px 20px;border-radius:14px;background:#edf7f2;line-height:1.75;border-left:5px solid var(--ok)}.result.wrong{background:#fff2f2;border-left-color:var(--red)}.result strong{font-size:20px;color:var(--ok)}.result.wrong strong{color:var(--red)}.result p{margin:8px 0 0}.related-card{margin-top:24px;padding:25px;border:2px solid #dbe8e4;border-radius:18px;background:#fbfdfc}.related-card h2{margin:10px 0 18px;font-size:23px;line-height:1.55;white-space:pre-wrap;word-break:keep-all}.related-options{display:grid;gap:9px}.related-option{display:grid;grid-template-columns:36px 1fr;align-items:start;width:100%;padding:12px 13px;border:1px solid #cbd8d5;border-radius:11px;background:white;text-align:left;line-height:1.5;cursor:pointer}.related-option b{color:var(--green);font-size:19px}.related-option.selected{border:2px solid var(--green);background:#eef8f4}.related-option.correct{border-color:#54a884;background:#e9f8f0}.related-option.wrong-choice{border-color:#e18b8b;background:#fff0f0}.check-related{width:100%;margin-top:14px;padding:13px;border:0;border-radius:10px;background:var(--navy);color:white;font-weight:900;cursor:pointer}.check-related:disabled{opacity:.45;cursor:default}.related-result{margin-top:14px;padding:16px;border-radius:12px;background:#edf7f2;line-height:1.7}.related-result.wrong{background:#fff2f2}.related-result strong{font-size:18px}.related-result p{margin:7px 0 0}.controls{display:grid;grid-template-columns:auto 1fr auto;gap:9px;margin-top:25px}.controls button,.controls select{padding:11px;border-radius:9px}.primary{background:var(--navy);color:white;border:1px solid var(--navy)}.secondary{background:white;color:var(--navy);border:1px solid #aabac3}@media(max-width:560px){header{padding:10px 14px}header>div>a{display:none}main{margin:16px auto 45px}.card{padding:22px 16px}.answers button{height:112px;font-size:58px}.related-card{padding:18px 13px}.related-card h2{font-size:20px}.related-option{font-size:16px}.controls{grid-template-columns:1fr 1fr}.controls select{grid-column:1/-1;grid-row:1}.controls button{grid-row:2}}