/* Hong Life US article pages (/us/live, /us/car) — layered on ../us.css */
.vz-b{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-weight:700}
.vz-s{font-family:"Pretendard Variable",Pretendard,system-ui,sans-serif;font-weight:600}
.crumb ol{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:4px 6px;font-size:12.5px;color:var(--muted)}
.crumb li+li:before{content:"›";margin-right:6px;color:#B8862B}
.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--accent);text-decoration:underline}
.art{color:#2F343B;font-size:15.5px;line-height:1.72}
.art+.art,.card+.art,.art+.card{margin-top:14px}
.art h2{font-size:clamp(18px,2.6vw,21px);line-height:1.35;margin:0 0 10px;color:#0B1F3F;letter-spacing:-.01em}
.art h3{font-size:16px;margin:16px 0 4px;color:#12305C}
.art p{margin:0 0 12px}.art p:last-child{margin-bottom:0}
.art ul,.art ol{margin:0 0 12px;padding-left:20px}.art li{margin:3px 0}
.art strong{color:#0B1F3F}
.answer{background:linear-gradient(135deg,#FFF6E1,#fff 70%);border:1px solid #E8D3A8;border-left:5px solid #B8862B;border-radius:14px;padding:16px 18px;margin-bottom:14px;color:#2F343B;font-size:16px;line-height:1.7}
.answer .v{display:inline-block;font:700 11.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:3px 8px;margin-bottom:8px;color:#fff;background:#12305C}
.answer .v.t0{background:#C2413A}.answer .v.t1{background:#B8862B}.answer .v.t2{background:#2E7D5B}.answer .v.t3{background:#12305C}.answer .v.t4{background:#5B3FA8}
.answer p{margin:0}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
@media(max-width:700px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpis div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 12px;min-width:0}
.kpis span{display:block;font-size:12px;color:var(--muted);font-weight:700}
.kpis b{display:block;font:700 clamp(17px,4.4vw,22px)/1.2 var(--mono);color:#12305C;margin-top:3px;overflow-wrap:anywhere}
.kpis em{display:block;font-style:normal;font-size:11.5px;color:var(--muted)}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:6px 0 12px}
.art table{width:100%;border-collapse:collapse;font-size:14px}
.art th,.art td{padding:8px 7px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.art td{font-family:var(--mono);font-size:13.5px}
.art th{color:var(--muted);font-size:12.5px;font-weight:700;background:#F7F8FB}
.art th:first-child,.art td:first-child{text-align:left;font-family:inherit;white-space:normal}
.art tr.hl td{background:#FFF6E3;font-weight:700}
.art tr.tot td{font-weight:800;border-top:2px solid #12305C}
.art td a{color:#12305C;font-weight:600}
.src{font-size:12.5px;color:var(--muted);line-height:1.55}
.src li{margin:3px 0}
.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#0B1F3F,#12305C);color:#fff;border-radius:14px;padding:18px;margin:14px 0}
.cta p{margin:0;max-width:60ch;color:#DCE5F5;font-size:14.5px}.cta p b{color:#F2C46B;display:block;font-size:17px;margin-bottom:2px}
.cta .btns{display:flex;flex-wrap:wrap;gap:8px}
.cta a{display:inline-block;background:#C9A04A;color:#0B1F3F;font-weight:800;text-decoration:none;border-radius:10px;padding:11px 16px;white-space:nowrap}
.cta a.alt{background:#fff;color:#12305C}
.cta a:hover{filter:brightness(1.06)}
.dn{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;margin:8px 0 6px}
.dn svg{flex:0 0 180px;width:180px;height:auto;display:block}
.dn ul{flex:1 1 230px;list-style:none;margin:0;padding:0;min-width:0}
.dn li{display:grid;grid-template-columns:12px 1fr auto auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.dn li:last-child{border-bottom:0}
.dn li i{width:12px;height:12px;border-radius:4px}
.dn li b{font:700 13.5px var(--mono);text-align:right}
.dn li em{font:600 12px var(--mono);font-style:normal;color:var(--muted);min-width:36px;text-align:right}
svg.hb,svg.ch{display:block;width:100%;max-width:640px;height:auto;margin:8px auto 6px}
.cap{font-size:12.5px;color:var(--muted);margin:4px 0 12px}
.faq details{border:1px solid var(--line);border-radius:12px;padding:0 14px;margin:8px 0;background:#fff}
.faq summary{cursor:pointer;font-weight:700;color:#12305C;padding:12px 0;list-style-position:outside}
.faq details p{margin:0 0 12px}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px;margin:6px 0 4px;padding:0;list-style:none}
.rel li{margin:0}
.rel a{display:block;height:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#F7F8FB;text-decoration:none;color:#12305C;font-weight:700;font-size:14px;line-height:1.4}
.rel a span{display:block;font-weight:500;color:var(--muted);font-size:12.5px;margin-top:2px}
.rel a:hover{border-color:#B8862B;background:#FBF7EE}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.chips a{font:600 13px var(--mono);text-decoration:none;color:#12305C;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:5px 9px}
.chips a:hover{border-color:#B8862B}
.chips a[aria-current]{background:#12305C;color:#fff;border-color:#12305C}
.chips.tx a{font-family:inherit}
.note-box{background:#F7F8FB;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;margin:8px 0 12px}
.hubgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.hubgrid .card h3{margin:0 0 6px;font-size:16px}.hubgrid .card h3 a{color:#0B1F3F;text-decoration:none}
.hubgrid .card p{margin:0 0 8px;font-size:13.5px;color:var(--muted)}
.calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:640px){.calc{grid-template-columns:1fr}}
.calc label{display:grid;gap:4px;font-size:13px;font-weight:700;color:var(--muted)}
.res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
@media(max-width:640px){.res{grid-template-columns:1fr}}
.res div{background:#0B1F3F;color:#fff;border-radius:12px;padding:12px 14px}
.res span{display:block;font-size:12px;color:#C9D5EE;font-weight:700}
.res b{display:block;font:700 22px/1.2 var(--mono);color:#F2C46B;margin-top:2px}
