:root{color-scheme:light dark;--bg: #ffffff;--surface: #f5f7f9;--surface-2: #eceff3;--text: #17191c;--muted: #5a626c;--border: #dde2e7;--link: #0a58b8;--accent: #0f766e;--a: #0f8a80;--a-strong: #0b6b63;--a-soft: #e3f4f2;--b: #d9533f;--b-strong: #b03c2a;--b-soft: #fdece9;--danger: #d62828;--info-bg: #eef5ff;--info-border: #b9d3f5;--warn-bg: #fff6e0;--warn-border: #eecb6f;--warn-text: #5f4500;--fig-bg: #f7f8fa;--fig-aisle: #e3e7ec;--fig-stall: #f7f8fa;--fig-line: #a5aeb9;--fig-wall: #6b7480;--fig-text: #69727d;--fig-paint: #ffffff;--fig-center: #dba400;--fig-sidewalk: #d3d8de;--fig-offroad: #edf0e4;--fig-glass: rgba(255, 255, 255, .55);--fig-label: #ffffff;--radius: 14px;--font: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #111315;--surface: #1a1d21;--surface-2: #23272c;--text: #e8eaed;--muted: #a2a9b2;--border: #2f343a;--link: #7db4ff;--accent: #4fd1c5;--a: #2bb3a6;--a-strong: #62d9cd;--a-soft: #12302d;--b: #f07a6a;--b-strong: #ff9e91;--b-soft: #3b201c;--danger: #ff5c5c;--info-bg: #15243a;--info-border: #2c4a73;--warn-bg: #2d2611;--warn-border: #6b5520;--warn-text: #f3d98b;--fig-bg: #15181b;--fig-aisle: #262b31;--fig-stall: #1b1f23;--fig-line: #4b535d;--fig-wall: #7c8691;--fig-text: #919aa5;--fig-paint: #48505a;--fig-center: #c49616;--fig-sidewalk: #2d3339;--fig-offroad: #1e231c;--fig-glass: rgba(255, 255, 255, .35);--fig-label: #0e1113}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}a{color:var(--link);text-underline-offset:2px}.container{max-width:760px;margin:0 auto;padding:0 16px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:8px;background:var(--bg);padding:6px 10px;z-index:10}.site-header{border-bottom:1px solid var(--border)}.site-header .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;padding-top:10px;padding-bottom:10px}.site-name{font-weight:800;color:var(--text);text-decoration:none;letter-spacing:-.01em}.site-nav{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:.9rem}.site-nav a,.site-nav .link-pending{color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--text)}.site-footer{margin-top:56px;border-top:1px solid var(--border);background:var(--surface);font-size:.875rem;color:var(--muted)}.site-footer .container{padding-top:24px;padding-bottom:32px}.site-footer p{margin:0 0 8px}.footer-links{display:flex;flex-wrap:wrap;gap:4px 14px;padding:0;margin:12px 0 0;list-style:none}.link-pending{color:var(--muted);cursor:default}.link-pending small{font-size:.75em}.breadcrumbs{font-size:.85rem;color:var(--muted);margin:16px 0 6px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:2px 6px;list-style:none;padding:0;margin:0}.breadcrumbs li+li:before{content:"›";margin-right:6px}.breadcrumbs a{color:var(--muted)}h1{font-size:clamp(1.4rem,5.2vw,1.9rem);line-height:1.35;margin:6px 0 10px;letter-spacing:-.02em}h2{font-size:1.25rem;line-height:1.4;margin:0 0 12px;letter-spacing:-.01em}h3{font-size:1.05rem;margin:20px 0 8px}.article-section{margin-top:40px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none}.badge{display:inline-block;font-size:.8rem;line-height:1.4;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.badge-informal{background:var(--warn-bg);color:var(--warn-text)}.answer{margin-top:16px;background:var(--surface);border-radius:var(--radius);padding:18px 16px 16px}.answer-label{font-size:.85rem;font-weight:700;color:var(--accent);margin:0 0 6px}.ratio-big{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;margin:4px 0 14px}.ratio-side{border-radius:12px;padding:10px 12px;text-align:center}.ratio-side.is-a{background:var(--a-soft);color:var(--a-strong)}.ratio-side.is-b{background:var(--b-soft);color:var(--b-strong)}.ratio-num{display:block;font-size:clamp(2.2rem,11vw,3.1rem);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.ratio-who{display:block;font-size:.82rem;line-height:1.35;margin-top:4px}.ratio-colon{align-self:center;font-size:1.8rem;font-weight:700;color:var(--muted)}.answer-line{margin:0 0 10px}.answer-sub{font-size:.92rem;color:var(--muted);margin:0 0 14px}.accident-figure{margin:0;max-width:520px}.accident-svg{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--border)}.fig-legend{display:flex;flex-wrap:wrap;gap:2px 14px;margin:8px 0 0;padding:0;list-style:none;font-size:.8rem;color:var(--muted)}.fig-legend li{display:inline-flex;align-items:center;gap:5px}.lg-swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.lg-a{background:var(--a)}.lg-b{background:var(--b)}.lg-line{width:20px;height:0;border-top:3px solid var(--muted);display:inline-block}.lg-dash{border-top-style:dashed}.lg-impact{width:12px;height:12px;border-radius:50%;border:2px solid var(--danger);display:inline-block}.accident-figure figcaption{font-size:.82rem;color:var(--muted);margin-top:4px}.fig-bg{fill:var(--fig-bg)}.fig-aisle{fill:var(--fig-aisle)}.fig-stall{fill:var(--fig-stall)}.fig-stall-line{stroke:var(--fig-line);stroke-width:1.5}.fig-wall{stroke:var(--fig-wall);stroke-width:3}.fig-text{fill:var(--fig-text);font-size:11px;font-family:var(--font)}.fig-fill-a{fill:var(--a)}.fig-fill-b{fill:var(--b)}.fig-stroke-a{stroke:var(--a)}.fig-stroke-b{stroke:var(--b)}.fig-text-a{fill:var(--a-strong)}.fig-arrow{fill:none;stroke-width:3.5;stroke-linecap:round}.fig-glass{fill:var(--fig-glass)}.fig-label{fill:var(--fig-label);font-weight:800;font-size:14px;font-family:var(--font)}.fig-label-out{font-size:11px;font-weight:700;font-family:var(--font)}.fig-door{stroke-width:4;stroke-linecap:round}.fig-impact circle{fill:#d6282829;stroke:var(--danger);stroke-width:2.5}.fig-impact line{stroke:var(--danger);stroke-width:3;stroke-linecap:round}.fig-zone{stroke:var(--b);stroke-width:1.5;stroke-dasharray:3 3}.fig-hatch{stroke:var(--b);stroke-width:1.5;opacity:.45}.fig-zone-label{font-weight:700}.fig-center{stroke:var(--fig-center);stroke-width:2}.fig-lane{stroke:var(--fig-paint);stroke-width:2;stroke-dasharray:14 10}.fig-sidewalk{fill:var(--fig-sidewalk)}.fig-offroad{fill:var(--fig-offroad)}.fig-paint-arrow{fill:none;stroke:var(--fig-paint);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.93rem;line-height:1.5}caption{text-align:left;font-weight:700;padding:0 0 6px}th,td{padding:9px 8px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}thead th{font-size:.82rem;color:var(--muted);font-weight:600;border-bottom-width:2px}td.num,th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.val-a{color:var(--a-strong);font-weight:700}.val-b{color:var(--b-strong);font-weight:700}tr.is-focus th,tr.is-focus td{background:var(--surface)}td.src-span{font-size:.82rem;color:var(--muted);border-left:1px solid var(--border)}.row-note{display:block;font-size:.8rem;color:var(--muted);margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;padding:4px 12px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:.85rem;line-height:1.3;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--surface)}.btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);font-weight:700}.btn-sm{min-height:32px;padding:2px 9px;font-size:.8rem}.situation-figure{margin-top:14px}.mod-table td:first-child{width:100%}.mod-table .tag{font-size:.72rem;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:0 5px;margin-left:4px;white-space:nowrap}.mod-explain{padding-left:1.2em;margin:10px 0 0}.mod-explain li{margin-bottom:6px}.quote{margin:12px 0;padding:2px 0 2px 14px;border-left:3px solid var(--accent)}.quote p{margin:0}.quote .quote-label{font-size:.8rem;font-weight:700;color:var(--accent)}.note,.warn{border-radius:10px;padding:10px 12px;margin:14px 0;font-size:.92rem;line-height:1.65}.note{background:var(--info-bg);border:1px solid var(--info-border)}.warn{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text)}.note p,.warn p{margin:0}.editorial{border:1px dashed var(--border);border-left:3px solid var(--muted);border-radius:10px;padding:10px 12px;margin:14px 0;font-size:.92rem;line-height:1.65;background:var(--surface)}.editorial strong{display:inline-block;font-size:.78rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:0 8px;margin-bottom:6px}.editorial p{margin:0 0 6px}.editorial p:last-child{margin-bottom:0}.answer-steps{margin:0 0 10px;padding-left:1.3em}.answer-steps li{margin-bottom:4px}.note strong,.warn strong{display:block;margin-bottom:2px}.calc{border:1px solid var(--border);border-radius:var(--radius);padding:16px}.calc fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}.calc legend{font-weight:700;margin-bottom:6px;padding:0}.calc [data-chart-select]{display:block;width:100%;max-width:100%;min-height:44px;margin-top:4px;padding:6px 10px;font:inherit;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}.calc-party{font-size:.85rem;font-weight:700;margin:10px 0 4px}.calc-party.is-a{color:var(--a-strong)}.calc-party.is-b{color:var(--b-strong)}.opt{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;margin-bottom:6px;cursor:pointer;line-height:1.4}.opt input{width:20px;height:20px;flex:none;margin:0;accent-color:var(--accent)}.opt-text{flex:1}.opt-val{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.opt-hint{display:block;font-size:.78rem;color:var(--muted)}.opt:has(input:checked){border-color:var(--accent);background:var(--surface)}.opt:has(input:disabled){opacity:.6;cursor:not-allowed}.field{margin:0 0 14px}.field label{display:block;font-weight:700;margin-bottom:4px}.field-row{display:flex;align-items:center;gap:8px}.field input[type=text],.field input[type=number],.field select{font:inherit;min-height:44px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);width:100%;max-width:260px}.field select:disabled{opacity:.6}.calc-advanced{margin:8px 0 4px}.calc-advanced summary{cursor:pointer;font-weight:700;padding:6px 0}.ratio-num.money{font-size:clamp(1.3rem,5vw,1.7rem);white-space:nowrap;overflow-wrap:normal}.ratio-big.compare{grid-template-columns:1fr}.ratio-big.compare .ratio-colon{justify-self:center;font-size:1rem}@media(min-width:560px){.ratio-big.compare{grid-template-columns:1fr auto 1fr}}.calc-actions{display:flex;gap:8px}.calc-result{margin-top:16px;border-radius:12px;background:var(--surface);padding:14px}.calc-result .ratio-big{margin-bottom:10px}.calc-result ul{margin:6px 0;padding-left:1.2em;font-size:.92rem}.calc-error{color:var(--danger);font-weight:700;margin:0}.calc-basis,.calc-disclaimer{font-size:.85rem;color:var(--muted);margin:8px 0 0}.calc-figure{margin-top:14px}.flash{animation:flash 1.2s ease-out}@keyframes flash{0%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 0 transparent}}.case-list{list-style:none;padding:0;margin:0}.case-card{border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:10px}.case-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:.85rem;color:var(--muted)}.case-id{font-weight:700;color:var(--text)}.case-ratio{font-weight:800;font-size:1.05rem;margin:4px 0 2px}.case-summary{margin:0;font-size:.95rem}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{cursor:pointer;font-weight:700;padding:12px 0;list-style-position:outside;margin-left:1.1em}.faq-item p{margin:0 0 14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:0;margin:0;list-style:none}.link-card{display:block;height:100%;border:1px solid var(--border);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--text)}a.link-card:hover{border-color:var(--accent)}.link-card strong{display:block;color:var(--link)}span.link-card strong{color:var(--muted)}.link-card span{font-size:.88rem;color:var(--muted)}.sources{font-size:.9rem;background:var(--surface);border-radius:var(--radius);padding:16px}.sources dl{margin:0}.sources dt{font-weight:700;margin-top:10px}.sources dt:first-child{margin-top:0}.sources dd{margin:2px 0 0}.sources ul{margin:0;padding-left:1.1em}.sources .disclaimer{margin:14px 0 0;color:var(--muted);font-size:.85rem}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.law-quote p+p{margin-top:4px}.law-quote .law-item{padding-left:1em}.law-quote .law-meta{font-size:.8rem;color:var(--muted)}.law-details{margin:4px 0 8px}.law-details summary{cursor:pointer;font-size:.88rem;color:var(--accent)}.checklist{list-style:none;padding:0;margin:10px 0 0}.checklist li{border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:var(--surface)}.checklist label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.checklist input[type=checkbox]{flex:none;width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:var(--accent)}.checklist li:has(input:checked) .check-text{color:var(--muted);text-decoration:line-through}.checklist .row-note{margin:4px 0 0 calc(1.15rem + 10px)}.toc{display:flex;flex-wrap:wrap;gap:6px 14px;padding:0;margin:10px 0 0;list-style:none;font-size:.92rem}.term{border-top:1px solid var(--border);padding-top:12px;margin-top:16px;scroll-margin-top:12px}.term h3{margin:0 0 6px}.term-tag{display:inline-block;font-size:.75rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:0 8px;margin-left:6px;vertical-align:middle;font-weight:400}.case-card:target,.term:target,.faq-item:target{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px}.case-group+.case-group{margin-top:28px}.nowrap{white-space:nowrap}.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:12px 0 0;list-style:none}@media(min-width:640px){.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.scene-card{display:flex;flex-direction:column;gap:2px;height:100%;border:1px solid var(--border);border-radius:12px;padding:8px 10px 10px;text-decoration:none;color:var(--text);background:var(--bg)}.scene-card:hover,.scene-card:focus-visible{border-color:var(--accent)}.scene-fig{display:block;margin:0 0 4px}.scene-fig .accident-svg{display:block;width:100%;height:auto;border-radius:8px}.scene-title{color:var(--link);font-size:.95rem;line-height:1.4}.scene-ratio{font-weight:700;font-size:.95rem;font-variant-numeric:tabular-nums}.scene-sep{color:var(--muted);font-weight:400}.scene-who,.scene-basis{font-size:.78rem;line-height:1.45;color:var(--muted)}.hub-intro{margin:8px 0 0}.scenario-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.calc-result h3{font-size:.95rem;margin:14px 0 4px}:root{--chart-a: #008c80;--chart-b: #d9533f;--chart-muted: #c7ced6;--chart-wash-a: rgba(0, 140, 128, .12);--chart-wash-gray: rgba(110, 120, 130, .12)}@media(prefers-color-scheme:dark){:root{--chart-a: #1fa093;--chart-b: #e8624f;--chart-muted: #424a53;--chart-wash-a: rgba(31, 160, 147, .16);--chart-wash-gray: rgba(170, 180, 190, .12)}}.num-figure{margin:14px 0}.num-svg{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.num-svg text{font-family:var(--font);font-size:10px}.num-svg .nf-text{fill:var(--text)}.num-svg .nf-strong{font-weight:700}.num-svg .nf-md{font-size:11px}.num-svg .nf-lg{font-size:12.5px}.num-svg .nf-tick{fill:var(--muted);font-size:9px}.num-svg .nf-grid,.num-svg .nf-axis{stroke:var(--border);stroke-width:1}.num-svg .nf-axis{stroke:var(--muted)}.num-svg .nf-a,.num-svg .nf-dot-a{fill:var(--chart-a)}.num-svg .nf-b,.num-svg .nf-dot-b{fill:var(--chart-b)}.num-svg .nf-dot-ink{fill:var(--text)}.num-svg .nf-muted{fill:var(--chart-muted)}.num-svg .nf-gap{stroke:var(--chart-muted);stroke-width:1}.num-svg .nf-ring{fill:var(--bg)}.num-svg .nf-band-a{fill:var(--chart-wash-a)}.num-svg .nf-band-gray{fill:var(--chart-wash-gray)}.num-svg .nf-band-edge-a{stroke:var(--chart-a);stroke-width:1}.num-svg .nf-band-edge-gray{stroke:var(--muted);stroke-width:1}.num-svg .nf-mark-a{stroke:var(--chart-a);stroke-width:2}.num-svg .nf-mark-b{stroke:var(--chart-b);stroke-width:2}.num-svg .nf-mark-ink{stroke:var(--text);stroke-width:2}.num-svg .nf-line-a{fill:none;stroke:var(--chart-a);stroke-width:2.5;stroke-linejoin:round}.num-svg .nf-threshold{stroke:var(--text);stroke-width:1;stroke-dasharray:3 3}.num-table summary{cursor:pointer;font-size:.88rem;color:var(--accent)}.fig-toggle{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.fig-toggle .btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);font-weight:700}.nf-legend{list-style:none;padding:0;margin:8px 0 0;font-size:.88rem;line-height:1.6}.nf-legend li{margin-bottom:2px}.nf-key{font-weight:700}.num-figure figcaption{font-size:.85rem;color:var(--muted);margin-top:6px}.answer-hero{font-size:1.45rem;font-weight:700;line-height:1.35;margin:4px 0 8px;color:var(--text)}.dict-filter{margin-top:14px}.dict-filter label{display:block;font-weight:700;margin-bottom:4px}.dict-filter input[type=search]{font:inherit;min-height:44px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);width:100%}.dict-filter .scenario-row{margin-top:10px}.dict-table tbody th{width:5.2em}.dict-table thead th:first-child{white-space:nowrap}.dict-table .dict-base{display:block;white-space:nowrap}.dict-table .dict-base+.dict-base{margin-top:4px}.dict-table tr[hidden]{display:none}@media(max-width:559px){.dict-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dict-table,.dict-table tbody{display:block}.dict-table tr{display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:2px;padding:10px 0;border-bottom:1px solid var(--border)}.dict-table tr>*{border:0;padding:0}.dict-table tbody th{width:auto;grid-column:1;grid-row:1}.dict-table tbody th .row-note{display:inline;margin-left:6px}.dict-table td.num{grid-column:2;grid-row:1 / span 2}.dict-table td:not(.num){grid-column:1;grid-row:2}.dict-table tr[hidden]{display:none}}.dict-family{padding-left:1.1rem}.dict-family li{margin:4px 0}.dict-top{padding-left:1.6rem;columns:1}.dict-top li{margin:6px 0}@media(min-width:720px){.dict-top{columns:2;column-gap:32px}.dict-top li{break-inside:avoid}}
