/* CarsDataset shared design system: header, footer, buttons and tokens.
   The same file is served by carsdataset.com (/assets/brand.css) and
   api.carsdataset.com (/static/brand.css). Source of truth: Autoprice/api/static/brand.css */
:root{
  --cd-bg:#F6F8FA;--cd-surface:#FFFFFF;--cd-ink:#1A2433;--cd-muted:#5B6878;--cd-faint:#8592A3;--cd-line:#E3E8EF;--cd-soft:#EEF2F6;
  --cd-primary:#2C405A;--cd-primary-hover:#1F2F44;--cd-accent:#2563EB;--cd-accent-hover:#1D4ED8;--cd-accent-soft:#EAF1FD;--cd-ok:#2F6B4F;
  --cd-serif:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --cd-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --cd-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
body{background:var(--cd-bg);color:var(--cd-ink);font-family:var(--cd-sans);-webkit-font-smoothing:antialiased}

.cd-head{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--cd-line);font:15px/1.4 var(--cd-sans)}
.cd-head-in{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px;height:64px;position:relative}
.cd-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cd-ink);font-weight:700;letter-spacing:-.01em;font-size:18px;white-space:nowrap}
.cd-brand:hover{color:var(--cd-ink)}
.cd-mark{width:28px;height:28px;border-radius:7px;background:var(--cd-ink);color:var(--cd-bg);display:grid;place-items:center;font:600 12px/1 var(--cd-sans);letter-spacing:-.04em}
.cd-nav{display:flex;gap:18px;margin-left:auto;align-items:center}
.cd-nav a{color:var(--cd-muted);text-decoration:none;font-size:14.5px;white-space:nowrap}
.cd-nav a:hover,.cd-nav a[aria-current=page]{color:var(--cd-ink)}
.cd-nav a[aria-current=page]{font-weight:600}
.cd-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--cd-line);border-radius:8px;padding:6px 10px;font:inherit;color:var(--cd-ink);cursor:pointer}
@media (max-width:1020px){
  .cd-toggle{display:block}
  .cd-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--cd-bg);flex-direction:column;align-items:flex-start;padding:12px 20px 20px;border-bottom:1px solid var(--cd-line);gap:14px}
  .cd-nav.open{display:flex}
}

.cd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cd-primary);color:#fff!important;text-decoration:none;border:0;border-radius:8px;padding:11px 18px;font:600 15px/1.2 var(--cd-sans);cursor:pointer;transition:background .15s}
.cd-btn:hover{background:var(--cd-primary-hover);color:#fff}
.cd-btn-sm{padding:8px 14px;font-size:14px}
.cd-btn-ghost{background:transparent;color:var(--cd-primary)!important;border:1px solid var(--cd-primary)}
.cd-btn-ghost:hover{background:var(--cd-primary);color:#fff!important}

.cd-foot{border-top:1px solid var(--cd-line);padding:48px 0 60px;font:14px/1.6 var(--cd-sans);color:var(--cd-muted);background:var(--cd-bg);text-align:left;margin-top:0}
.cd-foot-in{max-width:1180px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.cd-foot h4{font:600 12px/1 var(--cd-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--cd-ink);margin:0 0 12px}
.cd-foot a{display:block;color:var(--cd-muted);text-decoration:none;padding:3px 0}
.cd-foot a:hover{color:var(--cd-ink)}
.cd-foot p{margin:10px 0 0}
.cd-foot .cd-brand{display:inline-flex}
@media (max-width:760px){.cd-foot-in{grid-template-columns:1fr 1fr}}

/* page shell for small server-rendered pages (success, errors, account) */
.cd-page{max-width:640px;margin:56px auto;padding:0 20px}
.cd-card{background:var(--cd-surface);border:1px solid var(--cd-line);border-radius:12px;padding:40px}
.cd-card h1{font:650 44px/1.05 var(--cd-serif);letter-spacing:-.025em;margin:0 0 14px}
.cd-card p{color:var(--cd-muted);line-height:1.6;margin:0 0 12px}
.cd-card code{font:13px var(--cd-mono);background:var(--cd-soft);padding:2px 6px;border-radius:4px;word-break:break-all}
.cd-eyebrow{font:600 12px/1.4 var(--cd-sans);text-transform:uppercase;letter-spacing:.12em;color:var(--cd-accent);margin:0 0 12px}
.cd-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.cd-ok{color:var(--cd-ok)}

/* API host pages (body.cd-api) */
.cd-api h1,.cd-api h2{font-family:var(--cd-sans);font-weight:650;letter-spacing:-.02em}
.cd-api .hero h1{font-size:44px}
.cd-api .hero h1 span{color:var(--cd-primary)}
.cd-api code,.cd-api pre{font-family:var(--cd-mono)}
.cd-api .sidebar{top:64px}
.cd-api .main .header{top:64px}
.cd-api .wrap h1{border-bottom-width:1px}
.cd-api .cd-foot{margin-left:0}
@media (min-width:901px){.cd-api.cd-docs .cd-foot{margin-left:260px}}
body.cd-api{margin:0}
.cd-foot .cd-brand,.cd-foot .cd-brand:hover{color:var(--cd-ink);display:inline-flex;padding:0}
/* mobile fixes for the API host's own layouts */
.cd-api .main{min-width:0}
.cd-api pre{max-width:100%;overflow-x:auto}
.cd-api.cd-docs table{display:block;overflow-x:auto;max-width:100%}
@media (max-width:700px){
  .cd-api .tab-bar{overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}
  .cd-api .tab-btn{padding:12px 16px;flex:0 0 auto}
  .cd-api .tab-content table{display:block;overflow-x:auto;max-width:100%}
  .cd-api .stats-bar{gap:18px}
  #b2b-tooltip{max-width:200px}
}
@media (max-width:700px){.cd-api .pricing-grid{grid-template-columns:1fr!important}.cd-api .endpoint-header{flex-wrap:wrap}}
.cd-btn.cd-btn-light{background:#FFFFFF;color:var(--cd-primary)!important}
.cd-btn.cd-btn-light:hover{background:#EAF1FD}
