/* 회차별 기출 요약(tools/make_rounds.py가 만든 페이지 공용). 색 · 글꼴은 base.css 토큰을 쓴다. */
.sitenav{background:var(--sheet); border-bottom:1px solid var(--rule)}
.sitenav .wrap{display:flex; align-items:center; gap:6px 18px; flex-wrap:wrap; padding-block:10px}
.sitenav .brand{font-family:var(--f-display); font-size:18px; letter-spacing:.01em; text-decoration:none; margin-right:auto; color:var(--ink)}
.sitenav .brand span{color:var(--pen)}
.sitenav nav{display:flex; flex-wrap:wrap; gap:2px}
.sitenav nav a{text-decoration:none; font-size:14px; font-weight:500; padding:6px 11px; border-radius:6px; color:var(--muted)}
.sitenav nav a:hover{background:var(--chip); color:var(--ink)}
.sitenav nav a[aria-current="page"]{color:var(--ink); background:var(--chip); box-shadow:inset 0 -2px 0 var(--pen)}
body.simple main .wrap.rp{gap:22px; padding-block:24px 64px}
.crumbs{display:flex; flex-wrap:wrap; gap:4px 8px; font-size:13px; color:var(--muted)}
.crumbs a{color:inherit; text-underline-offset:3px}
.crumbs b{color:var(--ink); font-weight:500}
.rhead{display:grid; gap:12px}
.rhead h1{font-size:clamp(26px,5vw,40px)}
.stat{display:flex; flex-wrap:wrap; gap:6px 20px; margin:0; padding:0; list-style:none; font-size:14px; color:var(--muted)}
.stat b{font-family:var(--f-mono); font-size:20px; font-weight:500; color:var(--ink); margin-right:4px}
.acts{display:flex; flex-wrap:wrap; gap:8px}
.btn{display:inline-flex; align-items:center; font:500 14px var(--f-body); text-decoration:none; border:1px solid var(--ink); background:var(--ink); color:var(--paper); border-radius:8px; padding:8px 14px; cursor:pointer}
.btn.sub{background:var(--sheet); color:var(--ink); border-color:var(--rule)}
.qs{margin:0; padding:0; list-style:none; display:grid; gap:10px}
.q{background:var(--sheet); border:1px solid var(--rule); border-radius:10px; padding:14px 18px; display:grid; gap:6px; min-width:0; scroll-margin-top:calc(16px + var(--hg-stick,0px))}
.qh{display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px}
.qh .no{font-family:var(--f-mono); font-weight:500; font-size:14px}
.tag{font-size:11.5px; font-weight:500; color:var(--muted); border:1px solid var(--rule); border-radius:4px; padding:0 6px; line-height:1.7}
.tag.fig{border-style:dashed}
.q h2{font-size:16px; font-weight:700; line-height:1.5}
.ans{margin:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px}
.ans b{font-family:var(--f-pen); font-size:22px; font-weight:400; color:var(--pen); line-height:1}
.ans span{font-family:var(--f-mono); font-size:14.5px; background:var(--pen-wash); border-radius:4px; padding:1px 7px; overflow-wrap:anywhere}
.exp{margin:0; padding-left:1.15em; display:grid; gap:2px; font-size:14px; color:color-mix(in srgb,var(--ink) 88%,var(--muted))}
.disp{margin:0; font-size:13px; color:var(--pen)}
.disp b{font-weight:700; margin-right:4px}
.solve{justify-self:start; font-size:13px; font-weight:500; color:var(--muted); text-underline-offset:3px}
.solve:hover{color:var(--ink)}
.pager{display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; font-size:14px}
.pager a{color:var(--ink); text-underline-offset:3px}
.yr{display:grid; gap:8px}
.yr h2{font-family:var(--f-mono); font-size:15px; font-weight:500; color:var(--muted)}
.rcs{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px}
.rc{display:grid; gap:2px; background:var(--sheet); border:1px solid var(--rule); border-radius:10px; padding:12px 14px; text-decoration:none; color:var(--ink)}
.rc:hover{border-color:var(--ink)}
.rc b{font-size:17px}
.rc span{font-size:12.5px; color:var(--muted)}
body.quiz .hideable{filter:blur(6px); cursor:pointer; user-select:none}
body.quiz .hideable.shown{filter:none; user-select:auto}