/* 기출 요약본 낱장 공용 스타일 — tools/풀이요약_생성.py 가 낳는다. 사람이 열면 종이 카드 한 장, 수집기가 열면 본문 그대로 */
:root{--paper:var(--vera-paper,#fdfcf7);--ink:var(--vera-ink,#1f2328);--mid:var(--vera-ink-mid,#4c5158);--soft:var(--vera-ink-soft,#7d8288);
 --navy:var(--vera-navy,#1f4e79);--data:var(--vera-data-paper,#b4531f);--rule:#ddd6c4;--tint:#f7f3ea;--sand:var(--vera-sand,#d8bc85);
 --sans:var(--vera-sans,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif);--serif:var(--vera-serif,'AppleMyungjo','Nanum Myeongjo',serif);--mono:var(--vera-mono,ui-monospace,Menlo,monospace)}
*{box-sizing:border-box}
html,body{margin:0;background:#f3efe6}
body{font:15px/1.7 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;word-break:keep-all;padding-inline:16px;padding-block:22px 48px}
.wrap{max-width:760px;margin:0 auto}
.crumb{font:500 12px/1.6 var(--mono);color:var(--soft);display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.crumb a{color:var(--navy);text-decoration:none}.crumb a:hover{text-decoration:underline}
.card{background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:26px 28px 24px;box-shadow:0 2px 6px rgba(60,44,16,.06),0 14px 34px rgba(60,44,16,.08)}
.eb{font:600 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--soft);text-transform:uppercase;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
h1{margin:8px 0 6px;font:800 clamp(21px,3.4vw,27px)/1.3 var(--serif);text-wrap:balance}
.unit{margin:0 0 16px;color:var(--mid);font-size:14px}
.unit a{color:var(--navy);text-decoration:none}
h2{margin:18px 0 6px;font:800 13px/1.4 var(--serif);color:var(--soft);letter-spacing:.06em}
.gist{margin:0;font-size:16px;line-height:1.8;padding:14px 16px;background:var(--tint);border-left:3px solid var(--sand);border-radius:4px}
.gist.none{color:var(--soft);font-size:14px}
.ans{margin:14px 0 0;font:700 15px/1.4 var(--sans)}.ans b{display:inline-block;min-width:34px;padding:4px 10px;border-radius:999px;background:var(--navy);color:#fff;font:700 14px/1 var(--mono);text-align:center;margin-left:6px}
.tags{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px}.tags span{font:500 12px/1 var(--sans);color:var(--mid);background:var(--tint);border:1px solid var(--rule);border-radius:999px;padding:6px 10px}
.years{font-size:13.5px;color:var(--mid)}.years b{color:var(--ink)}.years i{font-style:normal;font:500 12px var(--mono);color:var(--soft);margin-left:6px}
.cta{margin:20px 0 0;padding:14px 16px;border:1px dashed var(--rule);border-radius:8px;font-size:13.5px;color:var(--mid);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta a{flex:none;background:var(--navy);color:#fff;text-decoration:none;font:600 13px/1 var(--sans);padding:10px 14px;border-radius:999px}
.rel{margin:18px 0 0;font-size:13.5px}.rel a{color:var(--navy);text-decoration:none;margin-right:10px;white-space:nowrap}
.pn{display:flex;justify-content:space-between;gap:10px;margin:18px 0 0;font-size:13.5px}.pn a{color:var(--navy);text-decoration:none}
.foot{margin:16px 0 0;font:500 11.5px/1.6 var(--mono);color:var(--soft)}.foot a{color:var(--soft)}
.facts{margin:4px 0 0;padding:12px 16px 12px 32px;background:var(--tint);border-left:3px solid var(--sand);border-radius:4px;font-size:14px;line-height:1.75;color:var(--mid)}
.facts li::marker{color:var(--sand)}
/* 목차 */
.list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.list li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--rule);font-size:14px}
.list li .no{font:600 12px var(--mono);color:var(--data);min-width:3.5em}.list li a{color:var(--ink);text-decoration:none}.list li a:hover{color:var(--navy)}
.list li .m{font:500 11.5px var(--mono);color:var(--soft);white-space:nowrap}
.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:10px 0 0}
.cols a{display:block;padding:9px 12px;background:var(--tint);border:1px solid var(--rule);border-radius:6px;color:var(--ink);text-decoration:none;font-size:13.5px}
.cols a:hover{border-color:var(--navy);color:var(--navy)}
.cols a small{display:block;font:500 11px var(--mono);color:var(--soft)}
.subj{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0 0}
.subj a{display:block;padding:18px 20px;background:var(--paper);border:1px solid var(--rule);border-left:5px solid var(--c);border-radius:10px;text-decoration:none;color:var(--ink)}
.subj a b{display:block;font:800 18px/1.3 var(--serif)}.subj a small{color:var(--soft);font:500 12px var(--mono)}
@media (max-width:480px){.card{padding:18px 16px 16px}.list li{grid-template-columns:auto 1fr}.list li .m{grid-column:2}}