:root{--bg: #eef2f6;--grid: rgba(18, 53, 91, .06);--surface: #ffffff;--surface-2: #f6f8fb;--text: #0f1e2e;--muted: #5a6b7d;--border: #d6dee8;--brand: #12355b;--brand-ink: #ffffff;--link: #1f5fa8;--accent: #f2a900;--line: #12355b;--fault: #d92d20;--danger: #b42318;--panel: #0f2742;--panel-ink: #e7eef7;--panel-muted: #9fb3c8;--readout: #ffc233;--radius: 10px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0a121c;--grid: rgba(124, 183, 255, .05);--surface: #111c29;--surface-2: #0d1722;--text: #e3eaf2;--muted: #92a3b5;--border: #243446;--brand: #0d2540;--link: #7cb7ff;--accent: #ffc233;--line: #9cc4f0;--fault: #ff6b5e;--danger: #ff8a7f;--panel: #07111c;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;color:var(--text);font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;line-height:1.6;word-break:keep-all}a{color:var(--link)}[hidden]{display:none!important}.container{max-width:1120px;margin:0 auto;padding:0 16px}.en{color:var(--muted);font-weight:400;font-size:.86em}.bi-block .en,summary .en,.tile .en,.label-en{display:block}.h1-en{display:block;font-size:.5em;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:2px}.site-header{background:var(--brand);color:var(--brand-ink);position:sticky;top:0;z-index:10;border-bottom:3px solid var(--accent)}.header-inner{display:flex;align-items:center;gap:20px;min-height:60px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;white-space:nowrap}.logo-mark{width:32px;height:32px;flex:none}.logo-mark rect{fill:#ffffff1f}.logo-text{display:flex;flex-direction:column;line-height:1.15}.logo-text strong{font-size:17px;letter-spacing:.01em}.logo-text small{font-size:11px;opacity:.75}.nav{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;font-size:14px;margin-left:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:#ffffffd9;text-decoration:none;white-space:nowrap;padding:4px 0;border-bottom:2px solid transparent}.nav a .en{color:#fff9}.nav a:hover,.nav a[aria-current=page]{color:#fff;border-bottom-color:var(--accent)}@media(max-width:560px){.logo-text small,.nav a .en{display:none}}main{padding-top:18px;padding-bottom:48px}h1{font-size:clamp(26px,5vw,36px);margin:6px 0 8px;letter-spacing:-.02em;line-height:1.2}.lead{color:var(--muted);margin:0 0 20px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb a{color:var(--muted)}.section-title{font-size:18px;margin:32px 0 12px}.badge{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--brand);background:color-mix(in srgb,var(--accent) 22%,transparent);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);padding:1px 8px;border-radius:4px}@media(prefers-color-scheme:dark){.badge{color:var(--accent)}}.page-head{margin-bottom:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.calc-grid{display:grid;gap:16px;align-items:start}.calc-grid>*{min-width:0}@media(min-width:960px){.calc-grid{grid-template-columns:minmax(0,1fr) minmax(0,440px)}.calc-aside{position:sticky;top:76px}}.form-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:15px;margin:22px 0 12px;padding-top:16px;border-top:1px solid var(--border)}.form-title .tag{font-family:var(--mono);font-size:12px;color:var(--surface);background:var(--brand);padding:0 6px;border-radius:4px}@media(prefers-color-scheme:dark){.form-title .tag{background:var(--line)}}form>.form-title:first-child{margin-top:0;padding-top:0;border-top:0}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 16px}.field label,.field .label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;line-height:1.35}.field label .en,.field .label .en{display:block;font-size:12px}.field input,.field select{width:100%;font:inherit;font-family:var(--mono);font-size:16px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}.field select{font-family:inherit}.field input:focus,.field select:focus{outline:2px solid var(--link);outline-offset:-1px}.input-unit{position:relative}.input-unit input{padding-right:56px}.input-unit>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;font-family:var(--mono);pointer-events:none}.hint{font-size:12px;color:var(--muted);margin-top:4px}.segmented{display:flex;flex-wrap:wrap;gap:6px}.segmented label{position:relative;margin:0;font-weight:500}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented input+span{display:inline-block;padding:7px 12px;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:14px;background:var(--surface-2)}.segmented input+span .en{display:inline}.segmented input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}.segmented input:checked+span .en{color:#ffffffbf}.segmented input:focus-visible+span{outline:2px solid var(--link);outline-offset:2px}.check{display:flex;align-items:flex-start;gap:8px;font-weight:600;cursor:pointer}.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--brand);flex:none}fieldset.cable{border:1px solid var(--border);border-radius:8px;padding:10px 14px 14px;margin:0 0 12px;min-width:0;background:var(--surface-2)}fieldset.cable legend{display:flex;gap:10px;align-items:center;padding:0 6px;font-weight:700;font-size:14px;font-family:var(--mono)}fieldset.cable .fields{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 12px}fieldset.cable .field input,fieldset.cable .field select{background:var(--surface)}.btn{font:inherit;font-size:14px;padding:8px 14px;border-radius:8px;border:1px dashed var(--line);background:transparent;color:var(--line);cursor:pointer}.link{font:inherit;font-size:13px;border:0;background:none;color:var(--danger);cursor:pointer;padding:0;text-decoration:underline;font-family:inherit}.sld{display:block;width:100%;height:auto;color:var(--line);font-family:var(--mono)}.sld .lbl{fill:var(--text);font-size:11px}.sld .sub{fill:var(--muted);font-size:10px}.sld .fault{color:var(--fault)}.sld .fault-lbl{fill:var(--fault);font-size:12px;font-weight:700}.diagram-card{padding:14px 16px}.card-title{font-size:13px;font-weight:700;margin:0 0 6px;color:var(--muted);letter-spacing:.02em}.readout{background:var(--panel);color:var(--panel-ink);border-radius:var(--radius);padding:16px;margin-bottom:16px}.readout .r-label{font-size:13px;color:var(--panel-muted)}.readout .r-label .en{color:var(--panel-muted);opacity:.8}.readout .r-value{font-family:var(--mono);font-size:clamp(30px,8vw,42px);font-weight:700;color:var(--readout);line-height:1.15;font-variant-numeric:tabular-nums}.readout .r-unit{font-size:.5em;margin-left:4px;color:var(--panel-muted)}.readout .r-sub{font-family:var(--mono);font-size:12px;color:var(--panel-muted);margin-top:4px}.readout .r-error{color:#ff9b91;font-weight:600}.readout .r-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.readout .r-grid div{min-width:0}.readout .r-grid span{display:block;font-size:11px;color:var(--panel-muted)}.readout .r-grid strong{font-family:var(--mono);font-size:15px;color:var(--panel-ink)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}th,td{padding:8px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:0}th{background:var(--surface-2);font-weight:600;font-size:13px}td{font-family:var(--mono);font-size:13px}td:first-child,th:first-child{text-align:left;white-space:normal;font-family:inherit;font-size:13px}td:first-child .en,th .en{display:block;font-size:11px}.notice{font-size:12px;color:var(--muted);margin:10px 0 0}.prose h2{font-size:20px;margin-top:0}.prose h3{font-size:16px;margin-top:22px}.prose ul,.prose ol{padding-left:20px}.prose li{margin-bottom:4px}.prose p.en,.prose li .en{display:block}.prose code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);padding:0 5px;border-radius:4px;font-size:.88em;overflow-wrap:anywhere}.prose .table-wrap{margin:8px 0}details{border-bottom:1px solid var(--border);padding:10px 0}details:last-of-type{border-bottom:0}summary{cursor:pointer;font-weight:600}details p{margin:8px 0 0;color:var(--muted)}details p.en{font-size:.86em}.result-details{margin-top:12px}.result-details summary{font-size:14px}.result-details .table-wrap{margin-top:10px}.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;height:100%;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s}a.tile:hover{border-color:var(--link);transform:translateY(-2px)}.tile strong{font-size:17px;margin-top:6px}.tile .desc{color:var(--muted);font-size:13px}.tile-soon{opacity:.65;border-style:dashed}.soon{font-size:12px;color:var(--muted);margin-top:auto;padding-top:6px}.tile .go{margin-top:auto;padding-top:8px;font-size:13px;font-weight:600;color:var(--link)}.hero{display:grid;gap:20px;align-items:center;padding:24px 0 8px}@media(min-width:860px){.hero{grid-template-columns:1.1fr .9fr}}.hero h1{font-size:clamp(28px,5.5vw,44px)}.hero .eyebrow{font-family:var(--mono);font-size:13px;color:var(--link);font-weight:600;letter-spacing:.04em}.hero-art{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:8px}.features div{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:14px}.features strong{display:block;margin-bottom:2px}.ad{margin:16px 0;min-height:90px}.ad-placeholder{display:grid;place-items:center;border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);font-size:13px}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:13px;padding:20px 0}.site-footer a{color:var(--muted)}
