:root{--pri:#245ea8;--green:#245ea8;--pri-t:#eaf0fa;--focus:#245ea8;--hero-cta:#a9c8ef;--hero-cta-hover:#93b8e7;--hero-title:#b9d3f5;--data-low:#b5cae4;--data-medium:#c6dcf7;--data-high:#e0edff}:root[data-theme="dark"]{--pri:#9fbfec;--green:#9fbfec;--pri-t:#22364f;--focus:#b9d3f5}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--pri:#9fbfec;--green:#9fbfec;--pri-t:#22364f;--focus:#b9d3f5}}body{font-size:16px;line-height:1.6}nav .header-account{margin:0 0 0 auto;padding:0;border:0;background:none;max-width:none}.header-account .member-caption{display:none}.header-account>div{gap:6px}.header-account button{font-size:11px}.mini-search{position:sticky;top:62px;z-index:45;display:flex;gap:8px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:16px 0;box-shadow:0 4px 16px #00008}.mini-search[hidden]{display:none}.mini-search input{flex:1;min-width:0;border:0;background:var(--bg);border-radius:8px;padding:10px;font-size:14px}.mini-search select{border:0;background:var(--surface);font-size:12px;max-width:125px}.mini-search button{background:var(--pri);color:var(--surface);border:0;border-radius:8px;padding:10px 16px;font-size:13px;cursor:pointer}.hero-tabs{display:flex;gap:6px;padding:4px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:12px;margin:20px 0}.hero-tabs button{flex:1;border:0;background:transparent;color:#d3e0ef;padding:12px;border-radius:8px;font-size:14px;cursor:pointer}.hero-tabs button[aria-selected="true"]{background:#d5e4f8;color:#162b47;font-weight:800}#v-home .vin-privacy{font-size:11px;color:#bed0e2;margin:16px 0 0;text-align:left}#v-home .hbox h1 em{font-style:normal}#v-home .go{color:#102b48}#v-home .go:hover{color:#102b48}.home-recalls{margin:24px 0}#v-home .home-guide{margin:24px 0}.data-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:32px 0 16px}.data-overview-heading h2{font-size:23px;margin:0}.data-overview-heading .data-options{margin:0!important;max-width:420px}.data-options-body:after{display:none}#home-visualization{margin-bottom:18px}#v-home #hmap .hz[data-volume="low"] .hs rect,#v-home #hmap .hz[data-volume="low"] .hs path{fill:#29455f;stroke:#91b5de}#v-home #hmap .hz[data-volume="medium"] .hs rect,#v-home #hmap .hz[data-volume="medium"] .hs path{fill:#426c9c;stroke:#b4d1f4}#v-home #hmap .hz[data-volume="high"] .hs rect,#v-home #hmap .hz[data-volume="high"] .hs path{fill:#638fc3;stroke:#e0edff}.map-table-alternative{color:#d4e4f6;font-size:11px;text-align:left;margin-top:14px}.map-table-alternative summary{cursor:pointer;padding:8px 0}.map-table-alternative table{width:100%;border-collapse:collapse}.map-table-alternative th,.map-table-alternative td{padding:7px;border-bottom:1px solid #ffffff20;text-align:left}.vin-hit{border:1px solid #ce7373!important;background:var(--danger-bg)!important}.vin-hit h3{color:var(--danger)}.vin-no-match,.vin-unavailable{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.footer-top{grid-template-columns:1.4fr 1fr 1fr 1fr}.vin-location-guide{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.vin-location-guide>div{border:1px solid #ffffff20;border-radius:10px;padding:10px}.vin-location-guide svg{width:100%;max-height:100px;fill:none;stroke:#bdd2ed;stroke-width:2}.vin-location-guide .guide-highlight{fill:#638fc3;stroke:#e0edff}.vin-location-guide span{font-size:10px}.ocr-controls{display:flex;align-items:center;gap:10px;font-size:10px;text-align:left;color:#bed0e2;margin-top:12px}.ocr-label{cursor:pointer;border:1px solid #ffffff40;padding:8px 10px;border-radius:8px;white-space:nowrap}.ocr-controls[hidden]{display:none}#v-home [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1000px){nav .mark{font-size:16px;margin-right:10px}nav button.m{font-size:12px;padding:10px 8px}.header-account .kakao-entry{font-size:10px;padding:8px}.header-account [data-account="logout"]{display:none}}@media(max-width:700px){body>nav .wrap{justify-content:space-between}nav .mark{display:none}.recall-nav,body>nav .wrap>button.m{flex:1;min-width:0;font-size:10px}.header-account{position:fixed!important;top:10px;right:20px;z-index:70;box-shadow:0 2px 10px #0001;border-radius:8px!important;background:var(--surface)!important;padding:4px!important}.mini-search{top:8px;padding:8px;margin-top:12px;flex-wrap:wrap}.mini-search input{font-size:12px}.mini-search select{max-width:104px;font-size:10px}.mini-search button{font-size:11px;padding:8px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.data-overview-heading{display:block}.data-overview-heading h2{margin-bottom:12px}.data-overview-heading .data-options{max-width:none}.ocr-controls{flex-wrap:wrap}.hero-tabs button{font-size:12px}.trust-strip{padding-top:45px}}
.post-skeleton{height:140px;border-radius:12px;background:linear-gradient(110deg,var(--tint) 25%,var(--surface) 45%,var(--tint) 65%);background-size:200% 100%;animation:skeleton-loading 1.8s linear infinite}@keyframes skeleton-loading{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.post-skeleton{animation:none}}
.ocr-label{background:transparent;color:#d3e0ef;font:inherit;font-size:10px}.ocr-label:focus-visible{outline:3px solid white;outline-offset:3px}
.mobile-header{display:none}@media(max-width:700px){.mobile-header{display:flex;position:fixed;top:0;left:0;right:0;height:52px;background:var(--surface);border-bottom:1px solid var(--line);z-index:65;align-items:center;padding:0 20px}.mobile-header a{color:var(--ink);font-size:18px;font-weight:850;text-decoration:none}.mini-search{top:58px}}
.home-stat-summary{background:var(--brand-navy);padding:20px;border-radius:16px;margin-bottom:18px}#v-home .home-stat-summary .stats{margin:0}#v-home .home-stat-summary .home-data-state{margin-bottom:0}#v-home .hero2{padding:32px 42px}#v-home .hbox h1{font-size:42px}#v-home .hero-tabs{margin:14px 0}#v-home .hbox .lead{margin-bottom:18px}@media(max-width:700px){body>nav{-webkit-backdrop-filter:none;backdrop-filter:none}#v-home .hero2{padding:26px 20px}#v-home .hbox h1{font-size:32px}}
@media(max-width:700px){.mobile-header{z-index:55}}
