:root{font-family:'Pretendard','Noto Sans KR',system-ui,sans-serif;color:#103640;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}header{max-width:1080px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.brand small{display:block;font-size:11px;letter-spacing:.12em;margin-top:5px;font-weight:400}.brand img{object-fit:contain}main{max-width:1020px;margin:auto;padding:24px}.intro{padding:24px 0 30px}.eyebrow,.number{color:#4b706e;font-size:12px;font-weight:700;letter-spacing:.08em}h1{font-size:clamp(32px,6vw,52px);line-height:1.28;letter-spacing:-.05em;margin:18px 0}h2{font-size:23px;line-height:1.5;letter-spacing:-.03em;margin:12px 0}p{line-height:1.85}.intro>p:last-child{color:#536a6b}.resources{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.resource{display:block;padding:28px;background:#fff;border:1px solid #dce4dc;border-radius:22px;text-decoration:none;transition:transform .15s}.resource:hover{transform:translateY(-2px)}.resource p{font-size:15px;color:#536a6b}.resource strong{font-size:14px;display:block;margin-top:24px}.resource:first-child{background:#123d45;color:#fff;border-color:#123d45}.resource:first-child .number,.resource:first-child p{color:#d3e4dc}.quiz-panel{background:#fff;border:1px solid #dce4dc;border-radius:24px;padding:32px}.quiz-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.badge{background:#f4e5bb;border-radius:30px;padding:10px 14px;font-size:12px;font-weight:700}button{font:inherit;cursor:pointer;min-height:48px;border-radius:12px;border:1px solid transparent;padding:14px 20px;font-weight:700}.primary{background:#103640;color:white}.secondary{background:#edf2ec;color:#103640}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:3px solid #c08719;outline-offset:4px}.note,footer{font-size:12px;color:#5b7070}.note{margin-top:20px}#progress-label{font-size:14px}progress{width:100%;height:8px;accent-color:#42796f}#era-label{margin-top:28px}#question{font-size:22px;line-height:1.65}#choices{display:grid;gap:12px;margin:22px 0}.choice{text-align:left;background:#f6f8f4;border:1px solid #d7e0d8;color:#163b40;line-height:1.65}.choice.correct{border:2px solid #2e7859;background:#eef8ee}.choice.wrong{border:2px solid #b55534;background:#fff3eb}#feedback:not(:empty){padding:20px;background:#f4f6ed;border-radius:12px;line-height:1.85;margin-bottom:20px}#score{font-size:32px}.review{border-top:1px solid #e0e6df;padding:18px 0;line-height:1.8}.review p{margin:8px 0;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}footer{text-align:center;padding:36px 0;line-height:2}footer a{display:block;margin-top:6px}[hidden]{display:none!important}@media(max-width:600px){main{padding:12px 16px}header{padding:18px 16px}.brand{font-size:13px;gap:7px}header>a:last-child{font-size:12px}.resources{grid-template-columns:1fr;gap:14px}.resource,.quiz-panel{padding:24px 20px}.intro{padding:12px 0 24px}.quiz-top{align-items:flex-start}h2{font-size:21px}#question{font-size:19px}.primary,.secondary{width:100%}}