:root{--bg:#ffffff;--text:#111827;--muted:#6b7280;--line:#d1d5db;--line2:#e5e7eb;--head:#f3f4f6;--accent:#4f46e5;--accent2:#0f766e;--accent3:#92400e;--soft:#f8fafc}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.5}
a{color:inherit} .wrap{max-width:1160px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line2);background:#fff;position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;gap:16px;padding:14px 0;flex-wrap:wrap}.brand{font-weight:700}.brand small{display:block;font-weight:500;color:var(--muted)}.topnav{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.topnav a{text-decoration:none;padding:.48rem .78rem;border:1px solid var(--line);border-radius:999px;color:#374151;font-size:.92rem}.topnav a.current{border-color:#c7d2fe;background:#eef2ff;color:#312e81;font-weight:700}
main{padding:28px 0 48px}.page-head{margin-bottom:26px}.page-head h1{margin:0 0 8px;font-size:2rem;letter-spacing:-.02em}.page-head p{margin:0;color:var(--muted)}
section{margin:0 0 34px}.section-title{font-size:1.2rem;font-weight:800;margin:0 0 12px}
.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid var(--line2);padding:10px 12px;vertical-align:top}.table th{background:var(--head);text-align:left;font-weight:700}.table .center{text-align:center}
.band{display:grid;gap:16px}.band.two{grid-template-columns:1fr 1fr}.band.three{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.band.two,.band.three{grid-template-columns:1fr}.topnav{margin-left:0}}
.panel{border:1px solid var(--line2);background:#fff}.panel h2,.panel h3{margin:0;padding:12px 14px;border-bottom:1px solid var(--line2);font-size:1rem}.panel .body{padding:14px}
.kv{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--line2)}.kv:first-child{border-top:0}.kv .k{padding:10px 12px;background:#fafafa;font-weight:600}.kv .v{padding:10px 12px}.muted{color:var(--muted)}
.bar-wrap{display:grid;grid-template-columns:160px 1fr 58px;gap:12px;align-items:center;margin:8px 0}.bar-label{font-weight:600}.bar{height:18px;background:#eef2f7;position:relative;border-radius:0;overflow:hidden;border:1px solid #e5e7eb}.bar > span{display:block;height:100%;background:#6366f1}.bar-note{text-align:right;color:#374151;font-variant-numeric:tabular-nums}
.bar.multi{display:flex}.seg1{background:#4f46e5}.seg2{background:#0f766e}.seg3{background:#b45309}.seg4{background:#374151}.seg5{background:#a855f7}.seg6{background:#2563eb}.seg7{background:#059669}.seg8{background:#dc2626}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.92rem;color:#374151}.legend span{display:inline-flex;align-items:center;gap:6px}.sw{width:12px;height:12px;display:inline-block}
.note{padding:10px 12px;border-left:3px solid #9ca3af;background:#f9fafb;color:#374151}
.svg-box{width:100%;overflow-x:auto;border:1px solid var(--line2);background:#fff}.svg-box svg{display:block;min-width:860px;width:100%;height:auto}
.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{display:inline-block;padding:.22rem .48rem;border:1px solid var(--line);font-size:.86rem;background:#fafafa}
.foot{padding:24px 0 36px;border-top:1px solid var(--line2);color:var(--muted);font-size:.9rem}