:root{--site-w:760px}
.site-head{background:#fff;border-bottom:1px solid var(--line)}
.site-head .wrap{max-width:var(--site-w);margin:0 auto;padding:10px 16px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between}
.site-brand{font-weight:800;color:var(--brand);text-decoration:none}
.site-nav{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.88rem}
.site-nav a{text-decoration:none;color:var(--fg)}
.site-nav a:hover{text-decoration:underline}
.site-foot{max-width:var(--site-w);margin:24px auto 0;padding:18px 16px 28px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.site-foot a{color:var(--brand)}
.crumbs{font-size:.8rem;color:var(--muted);margin-bottom:8px}
.crumbs a{color:var(--muted)}
.content table{width:100%;border-collapse:collapse;margin:10px 0;font-size:.9rem}
.content th,.content td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}
.content thead th{background:#f3f5f7}
.content ul,.content ol{padding-left:20px}
.content li{margin:4px 0}
.content blockquote{margin:12px 0;padding:8px 12px;border-left:3px solid var(--brand);background:#fbfcfd;color:var(--muted)}
.note{background:#fbfcfd;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.88rem}
.next{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.next a{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:7px 10px;text-decoration:none;font-size:.88rem;background:#fff}
/* 360px: 표를 화면 폭에 맞춰 줄인다 */
@media (max-width:520px){.content table{display:block;overflow-x:auto;white-space:nowrap}.site-nav{font-size:.82rem}}