/*
Theme Name: UsedCar2 Buyer Guide
Author: Car Info Lab
Description: 예산별 중고차 추천, 시세, 유지비·취득세·할부 계산기, 매매사이트 비교, 구매 가이드를 제공하는 수익화형 중고차 정보 사이트.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: usedcar2
*/
*{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#bd7b18;--red:#bd3b35;--max:1180px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{margin:0 auto}
.tnum{font-variant-numeric:tabular-nums}
.topbar{color:#b7c1ce}
.topbar .container{display:flex;align-items:center;gap:18px}
.site-header{top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;white-space:nowrap;flex:0 0 auto}
.logo-mark{display:grid;place-items:center;color:#fff;font-weight:900}
.nav{display:flex;align-items:center;justify-content:flex-end;min-width:0;flex:1}
.nav a{white-space:nowrap;word-break:keep-all;line-height:1.2}
.nav-toggle{display:none}
.hero{color:#fff}
.hero-grid{display:grid}
.eyebrow{text-transform:uppercase}
.quick-search{display:flex}
.quick-search input{flex:1;border:0;outline:0;padding:0 14px}
.quick-search button,.btn{border:0;color:#fff;padding:12px 19px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.quick-pills{display:flex;flex-wrap:wrap}
.hero-panel h2{margin-bottom:12px}
.mini-calc{display:grid}
.mini-calc label{display:grid;gap:5px;font-size:13px}
.mini-calc input,.mini-calc select{border:1px solid rgba(255,255,255,.2);padding:0 10px;background:#fff;color:var(--ink)}
.calc-result{margin-top:12px;color:var(--ink)}
.section.white{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;gap:18px}
.section-head h2{font-size:23px;letter-spacing:0}
.more{font-weight:800}
.grid{display:grid}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--white);border:1px solid var(--line)}
.budget-card{display:flex;flex-direction:column;justify-content:center}
.budget-card strong{display:block;line-height:1.25;margin-bottom:10px;word-break:keep-all}
.budget-card span{line-height:1.6;word-break:keep-all}
.badge{display:inline-flex;align-items:center;font-weight:800}
.car-art{place-items:center;border-bottom:1px solid var(--line);font-size:46px}
.meta{color:var(--muted)}
.price-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.price{font-weight:900}
.tool-card h3,.guide-card h3{margin:8px 0 7px}
.tool-card p,.guide-card p,.dealer-card p{color:var(--muted)}
.icon{display:grid;place-items:center;font-weight:900}
.dealer-card{display:grid;grid-template-columns:auto 1fr;align-items:start}
.rank{color:#fff;display:grid;place-items:center;font-weight:900}
.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.article{background:#fff;border:1px solid var(--line)}
.article h1{line-height:1.25;margin-bottom:10px}
.article h2{margin:28px 0 10px;padding-left:11px}
.article h3{font-size:17px;margin:18px 0 7px}
.article p,.article li{color:#334155}
.article ul{padding-left:20px}
.notice{border:1px solid #f1d49a;padding:13px;margin:18px 0}
.sidebox{position:sticky;top:84px;border:1px solid var(--line);padding:18px}
.sidebox h3{margin-bottom:10px}
.sidebox a{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:6px;padding:10px 12px;margin-top:8px;font-weight:800}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;min-width:720px}
th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
th{font-size:13px}
.num{text-align:right}
.filterbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.filterbar a,.filterbar button{border:1px solid var(--line);color:var(--muted);font-weight:800;cursor:pointer}
.filterbar .active{color:#fff}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.form-grid label{display:grid;gap:5px;font-weight:800;font-size:13px}
.form-grid input,.form-grid select,textarea{border:1px solid var(--line);border-radius:6px;padding:10px;font:inherit;background:#fff}
.result-box{margin-top:16px;border:1px solid #b9dfd2;border-radius:8px;padding:18px}
.result-box strong{font-size:26px;color:var(--green)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px;margin-bottom:9px}
.faq summary{font-weight:900;cursor:pointer}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.site-footer strong{color:#fff}
.small{font-size:12.5px;color:#7f8da0}
@media(max-width:1120px){
  .logo{font-size:19px}
  .nav{gap:12px;font-size:13px}
  .nav .cta{padding:8px 11px}
}
@media(max-width:960px){
  .hero-grid,.content-wrap,.grid-4,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}
  .hero h1{font-size:30px}
  .nav{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;border-bottom:1px solid var(--line);padding:16px;width:100%;flex-direction:column;align-items:flex-start}
  .nav.open{display:flex}
  .nav-toggle{display:block;border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 10px}
  .quick-search{flex-direction:column}
  .quick-search input{height:46px}
  .form-grid{grid-template-columns:1fr}
  .sidebox{position:static}
}
/* ===== Polished UI pass ===== */
body{letter-spacing:0}
.topbar{font-size:13px}
.topbar a{font-weight:700}
.topbar a:hover{color:#fff}
.header-inner{gap:24px}
.logo{font-weight:900}
.nav{font-weight:800}
.nav .cta{color:#fff}
.nav .cta:hover{background:var(--blue-d);color:#fff}
.hero h1{word-break:keep-all}
.hero p{word-break:keep-all}
.quick-search input{font-size:16px}
.quick-search button,.btn{min-height:44px;font-size:15px;background:var(--blue)}
.quick-search button:hover,.btn:hover{background:var(--blue-d)}
.quick-pills a{border-color:rgba(255,255,255,.24)}
.hero-panel{color:var(--ink)}
.hero-panel h2{color:#111827}
.mini-calc label{color:#475467;font-weight:800}
.mini-calc input,.mini-calc select{height:44px;border-color:#d0d5dd}
.section-head p{font-size:15px;line-height:1.65;word-break:keep-all}
.more{font-size:14px}
.card{border-color:#e5e7eb}
.budget-card{align-items:flex-start}
.budget-card strong{color:var(--blue-d)}
.budget-card span{font-size:14.5px;color:#667085}
.badge{padding:4px 10px;font-size:12px}
.car-art{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:18px;color:#173f7d}
.car-art span{font-size:13px;font-weight:800;color:#667085}
.car-art strong{line-height:1.2}
.car-body{padding:18px}
.car-body h3{line-height:1.35;margin:8px 0 4px;word-break:keep-all}
.meta{font-size:13.5px}
.price-row{font-size:13.5px;color:#667085}
.price{font-size:18px}
.icon{width:40px;height:40px}
.tool-card h3,.guide-card h3{font-size:18px;line-height:1.35;word-break:keep-all}
.tool-card p,.guide-card p,.dealer-card p{font-size:14.5px;line-height:1.65;word-break:keep-all}
.dealer-card{gap:14px}
.rank{width:34px;height:34px}
.dealer-card h3{font-size:17px;margin-bottom:4px}
.article{border-color:#e5e7eb;border-radius:12px;padding:32px}
.article h1{word-break:keep-all}
.article h2{font-size:22px;margin-top:32px}
.article p,.article li{font-size:16px;line-height:1.8}
.notice{border-radius:10px;font-size:14.5px;line-height:1.7}
.sidebox{border-radius:12px;box-shadow:var(--shadow-sm)}
.table-wrap{border-radius:10px}
th,td{font-size:14.5px;padding:13px 15px}
.filterbar a,.filterbar button{font-size:14px;padding:8px 14px}
.site-footer{margin-top:0}
@media(max-width:1120px){
  .logo{font-size:21px}
  .nav{gap:6px;font-size:14px}
  .nav a{padding:9px 8px}
  .nav .cta{padding:10px 12px}
  .hero-grid{grid-template-columns:minmax(0,1fr) 330px}
}
@media(max-width:980px){
  .header-inner{min-height:66px}
  .logo{font-size:21px}
  .nav-toggle{font-weight:800}
  .hero{padding:48px 0 36px}
  .hero-grid{grid-template-columns:1fr}
  .hero h1{font-size:32px}
  .section{padding:42px 0}
  .grid-4,.grid-3,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-wrap{grid-template-columns:1fr}
  .nav{top:66px}
}
@media(max-width:640px){
  body{font-size:15px}
  .container{width:min(100% - 28px,1160px)}
  .topbar .container{justify-content:center}
  .topbar span{display:none}
  .logo{font-size:19px}
  .logo-mark{width:34px;height:34px}
  .hero h1{font-size:28px}
  .hero p{font-size:15.5px}
  .grid-4,.grid-3,.grid-2{grid-template-columns:1fr}
  .section-head{display:block}
  .section-head .more{display:inline-block;margin-top:8px}
  .article{padding:24px}
  .article h1{font-size:27px}
  .quick-search{flex-direction:column}
  .quick-search input{height:46px}
  .budget-card{min-height:auto}
}
/* ===== Refined automotive information UI ===== */
:root{--r:8px}
html{scroll-behavior:smooth}
body{font-size:16px;line-height:1.7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(24,95,165,.28);outline-offset:3px}
.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}
.skip-link{position:fixed;left:14px;top:-60px;z-index:999;background:#fff;color:var(--navy);padding:10px 14px;border-radius:6px;font-weight:800;box-shadow:var(--shadow)}
.skip-link:focus{top:14px}
.topbar{border-bottom:1px solid rgba(255,255,255,.08)}
.topbar .container{justify-content:space-between}
.site-header{position:sticky;box-shadow:none}
.logo{color:#18212b}
.logo-mark{box-shadow:none}
.nav .cta{box-shadow:none}
.nav-toggle{border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:20px;line-height:1}
.hero{position:relative;isolation:isolate;background:#121a22 url("assets/hero-inspection.webp") center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;z-index:-1}
.hero-grid{align-items:end}
.eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:0;font-weight:900}
.eyebrow::before{content:""}
.hero h1{letter-spacing:0}
.quick-search input{min-width:0}
.quick-search button,.btn{border-radius:6px;box-shadow:none}
.section-head{align-items:end}
.section-head h1,.section-head h2{letter-spacing:0}
.section-head p{max-width:720px}
.section-kicker{display:block;margin-bottom:7px;font-size:12px;font-weight:900}
.more{padding-bottom:2px;border-bottom:1px solid currentColor}
.grid{gap:16px}
.card{border-radius:8px;padding:20px;box-shadow:none;transition:border-color .16s,box-shadow .16s,transform .16s}
.card:hover{transform:translateY(-2px)}
.budget-card{position:relative;overflow:hidden;min-height:138px;padding-top:24px}
.budget-card::before{content:"";position:absolute;left:0;top:0;width:100%}
.budget-card strong{font-size:20px;letter-spacing:0}
.car-card{border-radius:8px}
.car-art{height:112px;background:#eef3f5;border-bottom-color:#dde5e9}
.car-art strong{font-size:20px;color:#1e4d75}
.car-body h3{font-size:17px;letter-spacing:0}
.badge{border-radius:4px}
.icon{border-radius:6px}
.rank{border-radius:6px}
.article,.sidebox,.table-wrap,.notice,.result-box,.faq details{border-radius:8px}
.article{box-shadow:none}
.article h1{font-size:31px;letter-spacing:0}
.article h2{border-left:3px solid var(--green);letter-spacing:0}
.table-link{color:var(--blue-d);text-decoration:underline;text-decoration-color:#bfd1df;text-underline-offset:3px}
.filterbar a,.filterbar button{border-radius:6px}
.intro-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:56px;align-items:start}
.seo-intro{border-top:1px solid #dce5e8}
.seo-intro h2{margin-bottom:10px}
.seo-intro p{max-width:750px;color:#44525f}
.seo-intro p a{color:var(--blue-d);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.trust-list{display:grid;border-top:1px solid #cad6da}
.trust-list span{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #cad6da;font-weight:800}
.trust-list b{color:var(--green);font-size:13px}
.search-results h2{font-size:18px;line-height:1.4;margin:9px 0 7px}
.empty-state{padding:50px 24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:8px}
.empty-state p{margin:8px 0 18px;color:var(--muted)}
@media(max-width:1100px){
  .logo{font-size:19px}
  .nav{font-size:13px}
  .nav a{padding:9px 7px}
  .hero-grid{grid-template-columns:minmax(0,1fr) 320px}
}
@media(max-width:980px){
  .container{width:min(100% - 36px,1180px)}
  .nav{top:66px;padding:14px 18px;gap:2px;box-shadow:0 12px 24px rgba(20,32,43,.1)}
  .nav a{width:100%;padding:12px 10px}
  .nav .cta{margin:5px 0 0;text-align:center}
  .hero{min-height:auto;padding:50px 0 38px;background-position:62% center}
  .hero::before{background:rgba(12,20,28,.84)}
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-panel{max-width:560px}
  .intro-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:640px){
  .container{width:min(100% - 28px,1180px)}
  .topbar .container{justify-content:flex-end}
  .logo{font-size:17px}
  .logo-mark{width:34px;height:34px}
  .hero{padding:42px 0 30px;background-position:68% center}
  .hero h1{font-size:29px;line-height:1.28}
  .hero p{font-size:15px}
  .quick-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-pills a{text-align:center}
  .section{padding:40px 0}
  .section-head h1,.section-head h2{font-size:23px}
  .article{padding:21px}
  .article h1{font-size:26px}
  .footer-grid{gap:26px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .card{transition:none}
}
/* ===== Decision tools and editorial trust ===== */
.article-byline{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:16px;color:var(--muted);font-size:13px}
.lead{font-size:17px!important;line-height:1.75!important;color:#43515e!important}
.trust-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:1px;margin:22px 0;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.trust-panel>div,.trust-panel>a{display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:13px 16px;background:#f8fafb}
.trust-panel span{font-size:12px;color:var(--muted)}
.trust-panel strong{margin-top:3px;font-size:16px}
.trust-panel>a{align-items:center;color:var(--blue-d);font-weight:800}
.spec-table table{min-width:620px}
.cost-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:14px 0;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.cost-summary>div{display:flex;flex-direction:column;min-height:92px;padding:16px;background:#f7faf9}
.cost-summary span{font-size:12px;color:var(--muted)}
.cost-summary strong{margin-top:auto;font-size:18px;color:var(--green)}
.source-box{margin-top:30px;padding:18px;border:1px solid #cbd8dd;border-radius:8px}
.source-box strong{font-size:15px}
.source-box p{margin:5px 0!important;font-size:14px!important}
.source-box a{color:var(--blue-d);font-size:13px;font-weight:800}
.side-heading{margin-top:24px}
.compare-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.compare-picker label,.valuation-form label,.archive-filters label{display:grid;gap:6px;color:#465461;font-size:13px;font-weight:800}
.compare-picker select,.valuation-form select,.valuation-form input,.archive-filters select{width:100%;height:44px;border:1px solid #cbd5dc;border-radius:6px;background:#fff;padding:0 11px;color:var(--ink)}
.compare-table table{min-width:850px}
.compare-table th:not(:first-child){min-width:220px}
.compare-table thead a{color:var(--blue-d);text-decoration:underline;text-underline-offset:3px}
.valuation-form{display:grid;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.valuation-form>.btn{justify-self:start}
.valuation-alert{margin-top:10px;color:#9a3412!important;font-weight:700}
.valuation-ok{margin-top:10px;color:var(--green)!important;font-weight:700}
.checklist-progress{display:grid;grid-template-columns:auto auto;justify-content:space-between;gap:8px;margin-bottom:18px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:8px}
.checklist-progress>div{grid-column:1/-1;height:8px;background:#e7edef;border-radius:4px;overflow:hidden}
.checklist-progress i{display:block;width:0;height:100%;background:var(--green);transition:width .2s}
.checklist-groups .card:hover{transform:none;box-shadow:none}
.checklist-groups h2{font-size:18px;margin-bottom:10px}
.check-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid #edf0f2;cursor:pointer}
.check-item input{width:18px;height:18px;margin-top:3px;accent-color:var(--green)}
.archive-filters{display:grid;align-items:end;margin-bottom:16px;padding:16px;border:1px solid #dce4e8;border-radius:8px}
.archive-filters .btn{min-height:44px}
.filter-reset{display:flex;align-items:center;justify-content:center;height:44px;color:var(--muted);font-size:13px;font-weight:800}
.topic-copy{margin-bottom:20px}
.topic-copy+.topic-cars{margin-bottom:20px}
.topic-cars .car-body h2{font-size:17px;line-height:1.35;margin:8px 0 4px}
.notice a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.ad-slot{width:min(1180px,calc(100% - 48px));min-height:120px;margin:26px auto;padding:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f9fafb;text-align:center}
.ad-slot>span{display:block;margin-bottom:8px;color:#89939d;font-size:11px}
.honeypot{position:absolute!important;left:-9999px!important}
.full-label{display:grid;gap:6px;margin-top:14px;font-size:13px;font-weight:800}
.full-label+button{margin-top:14px}
.contact-privacy{margin-top:12px}
.article form{margin-top:22px}
@media(max-width:980px){
  .cost-summary{grid-template-columns:repeat(2,1fr)}
  .archive-filters{grid-template-columns:repeat(2,1fr)}
  .content-wrap{grid-template-columns:minmax(0,1fr)}
  .content-wrap>*{min-width:0}
}
@media(max-width:700px){
  .trust-panel{grid-template-columns:1fr 1fr}
  .trust-panel>a{grid-column:1/-1;min-height:50px}
  .compare-picker{grid-template-columns:1fr}
  .archive-filters{grid-template-columns:1fr 1fr}
  .archive-filters .btn,.filter-reset{grid-column:auto}
}
@media(max-width:480px){
  .cost-summary{grid-template-columns:1fr 1fr}
  .cost-summary>div{min-height:82px;padding:13px}
  .archive-filters{grid-template-columns:1fr}
  .archive-filters .btn,.filter-reset{grid-column:1}
}
@media print{
  .topbar,.site-header,.site-footer,.checklist-print,.notice{display:none!important}
  body{background:#fff}
  .section{padding:0}
  .checklist-groups{grid-template-columns:repeat(2,1fr)!important}
  .card{break-inside:avoid}
}
/* ===== Licensed vehicle photography ===== */
.car-media{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line)}
.car-photo{display:block;width:100%;height:100%;object-fit:cover}
.car-detail-media{margin:22px 0}
.car-photo-detail{aspect-ratio:16/9;border-radius:8px;background:#e8edef}
.car-detail-media figcaption{margin-top:7px;text-align:right;font-size:12px;color:var(--muted)}
.car-detail-media figcaption a{text-decoration:underline;text-underline-offset:2px}
.car-thumb-head{width:96px}
.table-thumb{width:96px;padding:7px 10px}
.car-photo-table{width:76px;height:46px;border-radius:5px;background:#e8edef}
.credit-list{display:grid;gap:0;margin:22px 0;border-top:1px solid var(--line)}
.credit-item{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr);gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}
.credit-item h2{margin:0!important;border:0!important;padding:0!important;font-size:17px!important}
.credit-item p{margin:3px 0!important;font-size:13px!important}
.credit-item a{font-weight:800;text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){
  .credit-item{grid-template-columns:1fr;gap:5px}
}
/* ===== Final contrast and calculator usability pass ===== */
.nav-toggle{width:44px;height:44px}
.car-body,.credit-item{background:#fff}
.price-row,.credit-list,.credit-item{border-color:#d3dbe0}
.form-grid>*{min-width:0}
.form-grid input,.form-grid select,textarea,.compare-picker select,.valuation-form select,.valuation-form input,.archive-filters select{width:100%;min-width:0;color:#14232d}
.form-grid input:focus,.form-grid select:focus,textarea:focus,.compare-picker select:focus,.valuation-form select:focus,.valuation-form input:focus,.archive-filters select:focus{background:#fff;border-color:var(--blue);outline:3px solid rgba(21,95,145,.16);outline-offset:0}
.calculator-grid{display:grid;grid-template-columns:minmax(0,1fr)}
.calculator-card{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-areas:"intro fields" "action fields" "result result";gap:0 28px;min-width:0;overflow:hidden;background:#fff;border:1px solid #b9c5cc}
.calculator-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--green)}
.calculator-intro{grid-area:intro}
.calculator-intro>span{display:block;font-size:12px;font-weight:900}
.calculator-intro h2{margin:5px 0 7px;line-height:1.35}
.calculator-intro p{min-height:48px;font-size:13px;line-height:1.6}
.calculator-action{grid-area:action}
.calculator-action .btn{width:100%;min-height:46px}
.calculator-card>.form-grid{grid-area:fields;align-self:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.calculator-card[data-calc="maintenance"]>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.calculator-card .form-grid label{position:relative;gap:6px;font-size:13px}
.calculator-card .form-grid label>span{position:absolute;right:0;top:0;font-size:11px;font-weight:700}
.calculator-card .form-grid input,.calculator-card .form-grid select{padding:0 12px}
.calculator-card>.result-box{grid-area:result;margin:0;border-width:1px 0 0;border-radius:0}
.calculator-note h2{margin-bottom:7px}
.calculator-note p{max-width:1000px;font-size:14px;line-height:1.75}
.calculator-note p+p{margin-top:4px}
@media(max-width:900px){
  .calculator-card{grid-template-columns:210px minmax(0,1fr);gap:0 20px}
  .calculator-card[data-calc="maintenance"]>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .calculator-page{padding-top:34px}
  .calculator-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "fields" "action" "result"}
  .calculator-intro{padding:21px;border-right:0;border-bottom:1px solid #c7d1d6}
  .calculator-intro p{min-height:0}
  .calculator-card>.form-grid,.calculator-card[data-calc="maintenance"]>.form-grid{padding:20px;grid-template-columns:minmax(0,1fr)}
  .calculator-action{padding:0 20px 20px;background:#fff;border-right:0}
  .calculator-action .btn{width:100%}
  .calculator-note{padding:20px}
}
/* ===== Quiet premium refinement ===== */
:root{--faint:#87929a;--white:#fff;--shadow-sm:0 1px 3px rgba(22,34,42,.05)}
.site-header{border-bottom:1px solid #d9dee2}
.section-head h1,.section-head h2{color:#17242c}
.card,.article,.sidebox,.table-wrap,.faq details{background:#fff;box-shadow:0 1px 3px rgba(22,34,42,.04)}
.card:hover{border-color:#bcc7cd;box-shadow:0 10px 25px rgba(22,34,42,.08)}
.budget-card::before{height:2px;background:#287568}
.tool-card,.guide-card{background:#fff}
.icon{background:#edf4f2;color:#287568}
.rank{background:#244b5a}
.badge{background:#edf3f5;color:#24576a}
.car-media{background:#e5e9eb;border-bottom-color:#d9dfe2}
.price{color:#287568}
.table-wrap{box-shadow:0 3px 12px rgba(22,34,42,.05)}
th{border-bottom-color:#d2dade}
td{border-bottom-color:#e0e5e8}
.archive-filters{background:#f7f9f9;border-color:#d4dce0}
.filterbar a,.filterbar button{background:#fff;border-color:#d2d9dd}
.trust-panel,.cost-summary{border-color:#d7dfe2;background:#d7dfe2}
.trust-panel>div,.trust-panel>a,.cost-summary>div{background:#fafbfb}
.form-grid input,.form-grid select,textarea,.compare-picker select,.valuation-form select,.valuation-form input,.archive-filters select{background:#fff;border-color:#c5cfd4}
.site-footer{border-top:0}
.calculator-page{padding-top:48px}
.calculator-page .section-head{padding-bottom:0;border-bottom:0;margin-bottom:25px}
.calculator-grid{gap:14px}
.calculator-card{border-radius:7px;box-shadow:0 4px 15px rgba(22,34,42,.055)}
.calculator-card::before{display:none}
.calculator-intro{padding:25px 22px 10px 26px;background:#fff;border-right:0}
.calculator-intro>span{color:#287568;letter-spacing:0}
.calculator-intro h2{font-size:20px;color:#18252d}
.calculator-intro p{color:#69767e}
.calculator-action{padding:7px 22px 25px 26px;background:#fff;border-right:0}
.calculator-action .btn{border-radius:5px;background:#1c6576}
.calculator-card>.form-grid{margin:14px 14px 14px 0;padding:20px 21px;border-left:1px solid #e0e5e7;border-radius:6px}
.calculator-card .form-grid label{color:#35464f}
.calculator-card .form-grid label>span{color:#7a858d}
.calculator-card .form-grid input,.calculator-card .form-grid select{height:45px;background:#fff;border-color:#c9d2d7;border-radius:5px}
.calculator-card>.result-box{background:#f1f6f4;border-color:#d5e3df;padding:16px 24px}
.calculator-card>.result-box strong{color:#287568}
.calculator-note{margin-top:24px;padding:20px 0;background:transparent;color:#44545d;border:0;border-top:1px solid #ccd5d9;border-radius:0}
.calculator-note h2{color:#24343d;font-size:17px}
.calculator-note p{color:#64717a}
@media(max-width:700px){
  .calculator-page{padding-top:35px}
  .calculator-intro{padding:22px 21px 13px;border-bottom:0}
  .calculator-card>.form-grid,.calculator-card[data-calc="maintenance"]>.form-grid{margin:0 14px;padding:18px;background:#f6f8f8;border:0;border-radius:6px}
  .calculator-action{padding:14px 14px 20px;background:#fff}
  .calculator-note{padding:18px 0}
}
@media(min-width:981px){
  .calculator-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
  .calculator-card{display:flex;flex-direction:column;min-width:0}
  .calculator-intro{min-height:145px;padding:23px 22px 14px;border-bottom:0}
  .calculator-action{order:3;margin-top:auto;padding:16px;border-top:1px solid #e1e6e8}
  .calculator-card>.form-grid,
  .calculator-card[data-calc="maintenance"]>.form-grid{order:2;align-self:stretch;margin:0 14px;padding:17px;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;border:0}
  .calculator-card>.result-box{order:4;margin:0 14px 14px;padding:15px 16px;border:1px solid #d5e3df;border-radius:5px}
}
/* ===== Detailed decision information ===== */
.decision-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:14px 0 24px;background:#d9e0e3;border:1px solid #d9e0e3;border-radius:7px;overflow:hidden}
.decision-summary>div{min-width:0;padding:17px 18px;background:#f8faf9}
.decision-summary span{display:block;color:var(--muted);font-size:12px}
.decision-summary strong{display:block;margin-top:4px;color:#1b554f;font-size:18px;line-height:1.45;word-break:keep-all}
.decision-summary p{margin-top:3px!important;color:#77838b!important;font-size:12px!important;line-height:1.5!important}
.price-matrix table{min-width:760px}
.price-matrix td{font-variant-numeric:tabular-nums}
.condition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 24px}
.condition-grid>div{padding:16px;background:#f7f9f9;border:1px solid #d9e0e3;border-radius:7px}
.condition-grid strong,.condition-grid span{display:block}
.condition-grid span{margin:4px 0;color:var(--green);font-size:13px;font-weight:900}
.condition-grid p{font-size:13px!important;line-height:1.65!important}
.inspection-steps{margin-top:12px;padding:14px 18px 14px 38px!important;background:#f6f8f8;border:1px solid #dce2e5;border-radius:7px}
.inspection-steps li+li{margin-top:5px}
.source-box p+p{padding-top:7px;border-top:1px solid #d8e1e2}
.calc-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 13px;margin:12px 0;padding-top:11px;border-top:1px solid #d5e1dd}
.calc-breakdown span{display:flex;justify-content:space-between;gap:8px;color:#40515a;font-size:12px}
.calc-breakdown b{color:#6d7981;font-weight:700}
.calc-error{color:#9a3412!important;font-weight:800}
.valuation-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}
.valuation-breakdown span{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;background:#f8faf9;border:1px solid #d9e1e3;border-radius:5px;font-size:13px}
.valuation-breakdown b{color:#52616a}
.compare-table td{min-width:220px;white-space:normal;vertical-align:top;line-height:1.6}
.compare-table tbody th{position:sticky;left:0;z-index:1;background:#f0f3f4}
.archive-filters{grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}
.archive-filters input{width:100%;height:44px;min-width:0;padding:0 11px;background:#fff;border:1px solid #c5cfd4;border-radius:6px;color:var(--ink)}
.archive-filters input:focus{border-color:var(--blue);outline:3px solid rgba(28,101,118,.14);outline-offset:0}
@media(max-width:760px){
  .decision-summary,.condition-grid{grid-template-columns:1fr}
  .condition-grid{gap:8px}
  .valuation-breakdown,.calc-breakdown{grid-template-columns:1fr}
}
@media(max-width:980px){
  .archive-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .archive-filters{grid-template-columns:minmax(0,1fr)}
}
/* ===== Full-bleed vehicle cards ===== */
.car-card{position:relative;isolation:isolate;display:flex;min-height:310px;padding:0;align-items:stretch;justify-content:flex-end;overflow:hidden;background:#1b292f;border-color:#cbd4d8}
.car-card .car-media,.car-card .car-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;border:0}
.car-card .car-photo{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}
.car-card .car-art{align-items:flex-start;justify-content:flex-start;padding:20px;background:#2a3b43;color:#fff}
.car-card .car-art span,.car-card .car-art strong{color:#fff}
.car-card .car-body{display:flex;flex-direction:column;justify-content:flex-end;width:100%;min-height:100%;padding:118px 17px 16px;color:#fff;background:linear-gradient(180deg,rgba(12,22,28,0) 18%,rgba(12,22,28,.38) 44%,rgba(12,22,28,.94) 78%,rgba(12,22,28,.98) 100%)}
.car-card .badge{align-self:flex-start;background:rgba(255,255,255,.92);color:#254b59}
.car-card .car-body h2,.car-card .car-body h3{margin:8px 0 3px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.car-card .meta{color:#d9e2e6}
.car-card .price-row{margin-top:10px;padding-top:10px;border-top-color:rgba(255,255,255,.23);color:#dce5e8}
.car-card .price{color:#fff}
.car-card:hover .car-photo{transform:scale(1.025)}
.car-card:hover{border-color:#9caeb6;box-shadow:0 14px 30px rgba(15,28,35,.18)}
@media(max-width:640px){
  .car-card{min-height:330px}
  .car-card .car-body{padding:135px 18px 17px}
}
@media(prefers-reduced-motion:reduce){
  .car-card .car-photo{transition:none}
  .car-card:hover .car-photo{transform:none}
}
/* ===== Modern automotive editorial system ===== */
:root{--soft:#f3f5f5;--accent:#d7ff52;--shadow:0 18px 44px rgba(11,23,29,.1)}
.container{width:min(100% - 48px,1200px)}
.topbar{background:#0b171d;border:0}
.topbar .container{height:29px;color:#9eacb2}
.topbar a{color:#c8d0d3}
.site-header{backdrop-filter:blur(18px)}
.header-inner{min-height:72px}
.logo{gap:10px;font-size:21px;letter-spacing:0}
.logo-mark{width:38px;height:38px;border-radius:5px;font-size:14px;letter-spacing:.03em}
.nav{gap:1px;font-size:13.5px}
.nav a{position:relative;padding:11px 10px;border-radius:0;color:#39474d}
.nav a:not(.cta)::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;background:#166979;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.nav a:hover{background:transparent;color:#0f5362}
.nav a:hover::after,.nav a.current::after{transform:scaleX(1)}
.nav a.current{color:#0f5362}
.nav .cta{margin-left:8px;padding:11px 15px;border-radius:5px;background:#123e46}
.nav .cta:hover,.nav .cta.current{background:#0b2e35}
.hero{min-height:590px;padding:76px 0 54px;background-position:center 52%}
.hero::before{background:linear-gradient(90deg,rgba(7,17,23,.98) 0%,rgba(7,17,23,.91) 39%,rgba(7,17,23,.47) 68%,rgba(7,17,23,.13) 100%)}
.hero-grid{grid-template-columns:minmax(0,1fr) 352px;gap:56px}
.eyebrow{color:#b9f4e8;font-size:12px}
.eyebrow::before{width:28px;height:1px;background:#d7ff52}
.hero h1{max-width:720px;margin:17px 0 18px;font-size:47px;line-height:1.18;font-weight:900}
.hero p{max-width:690px;color:#d7dfe2;font-size:16px;line-height:1.8}
.quick-search{max-width:690px;margin-top:27px;padding:5px;border-radius:5px;background:#fff;box-shadow:0 18px 44px rgba(0,0,0,.26)}
.quick-search input{height:52px;padding-left:17px;border-radius:3px}
.quick-search button{min-height:48px;border-radius:3px;background:#155d6b}
.quick-pills{gap:7px;margin-top:13px}
.quick-pills a{padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:3px;background:rgba(9,23,29,.42);color:#e9eff1;font-size:12px}
.quick-pills a:hover{border-color:rgba(215,255,82,.7);background:rgba(9,23,29,.72)}
.hero-panel{padding:23px;border:1px solid rgba(255,255,255,.56);border-radius:6px;background:rgba(248,250,249,.94);box-shadow:0 22px 54px rgba(0,0,0,.23);backdrop-filter:blur(10px)}
.hero-panel h2{padding-bottom:13px;border-bottom:1px solid #dce2e3;font-size:17px}
.mini-calc{gap:12px}
.mini-calc input,.mini-calc select{border-radius:4px}
.calc-result{padding:16px;border:0;border-left:3px solid #26796c;border-radius:2px;background:#edf5f2}
.calc-result strong{font-size:27px;color:#17675c}
.calc-result p{color:#53656b}
.calc-result .small{color:#718087}
.section{padding:66px 0}
.section-head{margin-bottom:25px}
.section-head h1,.section-head h2{font-size:27px;line-height:1.25}
.section-head p{margin-top:7px;color:#6b777d}
.more{position:relative;padding:0 22px 4px 0;border:0;color:#185968}
.more::after{content:"→";position:absolute;right:0;top:-2px;font-size:17px;transition:transform .18s}
.more:hover::after{transform:translateX(4px)}
.budget-section{padding:51px 0 58px;background:#e9eded}
.budget-section .grid{gap:0;border-top:1px solid #bdc8cb;border-bottom:1px solid #bdc8cb}
.budget-section .budget-card{counter-increment:budget;min-height:126px;padding:25px 20px 23px;border:0;border-right:1px solid #bdc8cb;border-radius:0;background:transparent;box-shadow:none}
.budget-section .budget-card:first-child{border-left:1px solid #bdc8cb}
.budget-section .budget-card::before{content:"0" counter(budget);position:static;width:auto;height:auto;margin-bottom:20px;background:transparent;color:#47727a;font-size:11px;font-weight:900}
.budget-section .budget-card::after{content:"↗";position:absolute;right:17px;top:20px;color:#718086;font-size:16px}
.budget-section .budget-card strong{margin:0 0 5px;color:#10262e;font-size:20px}
.budget-section .budget-card span{font-size:13px}
.budget-section .budget-card:hover{z-index:1;transform:none;background:#fff;border-color:#bdc8cb;box-shadow:0 10px 30px rgba(20,42,50,.08)}
.vehicle-section{padding-top:70px;padding-bottom:74px}
.vehicle-section .grid{gap:13px}
.vehicle-section .car-card{min-height:340px;border:0;border-radius:4px}
.vehicle-section .car-card .car-body{padding:145px 18px 17px;background:linear-gradient(180deg,rgba(5,14,18,0) 20%,rgba(5,14,18,.18) 43%,rgba(5,14,18,.92) 81%,rgba(5,14,18,.98) 100%)}
.vehicle-section .car-card .badge{border-radius:2px}
.vehicle-section .car-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(8,21,27,.22)}
.tools-section{padding:72px 0;background:#0d1d24;color:#fff}
.tools-section .section-head h2{color:#fff}
.tools-section .section-head p{color:#aab7bc}
.tools-section .grid{gap:0;border-top:1px solid #34464d}
.tools-section .tool-card{position:relative;min-height:168px;padding:24px 24px 25px;border:0;border-right:1px solid #34464d;border-bottom:1px solid #34464d;border-radius:0;background:transparent;color:#fff;box-shadow:none}
.tools-section .tool-card:nth-child(3n+1){border-left:1px solid #34464d}
.tools-section .tool-card:hover{transform:none;background:#142a33;border-color:#34464d;box-shadow:none}
.tools-section .icon{width:auto;height:auto;display:block;background:transparent;color:#9de0d4;font-size:17px}
.tools-section .tool-card h3{margin-top:22px;color:#fff;font-size:17px}
.tools-section .tool-card p{max-width:290px;color:#9eacb1;font-size:13px}
.tools-section .tool-card::after{content:"→";position:absolute;right:22px;top:23px;color:#667a81;transition:transform .18s,color .18s}
.tools-section .tool-card:hover::after{color:#d7ff52;transform:translateX(4px)}
.dealers-section{padding:69px 0}
.dealers-section .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid #d7dddf}
.dealers-section .dealer-card{display:block;min-height:180px;padding:22px 18px;border:0;border-right:1px solid #d7dddf;border-bottom:1px solid #d7dddf;border-radius:0;box-shadow:none}
.dealers-section .dealer-card:first-child{border-left:1px solid #d7dddf}
.dealers-section .dealer-card:hover{transform:none;background:#f4f7f7;border-color:#d7dddf;box-shadow:none}
.dealers-section .rank{width:auto;height:auto;display:block;margin-bottom:29px;background:transparent;color:#227466;font-size:12px;text-align:left}
.dealers-section .rank::before{content:"0"}
.dealers-section .dealer-card h3{font-size:18px}
.dealers-section .dealer-card p{margin-top:8px;font-size:13px;line-height:1.7}
.guides-section{padding:71px 0;background:#e8ecec}
.guides-section .grid{gap:13px}
.guides-section .guide-card{min-height:236px;padding:24px;border:0;border-top:2px solid #1f6874;border-radius:0;background:#f8fafa;box-shadow:none}
.guides-section .guide-card:hover{transform:translateY(-3px);background:#fff;box-shadow:0 14px 30px rgba(15,35,42,.08)}
.guides-section .guide-card .badge{padding:0;background:transparent;color:#3a787f}
.guides-section .guide-card h3{margin-top:30px;font-size:19px}
.guides-section .guide-card p{margin-top:10px;font-size:13px;line-height:1.75}
.seo-intro{padding:66px 0;background:#f7f9f8;border-color:#dce2e2}
.seo-intro h2{font-size:29px}
.trust-list{border-color:#ced7d8}
.trust-list span{border-color:#ced7d8}
@media(max-width:1100px){
  .nav{font-size:12.5px}
  .nav a{padding-left:7px;padding-right:7px}
  .hero h1{font-size:43px}
  .dealers-section .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .container{width:min(100% - 36px,1200px)}
  .nav{top:72px;background:#fff}
  .nav a{padding:13px 10px}
  .nav a:not(.cta)::after{left:10px;right:auto;width:28px;bottom:6px}
  .hero{min-height:auto;padding:58px 0 45px}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .hero h1{font-size:38px}
  .budget-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .budget-section .budget-card:nth-child(3){border-left:1px solid #bdc8cb}
  .tools-section .tool-card:nth-child(3n+1){border-left:0}
  .tools-section .tool-card:nth-child(2n+1){border-left:1px solid #34464d}
  .dealers-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dealers-section .dealer-card:nth-child(odd){border-left:1px solid #d7dddf}
}
@media(max-width:640px){
  .container{width:min(100% - 28px,1200px)}
  .topbar{display:none}
  .header-inner{min-height:66px}
  .nav{top:66px}
  .hero{padding:46px 0 36px;background-position:64% center}
  .hero::before{background:rgba(7,17,23,.86)}
  .hero h1{font-size:32px;line-height:1.22}
  .hero p{font-size:14px;line-height:1.75}
  .quick-search{margin-top:22px}
  .quick-search button{width:100%}
  .quick-pills{display:flex;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .quick-pills a{flex:0 0 auto}
  .hero-panel{padding:20px}
  .section{padding:51px 0}
  .section-head h1,.section-head h2{font-size:24px}
  .budget-section .grid{grid-template-columns:1fr}
  .budget-section .budget-card,.budget-section .budget-card:nth-child(3){min-height:112px;border-left:1px solid #bdc8cb}
  .vehicle-section .car-card{min-height:370px}
  .vehicle-section .car-card .car-body{padding-top:170px}
  .tools-section .grid{grid-template-columns:1fr}
  .tools-section .tool-card,.tools-section .tool-card:nth-child(2n+1),.tools-section .tool-card:nth-child(3n+1){min-height:145px;border-left:1px solid #34464d}
  .dealers-section .grid{grid-template-columns:1fr}
  .dealers-section .dealer-card,.dealers-section .dealer-card:nth-child(odd){min-height:auto;border-left:1px solid #d7dddf}
  .dealers-section .rank{margin-bottom:17px}
  .guides-section .guide-card{min-height:210px}
  .intro-grid{gap:32px}
}
@media(prefers-reduced-motion:reduce){
  .nav a::after,.more::after,.tools-section .tool-card::after{transition:none}
}
.pagination{margin:22px 0 0}
.pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.pagination .page-numbers{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid #ccd5d9;background:#fff;color:#34464e;font-size:13px;font-weight:800}
.pagination .page-numbers.current{border-color:#14596a;background:#14596a;color:#fff}
.pagination a.page-numbers:hover{border-color:#7f969f;color:#0f5362}
/* ===== Search-first homepage ===== */
.home .site-header{box-shadow:0 1px 0 rgba(16,28,34,.08)}
.home .hero{min-height:460px;padding:60px 0 52px;background-image:url("assets/hero-showroom.webp");background-position:center center}
.home .hero::before{background:linear-gradient(90deg,rgba(5,16,22,.94) 0%,rgba(5,16,22,.83) 38%,rgba(5,16,22,.18) 69%,rgba(5,16,22,.03) 100%)}
.home .hero-grid{grid-template-columns:minmax(0,760px);align-items:center}
.home .hero h1{max-width:720px;margin:15px 0 13px;font-size:46px;line-height:1.17}
.home .hero p{max-width:610px;font-size:16px;line-height:1.7}
.home .quick-search{max-width:650px;margin-top:23px}
.home .quick-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.home .quick-pills a{flex:0 0 auto}
.home .vehicle-section{padding:45px 0 62px}
.home .vehicle-section .section-head{margin-bottom:18px}
.home .vehicle-section .car-card{min-height:315px}
.home .vehicle-section .car-card .car-body{padding-top:125px}
.home .budget-section{padding-top:54px}
@media(max-width:980px){
  .home .hero{min-height:0;padding:50px 0 43px;background-position:61% center}
  .home .hero-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .home .hero{min-height:0;padding:37px 0 31px;background-position:66% center}
  .home .hero::before{background:linear-gradient(90deg,rgba(5,16,22,.91),rgba(5,16,22,.67))}
  .home .hero h1{margin:12px 0 11px;font-size:31px;line-height:1.2}
  .home .hero p{font-size:14px;line-height:1.65}
  .home .quick-search{margin-top:18px}
  .home .quick-pills{margin-top:10px}
  .home .vehicle-section{padding:35px 0 48px}
  .home .vehicle-section .section-head{margin-bottom:16px}
  .home .vehicle-section .car-card{min-height:360px}
}
/* ===== Distinct homepage content systems ===== */
.journey-section{padding:76px 0;background:#f6f8f7}
.journey-section .section-head{margin-bottom:30px}
.purchase-path{border-top:1px solid #bdc9cc;border-bottom:1px solid #bdc9cc}
.path-step{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(250px,300px);gap:26px;align-items:center;min-height:172px;padding:29px 25px;border-bottom:1px solid #d0d9db}
.path-step:last-child{border-bottom:0}
.path-number{align-self:start;padding-top:3px;color:#237568;font-size:12px;font-weight:900}
.path-step h3{margin-bottom:7px;color:#14252d;font-size:21px;line-height:1.35}
.path-step p{max-width:610px;color:#66747a;font-size:14px;line-height:1.7}
.path-actions{display:grid;border-top:1px solid #cad4d6}
.path-actions a{display:flex;justify-content:space-between;gap:15px;padding:11px 2px;border-bottom:1px solid #cad4d6;color:#184f5c;font-size:13px;font-weight:900}
.path-actions a span,.path-main-action span{transition:transform .18s}
.path-actions a:hover span,.path-main-action:hover span{transform:translateX(4px)}
.path-step-featured{margin:0 -12px;padding:32px 37px;background:#10252d;border:0;color:#fff}
.path-step-featured .path-number{color:#9ee4d8}
.path-step-featured h3{color:#fff}
.path-step-featured p{color:#b6c3c7}
.path-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.path-tags span{padding:5px 8px;border:1px solid #496068;color:#c9d5d8;font-size:11px;font-weight:800}
.path-main-action{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;background:#d7ff52;color:#10252d;font-size:14px;font-weight:900}
.market-section{padding:76px 0;background:#e9edec!important}
.dealer-compare{border-top:1px solid #aebcbf}
.dealer-head,.dealer-row{display:grid;grid-template-columns:70px 150px minmax(210px,1.05fr) minmax(240px,1fr) 32px;gap:18px;align-items:center}
.dealer-head{min-height:44px;color:#78868b;font-size:11px;font-weight:900}
.dealer-row{min-height:88px;border-top:1px solid #cbd5d7;color:#24353d;transition:background .16s,padding .16s}
.dealer-row:hover{padding-left:12px;padding-right:12px;background:#f8faf9}
.dealer-order{color:#1d7467;font-size:12px;font-weight:900}
.dealer-row h3{font-size:18px}
.dealer-row p{color:#5e6c72;font-size:13px;line-height:1.55}
.dealer-arrow{color:#6e7e83;font-size:17px;text-align:right}
.market-note{margin-top:15px;color:#7b878b;font-size:12px}
.editorial-section{padding:80px 0;background:#fff}
.editorial-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;border-top:1px solid #cbd4d6;border-bottom:1px solid #cbd4d6}
.guide-feature{display:flex;flex-direction:column;min-height:370px;padding:36px 42px 36px 0;border-right:1px solid #cbd4d6}
.guide-feature>span{color:#247568;font-size:12px;font-weight:900}
.guide-feature h3{max-width:460px;margin:54px 0 14px;color:#13252d;font-size:30px;line-height:1.35}
.guide-feature p{max-width:500px;color:#647278;font-size:14px;line-height:1.75}
.guide-feature strong{margin-top:auto;color:#185765;font-size:13px}
.guide-index{display:grid}
.guide-index>a{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;gap:18px;align-items:center;min-height:123px;padding:22px 0 22px 34px;border-bottom:1px solid #d8dfe1}
.guide-index>a:last-child{border-bottom:0}
.guide-index>a>span{align-self:start;color:#2b776d;font-size:11px;font-weight:900}
.guide-index h3{margin-bottom:6px;color:#172a32;font-size:18px}
.guide-index p{color:#69767b;font-size:13px;line-height:1.6}
.guide-index b{color:#7a888d;font-weight:500;transition:transform .18s}
.guide-index a:hover b{transform:translateX(4px)}
.decision-section{padding:48px 0;background:#dfe9e6;border-top:1px solid #c6d4d0}
.decision-layout{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:60px;align-items:center}
.decision-title>span{color:#287568;font-size:11px;font-weight:900}
.decision-title h2{margin-top:7px;font-size:25px;line-height:1.35}
.decision-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #aec2bd;border-bottom:1px solid #aec2bd}
.decision-points a{display:flex;gap:14px;align-items:center;min-height:78px;padding:13px 18px;border-right:1px solid #aec2bd}
.decision-points a:last-child{border-right:0}
.decision-points b{color:#27776a;font-size:11px}
.decision-points span,.decision-points strong,.decision-points small{display:block}
.decision-points strong{color:#183039;font-size:13px}
.decision-points small{margin-top:3px;color:#71807d;font-size:11px}
.footer-lead{display:flex;justify-content:space-between;gap:30px;align-items:center;min-height:132px;border-bottom:1px solid #2a3b42}
.footer-lead>div{display:flex;align-items:center;gap:16px}
.footer-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #4a5d64;color:#fff;font-size:13px;font-weight:900}
.footer-lead strong{display:block;color:#fff;font-size:19px}
.footer-lead p{margin-top:4px;color:#8fa0a6;font-size:13px}
.footer-lead>a{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:180px;padding:13px 15px;background:#d7ff52;color:#10252d;font-size:13px;font-weight:900}
.footer-nav{display:grid;grid-template-columns:minmax(280px,1.5fr) repeat(3,minmax(130px,.7fr));gap:56px;padding:48px 0}
.footer-about p{max-width:410px;color:#91a0a6;font-size:13px;line-height:1.75}
.footer-about span{display:block;margin-top:18px;color:#63767e;font-size:11px}
.footer-nav nav strong{display:block;margin-bottom:15px;color:#fff;font-size:13px}
.footer-nav nav a{padding:5px 0;font-size:13px}
.footer-nav nav a:hover{color:#d7ff52}
.footer-bottom>div{display:flex;flex-wrap:wrap;gap:18px}
.footer-bottom a{color:#7e9097}
@media(max-width:980px){
  .path-step{grid-template-columns:48px minmax(0,1fr);gap:18px}
  .path-actions,.path-main-action{grid-column:2}
  .dealer-head,.dealer-row{grid-template-columns:55px 130px minmax(180px,1fr) minmax(200px,1fr) 24px;gap:12px}
  .editorial-layout{grid-template-columns:1fr}
  .guide-feature{min-height:320px;padding:32px 0;border-right:0;border-bottom:1px solid #cbd4d6}
  .decision-layout{grid-template-columns:1fr;gap:24px}
  .footer-nav{grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
}
@media(max-width:700px){
  .journey-section,.market-section,.editorial-section{padding:58px 0}
  .path-step{grid-template-columns:35px minmax(0,1fr);min-height:0;padding:25px 4px;gap:10px}
  .path-step-featured{margin:0 -8px;padding:27px 16px}
  .path-step h3{font-size:18px}
  .path-actions,.path-main-action{grid-column:1/-1;margin-top:8px}
  .dealer-head{display:none}
  .dealer-row{grid-template-columns:35px minmax(0,1fr) 22px;gap:10px;min-height:0;padding:20px 0}
  .dealer-row:hover{padding:20px 8px}
  .dealer-row h3{font-size:17px}
  .dealer-row p{grid-column:2;font-size:12px}
  .dealer-row p:nth-of-type(2){display:none}
  .dealer-arrow{grid-column:3;grid-row:1/3}
  .guide-feature{min-height:300px}
  .guide-feature h3{margin-top:38px;font-size:25px}
  .guide-index>a{padding-left:0}
  .decision-points{grid-template-columns:1fr}
  .decision-points a{border-right:0;border-bottom:1px solid #aec2bd}
  .decision-points a:last-child{border-bottom:0}
  .footer-lead{align-items:flex-start;flex-direction:column;padding:30px 0}
  .footer-lead>a{width:100%}
  .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px;padding:38px 0}
  .footer-about{grid-column:1/-1}
  .footer-bottom{flex-direction:column}
}
@media(max-width:440px){
  .footer-nav{grid-template-columns:1fr 1fr}
  .footer-nav nav:last-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  .path-actions a span,.path-main-action span,.dealer-row,.guide-index b{transition:none}
}
/* ===== Minimal modern homepage content ===== */
.home-tools{padding:72px 0}
.simple-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:27px}
.simple-heading h2{color:#14252d;font-size:27px;line-height:1.3}
.simple-heading p{color:#6b777c;font-size:14px}
.simple-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bdc8cb;border-bottom:1px solid #bdc8cb}
.simple-tools>a{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;gap:15px;align-items:center;min-height:130px;padding:24px 25px;border-right:1px solid #cbd4d6;background:transparent;transition:background .16s}
.simple-tools>a:last-child{border-right:0}
.simple-tools>a>span{align-self:start;padding-top:3px;color:#2a776c;font-size:11px;font-weight:900}
.simple-tools h3{margin-bottom:6px;color:#172830;font-size:18px}
.simple-tools p{color:#707c81;font-size:13px;line-height:1.55}
.simple-tools b{color:#75858a;font-size:16px;font-weight:500;transition:transform .16s}
.simple-tools>a:hover{background:#fff}
.simple-tools>a:hover b{transform:translateX(3px)}
.home-resources{padding:78px 0!important}
.resource-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px}
.resource-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}
.resource-title h2{color:#15262e;font-size:23px;line-height:1.35}
.resource-title p{margin-top:5px;color:#748086;font-size:13px}
.resource-title>a{flex:0 0 auto;padding-bottom:2px;color:#315e68;font-size:12px;font-weight:800}
.clean-list{border-top:1px solid #bec9cc}
.clean-list>a{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;gap:13px;align-items:center;min-height:82px;border-bottom:1px solid #dde3e4}
.clean-list>a>span{align-self:start;padding-top:21px;color:#3b7b72;font-size:10px;font-weight:900}
.clean-list h3{margin-bottom:3px;color:#1c2e35;font-size:16px;line-height:1.4}
.clean-list p{max-width:430px;overflow:hidden;color:#788489;font-size:12px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.clean-list b{color:#829095;font-weight:500;transition:transform .16s}
.clean-list>a:hover h3{color:#17606d}
.clean-list>a:hover b{transform:translateX(3px)}
.home-disclaimer{padding:25px 0;border-top:1px solid #d9e0df}
.home-disclaimer .container{display:flex;justify-content:space-between;gap:30px;align-items:center}
.home-disclaimer p{color:#68767a;font-size:12px;line-height:1.7}
.home-disclaimer p strong{margin-right:10px;color:#263a41}
.home-disclaimer a{flex:0 0 auto;color:#315e68;font-size:12px;font-weight:800}
.site-footer{margin:0;padding:0;color:#8d9a9f}
.site-footer a{display:inline-block;margin:0;color:#a6b1b5}
.footer-simple{display:flex;justify-content:space-between;gap:50px;align-items:flex-start;padding:39px 0 32px}
.footer-identity strong{color:#f4f6f7;font-size:16px}
.footer-identity p{max-width:470px;margin-top:7px;color:#839197;font-size:12px;line-height:1.65}
.footer-simple nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px 22px;max-width:590px}
.footer-simple nav a{font-size:12px}
.footer-simple nav a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:17px 0 22px;border-top:1px solid #26363d;color:#64757c;font-size:11px}
@media(max-width:900px){
  .resource-columns{gap:40px}
  .footer-simple{flex-direction:column;gap:22px}
  .footer-simple nav{justify-content:flex-start}
}
@media(max-width:700px){
  .home-tools{padding:54px 0}
  .simple-heading{display:block;margin-bottom:22px}
  .simple-heading h2{font-size:24px}
  .simple-heading p{margin-top:7px}
  .simple-tools{grid-template-columns:1fr}
  .simple-tools>a{min-height:96px;padding:19px 4px;border-right:0;border-bottom:1px solid #cbd4d6}
  .simple-tools>a:last-child{border-bottom:0}
  .home-resources{padding:56px 0!important}
  .resource-columns{grid-template-columns:1fr;gap:52px}
  .resource-title h2{font-size:21px}
  .clean-list>a{min-height:78px}
  .home-disclaimer .container{display:block}
  .home-disclaimer a{display:inline-block;margin-top:7px}
  .footer-simple{padding:31px 0 26px}
  .footer-simple nav{gap:10px 18px}
}
@media(max-width:440px){
  .clean-list p{max-width:250px}
  .footer-bottom{display:block}
  .footer-bottom span{display:block}
  .footer-bottom span+span{margin-top:5px}
}
@media(prefers-reduced-motion:reduce){
  .simple-tools>a,.simple-tools b,.clean-list b{transition:none}
}
/* ===== Compact vehicle archive filters ===== */
.car-archive-section{padding-top:48px}
.car-archive-section .section-head{margin-bottom:19px}
.car-archive-section .section-head h1{font-size:30px}
.budget-filterbar{gap:6px;margin-bottom:12px}
.budget-filterbar a{padding:7px 11px;border-radius:4px;font-size:12px}
.archive-filters-compact{display:block;margin-bottom:20px;padding:12px;background:#fff;border:1px solid #d7dfe2;border-radius:6px}
.archive-filter-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 92px;gap:8px}
.archive-filter-main label{display:block}
.archive-filter-main select{height:42px;border-radius:4px}
.archive-filter-main .btn{min-height:42px;padding:0 18px;border-radius:4px}
.filter-advanced{margin-top:9px;border-top:1px solid #e2e7e9}
.filter-advanced summary{display:flex;align-items:center;gap:8px;width:max-content;padding:10px 2px 0;color:#506169;font-size:12px;font-weight:800;cursor:pointer;list-style:none}
.filter-advanced summary::-webkit-details-marker{display:none}
.filter-advanced summary::after{content:"+";color:#718087;font-size:16px;font-weight:500}
.filter-advanced[open] summary::after{content:"−"}
.filter-advanced summary span{padding:2px 6px;background:#eaf2f0;color:#247064;font-size:10px}
.filter-advanced-fields{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:8px;align-items:end;padding-top:12px}
.filter-advanced-fields label{display:grid;gap:5px;color:#53636b;font-size:11px;font-weight:800}
.filter-advanced-fields input,.filter-advanced-fields select{height:40px;border-radius:4px}
.filter-advanced-fields .filter-reset{height:40px;padding:0 10px;white-space:nowrap}
@media(max-width:800px){
  .archive-filter-main{grid-template-columns:repeat(3,minmax(0,1fr))}
  .archive-filter-main .btn{grid-column:1/-1}
  .filter-advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .car-archive-section{padding-top:34px}
  .car-archive-section .section-head h1{font-size:26px}
  .budget-filterbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .budget-filterbar a{flex:0 0 auto}
  .archive-filters-compact{padding:10px}
  .archive-filter-main{grid-template-columns:1fr 1fr}
  .archive-filter-main label:first-child{grid-column:1/-1}
  .archive-filter-main .btn{grid-column:1/-1}
  .filter-advanced-fields{grid-template-columns:1fr 1fr}
  .filter-advanced-fields .filter-reset{grid-column:1/-1}
}
/* ===== Editorial guide archive ===== */
.guide-archive-head{justify-content:space-between;gap:50px;align-items:end}
.guide-archive-head>div>span{display:block;margin-bottom:10px;color:#27756a;font-size:11px;font-weight:900}
.guide-archive-head>p{color:#69767c;font-size:14px;line-height:1.75}
.guide-lead-label{align-self:start}
.guide-lead>strong{display:flex;justify-content:space-between;align-items:center;align-self:end;padding:12px 0;border-bottom:1px solid #587078;color:#f4f7f7;font-size:12px}
.guide-lead>strong span{transition:transform .16s}
.guide-lead:hover>strong span{transform:translateX(4px)}
.guide-list-head{display:flex;justify-content:space-between;align-items:end}
.guide-list-head h2{color:#172830}
.guide-list-head span{color:#78858a}
.guide-list{display:grid;column-gap:54px}
.guide-list>a{display:grid;align-items:center}
.guide-list-number{font-weight:900}
.guide-list h2{margin-bottom:6px;line-height:1.4}
.guide-list p{overflow:hidden;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
.guide-list b{font-size:15px;font-weight:500;transition:transform .16s}
.guide-list>a:hover b{transform:translateX(4px)}
@media(max-width:850px){
  .guide-lead{grid-template-columns:130px minmax(0,1fr);gap:26px}
  .guide-lead>strong{grid-column:2}
  .guide-list{column-gap:30px}
}
@media(max-width:700px){
  .guide-archive{padding:42px 0 58px}
  .guide-archive-head{display:block;margin-bottom:24px}
  .guide-archive-head h1{font-size:28px}
  .guide-archive-head>p{margin-top:11px}
  .guide-archive-head>p br{display:none}
  .guide-lead{display:block;min-height:0;padding:29px 25px}
  .guide-lead h2{margin-top:35px;font-size:25px}
  .guide-lead p{font-size:13px}
  .guide-lead>strong{margin-top:35px}
  .guide-list-head{margin-top:44px}
  .guide-list{grid-template-columns:1fr}
  .guide-list>a{min-height:100px}
  .guide-list-number{padding-top:23px}
}
@media(prefers-reduced-motion:reduce){
  .guide-lead>strong span,.guide-list b{transition:none}
}
/* ===== Multi-color visual system ===== */
:root{--ink:#13262d;--muted:#5d7077;--line:#ccd9da;--navy:#0b2731;--blue:#176b8a;--blue-d:#10546d;--green:#167a68;--coral:#e26d4f;--lime:#d8f36a;--mint:#e7f4ef;--sky:#e8f2f7;--peach:#fff0e8;--paper:#fbfdfc}
body{background:#edf3f2;color:var(--ink)}
.site-header{background:rgba(251,253,252,.97);border-bottom-color:#c9d8d7}
.logo-mark{background:#0d5964}
.logo span span{color:#167286}
.nav a:hover,.nav a.current{color:#12647a}
.nav .cta,.quick-search button,.btn{background:#176b8a}
.nav .cta:hover,.quick-search button:hover,.btn:hover{background:#10546d}
.section{background:#edf3f2}
.section.white{background:#f8fcfa;border-color:#cadbd7}
.section-kicker{color:#167a68}
.card,.article,.sidebox,.table-wrap,.faq details{border-color:#cddbdc}
.article h2{border-left-color:var(--coral)}
.article a:not(.btn),.table-link{color:#115f79}
.sidebox{background:#f8fcfa}
.sidebox a:hover{background:var(--sky);border-color:#accbd5}
.table-wrap{border-color:#bfd1d5}
th{background:#dfeef1;color:#294e59}
tbody tr:nth-child(even){background:#f4f9f7}
tbody tr:hover{background:#e7f3ef}
.notice{background:#fff1e8;border-color:#efb8a8;color:#724333}
.source-box{background:#e8f4f1;border-color:#b7d5ce}
.result-box{background:#e6f5ee;border-color:#acd4c6}
.archive-filters,.archive-filters-compact{background:#f8fcfa;border-color:#c6d8d8}
.filterbar .active{background:#176b8a;border-color:#176b8a}
.calculator-page{background:#eaf2f3}
.calculator-card{border-color:#c5d8da}
.calculator-card:nth-child(1){border-top:3px solid #167a68}
.calculator-card:nth-child(2){border-top:3px solid #176b8a}
.calculator-card:nth-child(3){border-top:3px solid #e26d4f}
.calculator-card:nth-child(1) .calculator-intro>span{color:#167a68}
.calculator-card:nth-child(2) .calculator-intro>span{color:#176b8a}
.calculator-card:nth-child(3) .calculator-intro>span{color:#c85b40}
.calculator-card>.form-grid{background:#eef5f3}
.home-tools{background:#e7f2f0}
.home-resources{background:#f9fcfb!important}
.home-disclaimer{background:#dcece7}
.site-footer{background:#081d25}
/* ===== Budget selection page ===== */
.budget-page{padding:52px 0 80px;background:#eaf2f1}
.budget-hero{display:flex;justify-content:space-between;gap:40px;align-items:end;padding:46px 50px;background:#0b2a34;color:#fff;border-radius:5px}
.budget-hero>div>span{display:block;margin-bottom:11px;color:#8fe0d1;font-size:11px;font-weight:900}
.budget-hero h1{color:#fff;font-size:38px;line-height:1.2}
.budget-hero p{margin-top:12px;color:#bed0d4;font-size:15px}
.budget-hero>a{display:flex;justify-content:space-between;gap:28px;min-width:190px;padding:13px 0;border-bottom:1px solid #87a4aa;color:#fff;font-size:12px;font-weight:900}
.budget-hero>a span{color:var(--lime)}
.budget-range-list{margin-top:28px;border-top:1px solid #aebfc1}
.budget-range-list>a{position:relative;display:grid;grid-template-columns:45px 240px minmax(0,1fr) 135px;gap:22px;align-items:center;min-height:112px;padding:21px 20px;border-bottom:1px solid #c6d3d4;transition:background .16s,padding .16s}
.budget-range-list>a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#167a68;opacity:0;transition:opacity .16s}
.budget-range-list>a:nth-child(2)::before{background:#176b8a}
.budget-range-list>a:nth-child(3)::before{background:#e26d4f}
.budget-range-list>a:nth-child(4)::before{background:#b38a19}
.budget-range-list>a:hover{padding-left:30px;background:#f9fcfb}
.budget-range-list>a:hover::before{opacity:1}
.budget-range-number{align-self:start;padding-top:5px;color:#167a68;font-size:10px;font-weight:900}
.budget-range-list>a:nth-child(2) .budget-range-number{color:#176b8a}
.budget-range-list>a:nth-child(3) .budget-range-number{color:#c85b40}
.budget-range-list>a:nth-child(4) .budget-range-number{color:#8b6c14}
.budget-range-price strong,.budget-range-price span{display:block}
.budget-range-price strong{font-size:21px;color:#142a32}
.budget-range-price span{margin-top:3px;color:#34727c;font-size:12px;font-weight:800}
.budget-range-list p{color:#62747a;font-size:13px}
.budget-range-list b{display:flex;justify-content:space-between;gap:12px;color:#205866;font-size:12px}
.budget-range-list b span{color:#167a68}
.budget-avoid-list>div{grid-template-columns:125px minmax(0,1fr);gap:15px;align-items:center}
.budget-avoid-list>div:last-child{border-bottom:0}
.budget-advice ul{margin-top:27px}
.budget-advice li{border-bottom:1px solid #efcfc4}
/* ===== Color-rich editorial guide ===== */
.guide-head-note{max-width:430px;padding-left:22px;border-left:3px solid var(--coral)}
.guide-head-note b{display:block;margin-bottom:6px;color:#b9543d;font-size:10px}
.guide-archive-head>p{max-width:none}
.guide-head-note p{color:#5f7278;font-size:14px;line-height:1.7}
.guide-lead::after{content:"BUY SMART";position:absolute;right:35px;top:25px;color:rgba(216,243,106,.12);font-size:54px;font-weight:900}
.guide-lead>strong{border-bottom-color:#759198}
.guide-lead>strong span{color:var(--lime)}
.guide-list-head{border-bottom-color:#9eb8b6}
.guide-list>a:nth-child(4n+1) .guide-list-number{color:#167a68}
.guide-list>a:nth-child(4n+2) .guide-list-number{color:#176b8a}
.guide-list>a:nth-child(4n+3) .guide-list-number{color:#c85b40}
.guide-list>a:nth-child(4n) .guide-list-number{color:#8b6c14}
@media(max-width:900px){
  .budget-range-list>a{grid-template-columns:35px 190px minmax(0,1fr);gap:16px}
  .budget-range-list b{grid-column:2/-1}
  .budget-advice{grid-template-columns:1fr 1.4fr}
  .budget-advice>aside{grid-column:1/-1}
}
/* ===== Compact calculator and refined guide archive ===== */
@media(min-width:981px){
  .calculator-page{padding:26px 0 52px}
  .calculator-page .section-head{margin-bottom:16px}
  .calculator-page .section-head h1{font-size:25px}
  .calculator-page .section-head p{margin-top:4px;font-size:13px;line-height:1.5}
  .calculator-grid{gap:16px}
  .calculator-card{min-height:0}
  .calculator-intro{min-height:116px;padding:17px 20px 9px}
  .calculator-intro>span{font-size:11px}
  .calculator-intro h2{margin:4px 0 5px;font-size:19px}
  .calculator-intro p{min-height:0;font-size:12px;line-height:1.5}
  .calculator-card>.form-grid,
  .calculator-card[data-calc="maintenance"]>.form-grid{margin:0 12px;padding:13px;gap:9px 10px}
  .calculator-card[data-calc="maintenance"]>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .calculator-card .form-grid label{gap:4px;font-size:12px}
  .calculator-card .form-grid label>span{font-size:10px}
  .calculator-card .form-grid input,
  .calculator-card .form-grid select{height:40px;padding:0 10px;font-size:13px}
  .calculator-action{padding:12px;border-top-color:#e3e9ea}
  .calculator-action .btn{min-height:42px;font-size:13px}
  .calculator-note{margin-top:18px;padding-top:16px}
  .calculator-note h2{font-size:15px}
  .calculator-note p{font-size:12px;line-height:1.6}
}
@media(min-width:981px) and (max-width:1200px){
  .calculator-card[data-calc="maintenance"]>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.guide-archive{padding:54px 0 76px;background:#f3f6f5}
.guide-archive-head{display:block;max-width:760px;margin-bottom:30px}
.guide-archive-head>span{display:block;margin-bottom:9px;color:#176f64;font-size:11px;font-weight:800}
.guide-archive-head h1{color:#13262d;font-size:35px;line-height:1.2}
.guide-archive-head p{margin-top:11px;color:#617078;font-size:15px;line-height:1.7}
.guide-head-note{display:none}
.guide-lead{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:48px;align-items:end;min-height:0;padding:36px 40px;overflow:hidden;background:#e2eeeb;color:#173138;border:1px solid #c3d7d2;border-left:4px solid #167a68;border-radius:6px}
.guide-lead::after{display:none}
.guide-lead-copy{max-width:820px}
.guide-lead-label{display:block;margin-bottom:26px;color:#176f64;font-size:11px;font-weight:800}
.guide-lead h2{max-width:none;color:#13262d;font-size:28px;line-height:1.35}
.guide-lead p{max-width:780px;margin-top:11px;color:#5e6f74;font-size:13px;line-height:1.7}
.guide-lead-action{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #86a9a2;color:#165d65;font-size:12px;font-weight:800}
.guide-lead-action b{font-size:15px;font-weight:500;transition:transform .16s}
.guide-lead:hover{background:#e2eeeb;border-color:#aac8c1;border-left-color:#167a68}
.guide-lead:hover .guide-lead-action b{transform:translateX(4px)}
.guide-list-head{margin-top:46px;padding-bottom:13px;border-bottom:1px solid #b9c9c7}
.guide-list-head h2{font-size:21px}
.guide-list-head span{font-size:11px}
.guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.guide-list>a{grid-template-columns:30px minmax(0,1fr) 18px;gap:14px;min-height:128px;padding:20px 0;border-bottom:1px solid #d2dcda;background:transparent;transition:border-color .16s}
.guide-list-number{align-self:start;padding-top:4px;color:#6b837f!important;font-size:10px}
.guide-list-topic{display:block;margin-bottom:5px;color:#247568;font-size:10px;font-weight:800}
.guide-list h2{margin:0 0 5px;color:#172c33;font-size:18px}
.guide-list p{color:#6a787e;font-size:12px}
.guide-list b{color:#71817f}
.guide-list>a:hover{background:transparent;border-bottom-color:#6fa69b}
.guide-list>a:hover h2{color:#135e6b}
@media(max-width:700px){
  .guide-archive{padding:38px 0 56px}
  .guide-archive-head{margin-bottom:23px}
  .guide-archive-head h1{font-size:28px}
  .guide-archive-head p{font-size:14px}
  .guide-lead{display:block;padding:27px 24px}
  .guide-lead-label{margin-bottom:22px}
  .guide-lead h2{margin:0;font-size:23px}
  .guide-lead-action{margin-top:25px}
  .guide-list-head{margin-top:38px}
  .guide-list{grid-template-columns:1fr}
  .guide-list>a{min-height:0;padding:18px 0}
}
@media(prefers-reduced-motion:reduce){
  .guide-lead-action b{transition:none}
}
@media(max-width:700px){
  .budget-page{padding:28px 0 58px}
  .budget-hero{display:block;padding:30px 24px}
  .budget-hero h1{font-size:29px}
  .budget-hero>a{margin-top:30px}
  .budget-range-list>a{grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:0;padding:23px 4px}
  .budget-range-list>a:hover{padding-left:10px}
  .budget-range-list p,.budget-range-list b{grid-column:2}
  .budget-range-list b{margin-top:5px}
  .budget-advice{grid-template-columns:1fr;margin-top:44px}
  .budget-advice>section,.budget-advice>aside{padding:27px 23px}
  .budget-avoid-list{padding:10px 22px}
  .budget-avoid-list>div{grid-template-columns:1fr;gap:3px;padding:14px 0}
  .guide-head-note{margin-top:18px}
  .guide-lead::after{font-size:34px;right:18px}
}
/* ===== Shared editorial archives ===== */
.editorial-archive{padding:54px 0 76px;background:#f3f6f5}
.editorial-head{display:block;max-width:760px;margin-bottom:30px}
.editorial-head>span{display:block;margin-bottom:9px;color:#176f64;font-size:11px;font-weight:800}
.editorial-head h1{color:#13262d;font-size:35px;line-height:1.2}
.editorial-head p{margin-top:11px;color:#617078;font-size:15px;line-height:1.7}
.editorial-head.budget-hero{display:block;padding:0;background:transparent;color:inherit;border-radius:0}
.editorial-head.budget-hero h1{color:#13262d;font-size:35px}
.editorial-head.budget-hero p{color:#617078;font-size:15px}
.editorial-lead{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:48px;align-items:end;padding:36px 40px;background:#e2eeeb;color:#173138;border:1px solid #c3d7d2;border-left:4px solid #167a68;border-radius:6px}
.editorial-lead-label{display:block;grid-column:1/-1;margin-bottom:-22px;color:#176f64;font-size:11px;font-weight:800}
.editorial-lead h2{color:#13262d;font-size:28px;line-height:1.35}
.editorial-lead p{max-width:780px;margin-top:11px;color:#5e6f74;font-size:13px;line-height:1.7}
.editorial-lead .editorial-lead-action{display:flex;justify-content:space-between;gap:18px;align-items:center;align-self:end;padding:11px 0;border-bottom:1px solid #86a9a2;color:#165d65;font-size:12px;font-weight:800}
.editorial-lead .editorial-lead-action span{color:#167a68;transition:transform .16s}
.editorial-lead:hover{background:#e2eeeb;border-color:#aac8c1;border-left-color:#167a68}
.editorial-lead:hover .editorial-lead-action span{transform:translateX(4px)}
.editorial-list-head{display:flex;justify-content:space-between;align-items:end;margin-top:46px;padding-bottom:13px;border-bottom:1px solid #b9c9c7}
.editorial-list-head h2{color:#172830;font-size:21px}
.editorial-list-head span{color:#78858a;font-size:11px}
.editorial-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.editorial-list>a{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:14px;align-items:center;min-height:128px;padding:20px 0;border-bottom:1px solid #d2dcda;background:transparent;transition:border-color .16s}
.editorial-list.budget-range-list{margin:0;border:0}
.editorial-list.budget-range-list>a{grid-template-columns:30px minmax(0,1fr) 18px;gap:14px;min-height:128px;padding:20px 0;border-bottom:1px solid #d2dcda}
.editorial-list.budget-range-list>a::before{display:none}
.editorial-list.budget-range-list>a:hover{padding-left:0;background:transparent;border-bottom-color:#6fa69b}
.editorial-list.budget-range-list b{grid-column:auto}
.editorial-number{align-self:start;padding-top:4px;color:#6b837f;font-size:10px;font-weight:900}
.editorial-topic{display:block;margin-bottom:5px;color:#247568;font-size:10px;font-weight:800}
.editorial-list h2{margin:0 0 5px;color:#172c33;font-size:18px;line-height:1.4}
.editorial-list p{overflow:hidden;color:#6a787e;font-size:12px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
.editorial-list b{color:#71817f;font-size:15px;font-weight:500;transition:transform .16s}
.editorial-list>a:hover{border-bottom-color:#6fa69b}
.editorial-list>a:hover h2{color:#135e6b}
.editorial-list>a:hover b{transform:translateX(4px)}
.budget-advice{display:grid;grid-template-columns:240px minmax(0,1fr);gap:42px;margin-top:52px;padding-top:28px;background:transparent;border:0;border-top:1px solid #b9c9c7}
.budget-advice>section{padding:0;background:transparent;color:inherit}
.budget-advice>section>span,.budget-advice>aside>span{color:#176f64;font-size:10px;font-weight:800}
.budget-advice>section h2{margin-top:8px;color:#172c33;font-size:21px;line-height:1.4}
.budget-advice>section p{margin-top:9px;color:#6a787e;font-size:12px;line-height:1.7}
.budget-avoid-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;padding:0}
.budget-avoid-list>div{display:block;min-height:82px;padding:13px 0;border-bottom:1px solid #d2dcda}
.budget-avoid-list strong{color:#205866;font-size:11px}
.budget-avoid-list p{margin-top:5px;color:#6a787e;font-size:12px;line-height:1.55}
.budget-advice>aside{grid-column:1/-1;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;padding:18px 22px;background:#e2eeeb;border-left:4px solid #167a68}
.budget-advice>aside>span{color:#176f64}
.budget-advice ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.budget-advice li{padding:0;border:0;color:#5e6f74;font-size:12px}
.budget-advice li b{display:inline;margin-right:7px;color:#173138;font-size:11px}
@media(max-width:700px){
  .editorial-archive,.budget-page.editorial-archive{padding:38px 0 56px}
  .editorial-head,.editorial-head.budget-hero{margin-bottom:23px;padding:0}
  .editorial-head h1,.editorial-head.budget-hero h1{font-size:28px}
  .editorial-head p,.editorial-head.budget-hero p{font-size:14px}
  .editorial-lead{display:block;padding:27px 24px}
  .editorial-lead-label{margin-bottom:22px}
  .editorial-lead h2{font-size:23px}
  .editorial-lead .editorial-lead-action{margin-top:25px}
  .editorial-list-head{margin-top:38px}
  .editorial-list,.editorial-list.budget-range-list{grid-template-columns:1fr}
  .editorial-list>a,.editorial-list.budget-range-list>a{grid-template-columns:28px minmax(0,1fr) 18px;min-height:0;padding:18px 0}
  .editorial-list.budget-range-list>a:hover{padding-left:0}
  .budget-advice{grid-template-columns:1fr;gap:16px;margin-top:42px}
  .budget-avoid-list{grid-template-columns:1fr}
  .budget-advice>aside{display:block;padding:20px}
  .budget-advice ul{grid-template-columns:1fr;gap:9px;margin-top:13px}
}
@media(prefers-reduced-motion:reduce){
  .editorial-lead .editorial-lead-action span,.editorial-list b{transition:none}
}
/* ===== Budget and purpose detail pages ===== */
.topic-page{padding-top:42px;background:#eaf2f1}
.topic-hero{display:flex;justify-content:space-between;gap:35px;align-items:end;padding:36px 40px;background:#0d3340;color:#fff;border-left:5px solid var(--coral)}
.topic-hero>div>span{display:block;margin-bottom:9px;color:#9ce4d7;font-size:10px;font-weight:900}
.topic-hero h1{color:#fff;font-size:32px;line-height:1.25}
.topic-hero p{max-width:720px;margin-top:10px;color:#bfd0d4;font-size:14px}
.topic-hero>a{display:flex;justify-content:space-between;gap:25px;min-width:150px;padding:11px 0;border-bottom:1px solid #718e95;color:#fff;font-size:12px;font-weight:900}
.topic-hero>a span{color:var(--lime)}
.topic-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin:28px 0;padding:25px 28px;background:#f9fcfb;border:1px solid #c9d8d8}
.topic-intro>p:first-child{grid-column:1;grid-row:1/3}
.topic-intro>h2{grid-column:2;grid-row:1}
.topic-intro>h2+p{grid-column:2;grid-row:2}
.topic-intro h2{margin-bottom:7px;color:#176b8a;font-size:17px}
.topic-intro p{color:#61747a;font-size:13px;line-height:1.75}
.topic-car-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:55px 0 20px}
.topic-car-head span{color:#c65a42;font-size:10px;font-weight:900}
.topic-car-head h2{margin-top:5px;font-size:24px}
.topic-car-head>a{color:#176b8a;font-size:12px;font-weight:900}
.topic-check{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:45px;margin-top:40px;padding:31px 35px;background:#fff0e8;border-top:3px solid var(--coral)}
.topic-check>div>span{color:#b6533d;font-size:10px;font-weight:900}
.topic-check h2{margin-top:8px;color:#67392f;font-size:22px}
.topic-check ul{padding-left:20px;color:#71564e;font-size:13px}
.topic-check li+li{margin-top:7px}
@media(max-width:700px){
  .topic-page{padding-top:25px}
  .topic-hero{display:block;padding:28px 23px}
  .topic-hero h1{font-size:27px}
  .topic-hero>a{margin-top:28px}
  .topic-intro{grid-template-columns:1fr;gap:20px;padding:22px}
  .topic-intro>p:first-child,.topic-intro>h2,.topic-intro>h2+p{grid-column:1;grid-row:auto}
  .topic-car-head{display:block;margin-top:42px}
  .topic-car-head>a{display:inline-block;margin-top:8px}
  .topic-check{grid-template-columns:1fr;gap:20px;padding:25px 23px}
}

/* 2026 launch redesign: clearer hierarchy, stronger trust, modern automotive editorial UI */
:root{--ink:#101828;--muted:#667085;--line:#e4e7ec;--surface:#f7f8fa;--brand:#175cd3;--brand-dark:#0b3b8f;--accent:#fdb022;--shadow:0 12px 36px rgba(16,24,40,.08)}
body{color:var(--ink);background:var(--surface);font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.018em}
.container{width:min(1180px,calc(100% - 40px))}
.site-header{height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(228,231,236,.9);position:sticky;top:0;z-index:100}
.header-inner{height:72px}.logo{gap:11px;color:var(--ink)}.logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--brand),var(--brand-dark));display:grid;place-items:center;box-shadow:0 8px 18px rgba(23,92,211,.22)}.logo-mark svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.logo-copy{display:flex;flex-direction:column;line-height:1.05}.logo-copy strong{font-size:20px;letter-spacing:-.06em}.logo-copy small{font-size:10px;color:#7b8494;letter-spacing:-.02em;margin-top:4px}.nav{gap:4px}.nav a{font-size:14px;font-weight:650;color:#475467;padding:10px 12px;border-radius:9px}.nav a:hover,.nav a.current{color:var(--brand);background:#eff4ff}.nav a.cta{background:var(--ink);color:#fff;padding-inline:17px;margin-left:8px;box-shadow:none}.nav a.cta:hover{background:var(--brand)}
.hero{min-height:590px;padding:88px 0 78px;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.16),transparent 28%),linear-gradient(120deg,#071b3d 0%,#0b3674 56%,#155eef 145%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-130px;top:-210px;box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 145px rgba(255,255,255,.025)}.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:72px;align-items:center;position:relative;z-index:2}.hero .eyebrow{font-size:13px;font-weight:750;color:#b9d2ff;display:flex;align-items:center;gap:8px;margin-bottom:22px}.hero .eyebrow span{width:7px;height:7px;border-radius:50%;background:#53d3a6;box-shadow:0 0 0 5px rgba(83,211,166,.14)}.hero h1{font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-.065em;color:#fff;margin:0 0 24px}.hero h1 em{font-style:normal;color:#8fb7ff}.hero p{max-width:650px;font-size:18px;line-height:1.75;color:#d0d9e8;margin-bottom:32px}.quick-search{max-width:680px;background:#fff;padding:7px;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.quick-search input{font-size:15px;padding:0 18px}.quick-search button{border-radius:10px;padding:16px 22px;background:var(--brand);font-weight:750}.quick-pills{margin-top:16px;gap:8px}.quick-pills a{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#e8eef8;padding:8px 12px;border-radius:999px;font-size:12px}.quick-pills a:hover{background:#fff;color:var(--brand)}
.hero-panel{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.55);border-radius:22px;padding:26px;box-shadow:0 25px 70px rgba(0,12,38,.28)}.hero-panel-head{padding-bottom:20px;border-bottom:1px solid var(--line)}.hero-panel-head span{display:block;color:var(--brand);font-size:12px;font-weight:800;margin-bottom:7px}.hero-panel-head strong{font-size:21px;letter-spacing:-.045em}.hero-panel ul{list-style:none;padding:6px 0;margin:0}.hero-panel li{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #eef1f5}.hero-panel li b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eff4ff;color:var(--brand);font-size:12px;flex:none}.hero-panel li span{display:flex;flex-direction:column;color:#667085;font-size:12px;line-height:1.5}.hero-panel li strong{color:#1d2939;font-size:14px;margin-bottom:2px}.hero-panel>a{margin-top:17px;height:48px;border-radius:11px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:750}.hero-panel>a:hover{background:var(--brand)}
.section{padding:82px 0}.section.white{background:#fff}.section-head{margin-bottom:30px}.section-head h2,.simple-heading h2,.resource-title h2{font-size:31px;letter-spacing:-.05em}.section-head p,.simple-heading p,.resource-title p{color:var(--muted);font-size:15px}.more,.resource-title>a{font-weight:700;color:var(--brand)}
.card{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-5px);border-color:#c7d7fe;box-shadow:var(--shadow)}.car-media{aspect-ratio:16/10;background:#eef2f7;overflow:hidden}.car-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.car-card:hover .car-media img{transform:scale(1.035)}.car-body{padding:19px}.car-body h3{font-size:18px;margin:10px 0 7px}.badge{background:#eff4ff;color:var(--brand);font-weight:750}.price-row{padding-top:15px;margin-top:15px;border-top:1px solid #eef1f5}.price{font-size:17px;color:var(--ink)}
.budget-section{background:#f3f6fb}.budget-card{min-height:145px;padding:24px;background:linear-gradient(145deg,#fff,#f8faff)}.budget-card strong{font-size:22px;color:var(--ink)}.budget-card span{color:var(--muted);margin-top:9px}.simple-tools{gap:14px}.simple-tools>a{border:1px solid var(--line);border-radius:15px;padding:24px;background:#fff}.simple-tools>a:hover{border-color:#a9c3ff;box-shadow:var(--shadow)}.simple-tools>a>span{color:var(--brand);font-weight:800}.simple-tools h3{font-size:19px}.resource-columns{gap:54px}.clean-list>a{padding:18px 0}.clean-list>a>span{color:#98a2b3;font-size:12px}.clean-list h3{font-size:16px}.home-disclaimer{background:#0c1729;color:#aeb9c9}.home-disclaimer strong{color:#fff}.site-footer{background:#07111f;color:#98a2b3;border-top:0}.site-footer strong{color:#fff}.site-footer a{color:#b8c1cf}.site-footer a:hover{color:#fff}
.entry-header,.archive-hero,.page-hero{background:linear-gradient(120deg,#0b1f42,#123d7a);color:#fff}.content-card,.article-card,.tool-card,.filter-panel,.detail-card{border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px rgba(16,24,40,.05)}
button,input,select,textarea{font:inherit}button,.button,.btn{border-radius:10px}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto;background:#fff}table th{background:#f8fafc;color:#344054}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(23,92,211,.28);outline-offset:2px}
@media(max-width:980px){.hero{padding:62px 0}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-panel{max-width:680px}.nav{background:#fff}.section{padding:64px 0}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.site-header,.header-inner{height:64px}.logo-mark{width:34px;height:34px}.logo-copy strong{font-size:18px}.hero{min-height:auto;padding:52px 0 48px}.hero h1{font-size:39px}.hero p{font-size:16px}.quick-search{display:grid;grid-template-columns:1fr;padding:7px}.quick-search input{height:50px}.quick-search button{width:100%}.hero-panel{padding:20px;border-radius:17px}.section{padding:52px 0}.section-head h2,.simple-heading h2,.resource-title h2{font-size:26px}.grid-4{grid-template-columns:1fr 1fr}.car-body{padding:15px}}
@media(max-width:430px){.grid-4{grid-template-columns:1fr}.hero h1{font-size:35px}.quick-pills a:nth-child(4){display:none}}

/* Clickable vehicle price-table rows */
.car-archive-section tbody tr.clickable-row{cursor:pointer}
.car-archive-section tbody tr.clickable-row:focus-visible{outline:3px solid rgba(23,92,211,.28);outline-offset:-3px;background:#e7f3ef}
.car-archive-section tbody tr.clickable-row td{transition:background-color .15s ease}