/* ============================================================
   MARQUE — Design System stylesheet
   Front-end for the ccmi plugin's rendered market pages.
   Single source of truth for tokens + components (Section 12
   of the UX/UI strategy). Replaces the former inline <style>
   blocks in layout.php and the page templates.
   Self-hosted fonts (GDPR-clean, no Google CDN).
   ============================================================ */

/* ---------- Fonts (self-hosted, variable where possible) ---------- */
@font-face{
  font-family:'Fraunces';
  src:url('/wp-content/plugins/marque/assets/fonts/fraunces-latin-var.woff2') format('woff2-variations'),
      url('/wp-content/plugins/marque/assets/fonts/fraunces-latin-var.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('/wp-content/plugins/marque/assets/fonts/inter-latin-var.woff2') format('woff2-variations'),
      url('/wp-content/plugins/marque/assets/fonts/inter-latin-var.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('/wp-content/plugins/marque/assets/fonts/inter-latin-var-italic.woff2') format('woff2-variations'),
      url('/wp-content/plugins/marque/assets/fonts/inter-latin-var-italic.woff2') format('woff2');
  font-weight:100 900;font-style:italic;font-display:swap;
}
@font-face{font-family:'IBM Plex Mono';src:url('/wp-content/plugins/marque/assets/fonts/ibm-plex-mono-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('/wp-content/plugins/marque/assets/fonts/ibm-plex-mono-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url('/wp-content/plugins/marque/assets/fonts/ibm-plex-mono-latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}

/* ---------- Tokens ---------- */
:root{
  /* surfaces */
  --paper:#F6F4EF; --paper-2:#FCFBF8; --panel:#FFFFFF;
  --ink:#14161A; --ink-2:#1C1F26;
  /* text */
  --text:#1E2229; --muted:#6B7075; --faint:#9AA0A6;
  /* brand */
  --green:#1B3B2F; --green-2:#2E6A4E; --green-deep:#12291F;
  --brass:#C2A15B; --brass-ink:#8A6D2E; --brass-soft:#E4D3AB;
  /* data semantics */
  --up:#4F9E6A; --down:#B4553F;
  /* lines */
  --line:#E6E1D7; --line-2:#EFEBE1; --hair-d:#2B2F39;
  /* type */
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* radius */
  --r-s:6px; --r-m:10px; --r-l:16px;
  --e:cubic-bezier(.22,.61,.36,1);
  /* legacy aliases (any residual references keep working) */
  --deep:var(--green); --cream:var(--paper); --gold:var(--brass); --good:var(--up);
  /* Template alias tokens — the page templates reference these names in inline
     styles (era chips, homepage 'value a car' inputs, popular-model chips).
     They were previously UNDEFINED, so they fell back to hardcoded #fff/#e6e1d7
     and rendered near-white text on a white pill in dark mode (unreadable).
     Mapping them to the real design-system tokens fixes contrast in BOTH themes.
     Rule: a brass/gold background must ALWAYS pair with dark ink (#20160A),
     never white — see .rating-chip.c and .v-sold-stamp. */
  --card:var(--panel); --hair:var(--line); --surface:var(--paper-2); --bg:var(--paper);
}

/* ---------- Base ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--text);
  font-family:var(--sans);font-size:16.5px;line-height:1.6;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
::selection{background:var(--brass-soft);color:var(--ink)}
a{color:var(--green-2);text-decoration:none;transition:color .18s var(--e)}
a:hover{color:var(--green);text-decoration:underline;text-underline-offset:2px}
img{max-width:100%;height:auto}
/* Kill horizontal page bleed on mobile: the header is not sticky, so clipping
   the x-axis on the page root is safe. Wide content (e.g. the results table)
   scrolls inside its own panel — see the mobile rule near the foot. */
html,body{overflow-x:hidden}
table{max-width:100%}
/* Card thumbnails always crop-to-fill from the centre. */
.v-card-img img,.mq-img img,.dir-img img,.jr-thumb img{object-position:center}
strong{font-weight:600;color:var(--text)}
em{font-style:italic}

h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.012em;color:var(--ink);line-height:1.1;font-optical-sizing:auto}
h1{margin:0 0 6px;font-size:34px;font-weight:400}
h2{font-weight:500}
h3{font-weight:500}

/* tabular numerals everywhere numbers matter */
.num,.tnum,td.num,th.num,.tile .v,.herostats strong,table.facts td.big,.mc{
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;
}

.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
main{padding:34px 0 60px}
section.wrap{padding:8px 24px}

/* ---------- Eyebrow / lead / crumb ---------- */
.eyebrow{
  text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600;
  color:var(--brass-ink);margin:0 0 8px;font-family:var(--mono);
}
.lead{color:var(--muted);margin:6px 0 24px;max-width:66ch;font-size:1.06rem;font-weight:400}
.crumb{font-size:13px;color:var(--muted);margin-bottom:14px;font-family:var(--mono);letter-spacing:.02em}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--green)}

/* ---------- Header ---------- */
header.site{background:var(--ink);color:#EDE9DF;padding:0;border-bottom:1px solid var(--hair-d)}
header.site .wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:64px}
.brand{
  font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:.01em;
  color:#F6F4EF;text-decoration:none;
}
.brand:hover{text-decoration:none;color:#fff}
.brand .dot{color:var(--brass)}
.tag{color:#9AA79E;font-size:12px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}
.site-nav{margin-left:auto;display:flex;gap:26px;align-items:center}
.site-nav a{
  color:#D9D3C4;font-size:13px;font-weight:500;letter-spacing:.02em;
  font-family:var(--mono);text-transform:uppercase;padding:4px 0;
}
.site-nav a:hover{color:var(--brass);text-decoration:none}

/* ---------- Panels / cards ---------- */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:8px}
.panel.pad{padding:24px}
.panel.empty{padding:30px;color:var(--muted);text-align:center;font-size:.95rem}

/* ---------- Section headings ---------- */
h2.section{font-size:20px;margin:34px 0 12px;color:var(--ink)}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:34px 0 12px}
.section-head h2.section{margin:0}
.section-head a{font-size:13px;font-weight:500;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em}

/* ---------- Tables ---------- */
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
th{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:500}
td{color:var(--text)}
td.num,th.num{text-align:right}
td.num{font-family:var(--mono);font-weight:500;color:var(--ink)}
tbody tr{transition:background .15s var(--e)}
tbody tr:hover{background:var(--paper-2)}
tbody tr:last-child td{border-bottom:none}
td a{color:var(--green-2);font-weight:500}

/* ---------- Pills / badges ---------- */
.pill{
  display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  padding:3px 10px;border-radius:999px;background:rgba(194,161,91,.14);color:var(--brass-ink);font-weight:500;
  border:1px solid rgba(194,161,91,.3);
}
.pill.live{background:rgba(79,158,106,.13);color:#2E7D5B;border-color:rgba(79,158,106,.32)}

/* ---------- Buttons ---------- */
button,.cta,.pc-btn{font-family:var(--sans)}
.cta{
  display:block;text-align:center;background:var(--green);color:#F6F4EF;border-radius:var(--r-s);
  padding:12px 18px;font-weight:500;font-size:.92rem;border:1px solid var(--green);transition:all .16s var(--e);
}
.cta:hover{background:var(--green-deep);color:#fff;text-decoration:none}
.cta.secondary{background:transparent;color:var(--green);border:1px solid var(--green)}
.cta.secondary:hover{background:rgba(27,59,47,.05);color:var(--green)}

/* ---------- Home hero ---------- */
.hero{background:var(--ink);color:#F1EDE2;padding:60px 0 52px;margin:-34px 0 34px;position:relative;overflow:hidden}
.hero:after{content:'';position:absolute;right:-12%;top:-30%;width:46vw;height:46vw;border-radius:50%;
  background:radial-gradient(circle,rgba(194,161,91,.08),transparent 62%);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero .eyebrow{color:var(--brass)}
.hero h1{color:#F8F4E9;font-size:clamp(30px,4.4vw,46px);margin:0 0 12px;max-width:18ch;font-weight:300;letter-spacing:-.02em}
.hero .lead{color:#C6D0C8;max-width:58ch;margin:0 0 26px}
.quicksearch{display:flex;gap:10px;max-width:640px;flex-wrap:wrap}
.quicksearch input{
  flex:1 1 300px;padding:14px 16px;border:1px solid #333A40;border-radius:var(--r-s);
  background:#0E1013;color:#F1EDE2;font-size:15px;font-family:var(--sans);
}
.quicksearch input::placeholder{color:#8A938B}
.quicksearch input:focus{outline:2px solid var(--brass);outline-offset:1px;border-color:var(--brass)}
.quicksearch button{
  padding:14px 22px;border:0;border-radius:var(--r-s);background:var(--brass);color:#20160A;
  font-weight:600;font-size:15px;cursor:pointer;transition:background .16s var(--e);
}
.quicksearch button:hover{background:#D4B36A}
.herostats{display:flex;gap:40px;margin-top:30px;flex-wrap:wrap;align-items:baseline}
.herostats strong{font-family:var(--mono);font-size:28px;font-weight:500;display:block;color:#F8F4E9;letter-spacing:-.01em}
.herostats span{font-size:11px;color:#9DB0A4;text-transform:uppercase;letter-spacing:.12em;font-family:var(--mono)}
.herostats a{color:#F1EDE2;font-weight:500}
.herostats a:hover{color:var(--brass)}

/* ---------- Manufacturer grid (home) ---------- */
.makegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.makecard{
  display:flex;flex-direction:column;gap:5px;padding:16px 18px;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--r-m);transition:border-color .18s var(--e),transform .18s var(--e);
}
.makecard:hover{border-color:var(--brass);text-decoration:none;transform:translateY(-2px)}
.makecard .mk{font-family:var(--serif);font-size:17px;color:var(--green);font-weight:500}
.makecard .mc{font-family:var(--mono);font-size:11.5px;color:var(--muted)}

/* ---------- Tiles (model page) ---------- */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 20px}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:16px 18px}
.tile .k{font-family:var(--mono);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.tile .v{font-family:var(--mono);font-size:24px;margin-top:8px;color:var(--ink);font-weight:500;letter-spacing:-.01em}
.tile .v.up{color:var(--up)}
.chartbox{position:relative;height:340px;padding:16px}

/* ---------- Search form ---------- */
.search-form{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:20px;margin-bottom:18px}
.search-form .fields{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.search-form label{display:flex;flex-direction:column;font-family:var(--mono);font-size:10.5px;color:var(--muted);
  font-weight:500;text-transform:uppercase;letter-spacing:.08em;gap:6px}
.search-form input,.search-form select{
  font-family:var(--sans);font-size:14.5px;font-weight:400;text-transform:none;letter-spacing:0;
  padding:10px 11px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--text);
}
.search-form input:focus,.search-form select:focus{outline:2px solid var(--brass);outline-offset:-1px;border-color:var(--brass)}
.search-form .actions{display:flex;align-items:center;gap:16px;margin-top:18px}
.search-form button{background:var(--green);color:#F6F4EF;border:0;border-radius:var(--r-s);padding:12px 28px;
  font-family:var(--sans);font-weight:500;cursor:pointer;transition:background .16s var(--e)}
.search-form button:hover{background:var(--green-deep)}
.search-form .clear{font-size:13.5px}
.platform-filter{border:0;padding:0;margin:16px 0 0}
.platform-filter legend{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:0;margin-bottom:10px}
.platform-filter .pf-hint{text-transform:none;letter-spacing:0;color:var(--muted);opacity:.75}
.platform-filter .pf-options{display:flex;flex-wrap:wrap;gap:8px}
.pf-chip{display:inline-flex;align-items:center;gap:7px;background:var(--bg);border:1px solid var(--line);border-radius:999px;
  padding:7px 13px;font-size:13px;cursor:pointer;transition:border-color .16s var(--e),background .16s var(--e)}
.pf-chip:hover{border-color:var(--brass)}
.pf-chip input{accent-color:var(--green);margin:0}
.pf-chip:has(input:checked){border-color:var(--green);background:color-mix(in srgb,var(--green) 8%,transparent)}
.pf-chip .pf-count{font-family:var(--mono);font-size:11px;color:var(--muted)}
.result-count{color:var(--muted);font-size:13px;margin:0 0 12px;font-family:var(--mono)}
.pager{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px;font-size:14px;font-family:var(--mono)}
.pager .disabled{color:#C3C0B6}
.pager .page-of{color:var(--muted)}
.save-search{display:flex;gap:8px;align-items:center}
.save-search input[type=text]{font-family:var(--sans);font-size:14px;padding:8px 11px;border:1px solid var(--line);border-radius:var(--r-s)}
.save-search button{background:var(--green);color:#F6F4EF;border:0;border-radius:var(--r-s);padding:9px 16px;font-family:var(--sans);font-weight:500;cursor:pointer}
.save-search button:hover{background:var(--green-deep)}
.sign-in-hint{font-size:13px;font-family:var(--mono)}

/* ---------- Listing page ---------- */
.listing-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:8px}
table.facts{width:100%;border-collapse:collapse}
table.facts th{text-align:left;color:var(--muted);font-family:var(--mono);font-weight:500;font-size:11px;width:40%;
  padding:12px 0;vertical-align:top;text-transform:uppercase;letter-spacing:.08em}
table.facts td{padding:12px 0;border-bottom:1px solid var(--line);color:var(--text)}
table.facts tr:last-child td,table.facts tr:last-child th{border-bottom:none}
table.facts td.big{font-family:var(--mono);font-size:26px;color:var(--green);font-weight:600;letter-spacing:-.02em}
.side{display:flex;flex-direction:column;gap:12px;align-self:start}
.muted{color:var(--muted)}
.muted.small{color:var(--muted);font-size:12.5px;margin:2px 0 0}

/* ---------- Account ---------- */
.acc-notice{background:rgba(79,158,106,.12);border:1px solid rgba(79,158,106,.35);color:#236A49;border-radius:var(--r-s);padding:11px 15px;margin:0 0 18px}
.acc-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}
.muted-count{font-family:var(--mono);font-size:13px;color:var(--muted);font-weight:400}
.ok{color:var(--up);font-weight:600;font-family:var(--mono)}
.btn-sm{font-size:12.5px;padding:4px 11px;font-family:var(--mono)}
a.btn-sm{border:1px solid var(--line);border-radius:var(--r-s);color:var(--green)}
a.btn-sm:hover{border-color:var(--green);text-decoration:none}
.btn-link{background:none;border:0;color:var(--down);cursor:pointer;font-family:var(--mono);font-size:12.5px;padding:3px 6px}
.btn-link:hover{text-decoration:underline}
.plan-cards{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.plan-card{flex:1 1 160px;border:1px solid var(--line);border-radius:var(--r-m);padding:16px;background:var(--panel)}
.plan-card.current{border-color:var(--up);box-shadow:inset 0 0 0 1px rgba(79,158,106,.25)}
.pc-name{font-family:var(--serif);font-size:18px;color:var(--green);margin-bottom:8px;font-weight:500}
.pc-current{font-family:var(--mono);font-size:11px;color:var(--up);font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.pc-btn{width:100%;background:var(--green);color:#F6F4EF;border:0;border-radius:var(--r-s);padding:10px;font-weight:500;cursor:pointer;transition:background .16s var(--e)}
.pc-btn:hover{background:var(--green-deep)}

/* ---------- Legal ---------- */
.legal-grid{display:grid;grid-template-columns:220px 1fr;gap:26px;margin-top:8px}
.legal-nav{display:flex;flex-direction:column;gap:4px;align-self:start}
.legal-nav a{padding:9px 13px;border-radius:var(--r-s);color:var(--green);font-size:14px;font-weight:500}
.legal-nav a.on{background:var(--green);color:#F6F4EF}
.legal-nav a:hover{text-decoration:none;background:rgba(194,161,91,.14)}
.legal-nav a.on:hover{background:var(--green-deep);color:#F6F4EF}
.legal-body h2.section{font-size:18px;margin:24px 0 8px}
.legal-body h2.section:first-child{margin-top:0}
.legal-body p{margin:0 0 12px;color:#333B36}

/* ---------- Footer ---------- */
footer.site{border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;padding:26px 0;background:var(--paper-2)}
footer.site .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}
.foot-legal{display:flex;gap:18px}
.foot-legal a{color:var(--muted);font-size:12.5px;font-family:var(--mono);letter-spacing:.02em}
.foot-legal a:hover{color:var(--brass-ink)}

/* ---------- Cookie consent ---------- */
.ccmi-consent{position:fixed;left:16px;right:16px;bottom:16px;max-width:660px;margin:0 auto;background:var(--ink);
  color:#F1EDE2;border-radius:var(--r-m);padding:14px 18px;display:flex;gap:14px;align-items:center;
  justify-content:space-between;box-shadow:0 10px 40px rgba(0,0,0,.28);font-size:13px;z-index:9999;
  border:1px solid var(--hair-d)}
.ccmi-consent a{color:var(--brass)}
.ccmi-consent button{background:var(--brass);color:#20160A;border:0;border-radius:var(--r-s);padding:9px 18px;
  font-family:var(--sans);font-weight:600;cursor:pointer;white-space:nowrap}
.ccmi-consent button:hover{background:#D4B36A}

/* ---------- Responsive ---------- */
@media(max-width:820px){
  .listing-grid,.acc-grid,.legal-grid{grid-template-columns:1fr}
  .search-form .fields{grid-template-columns:repeat(2,1fr)}
  .makegrid,.tiles{grid-template-columns:repeat(2,1fr)}
  .herostats{gap:26px}
}
@media(max-width:560px){
  .site-nav{gap:16px}
  .tag{display:none}
  .makegrid,.tiles{grid-template-columns:1fr}
}

/* ============================================================
   Interaction layer (progressive enhancement — Section 5/10)
   ============================================================ */

/* ---------- Header search trigger (⌘K) ---------- */
.cmdk-trigger{
  display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.05);
  border:1px solid #333A40;border-radius:999px;color:#C7CEC5;font-family:var(--mono);
  font-size:12px;letter-spacing:.03em;padding:6px 12px;cursor:pointer;transition:all .16s var(--e);
}
.cmdk-trigger:hover{border-color:var(--brass);color:#F1EDE2;text-decoration:none}
.cmdk-trigger svg{opacity:.85}
.cmdk-trigger kbd{font-family:var(--mono);font-size:10.5px;background:rgba(255,255,255,.08);
  border:1px solid #3A4149;border-radius:4px;padding:1px 6px;color:#AEB7AC}
@media(max-width:640px){.cmdk-trigger .cmdk-trigger-label,.cmdk-trigger kbd{display:none}.cmdk-trigger{padding:7px 9px}}

/* ---------- Command palette ---------- */
.cmdk{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center}
.cmdk[hidden]{display:none}
.cmdk-scrim{position:absolute;inset:0;background:rgba(12,14,17,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s var(--e)}
.cmdk.open .cmdk-scrim{opacity:1}
.cmdk-box{position:relative;margin-top:11vh;width:min(640px,92vw);background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r-l);box-shadow:0 24px 70px rgba(12,14,17,.34);
  overflow:hidden;transform:translateY(-8px) scale(.985);opacity:0;transition:transform .22s var(--e),opacity .22s var(--e)}
.cmdk.open .cmdk-box{transform:none;opacity:1}
.cmdk-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.cmdk-ico{color:var(--muted);flex:none}
.cmdk-input{flex:1;border:0;background:transparent;font-family:var(--sans);font-size:17px;color:var(--text);outline:none}
.cmdk-input::placeholder{color:var(--faint)}
.cmdk-esc{font-family:var(--mono);font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 7px}
.cmdk-list{max-height:min(56vh,460px);overflow-y:auto;padding:8px 8px 10px}
.cmdk-group{padding:6px 0}
.cmdk-glabel{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-ink);padding:8px 12px 6px}
.cmdk-row{display:flex;align-items:baseline;gap:12px;padding:10px 12px;border-radius:var(--r-s);cursor:pointer;color:var(--text)}
.cmdk-row:hover{text-decoration:none}
.cmdk-row.is-active{background:var(--ink);color:#F1EDE2}
.cmdk-row.is-active .cmdk-m{color:#AEB7AC}
.cmdk-row.is-active .cmdk-t b{color:var(--brass)}
.cmdk-t{font-size:15px;flex:1}
.cmdk-t b{color:var(--green);font-weight:600}
.cmdk-m{font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap}
.cmdk-empty{padding:12px;color:var(--muted);font-size:14px}
.cmdk-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--faint);text-transform:uppercase}

/* ---------- Skeleton shimmer ---------- */
.sk{display:block;background:linear-gradient(90deg,#ece7db 25%,#f4f0e6 37%,#ece7db 63%);
  background-size:400% 100%;animation:sk 1.2s var(--e) infinite;border-radius:5px}
.sk-line{height:14px;width:80%;margin:6px 12px}
@keyframes sk{0%{background-position:100% 0}100%{background-position:-100% 0}}

.seg-row a{transition:border-color .16s var(--e),background .16s var(--e)}
.seg-row a:hover{border-color:var(--brass);text-decoration:none}
.seg-row a:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
/* ---------- Segmented Sold / For sale / All ---------- */
label.has-seg select[name="status"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}
.seg{display:inline-flex;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-s);padding:3px;gap:2px}
.seg-btn{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;
  color:var(--muted);background:transparent;border:0;border-radius:4px;padding:7px 14px;cursor:pointer;transition:all .15s var(--e)}
.seg-btn:hover{color:var(--green)}
.seg-btn[aria-selected="true"]{background:var(--green);color:#F6F4EF}
/* The generic .search-form button rule (submit styling) was painting every
   seg-btn solid green, so the active state was invisible — all three segments
   looked selected. Neutralise inside the form; the aria-selected rule below
   restores the green fill for the ACTIVE segment only. */
.search-form .seg-btn{background:transparent;color:var(--ink);padding:8px 16px}
.search-form .seg-btn:hover{background:transparent;color:var(--green)}
.search-form .seg-btn[aria-selected="true"],.search-form .seg-btn[aria-selected="true"]:hover{background:var(--green);color:#F6F4EF}
html[data-theme="dark"] .search-form .seg-btn{color:var(--ink)}

/* ---------- Button loading ---------- */
button[data-loading]{position:relative;color:transparent!important}
button[data-loading]:after{content:"";position:absolute;top:50%;left:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;
  border:2px solid rgba(246,244,239,.45);border-top-color:#F6F4EF;border-radius:50%;animation:spin .6s linear infinite}
.cta.secondary[data-loading]:after,.btn-sm[data-loading]:after{border-color:rgba(27,59,47,.3);border-top-color:var(--green)}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Reveal on scroll ---------- */
.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s var(--e),transform .5s var(--e)}
.reveal.in{opacity:1;transform:none}

/* ============================================================
   Signals — Market Confidence + collector scores (Section 6/14)
   Confidence is LIVE (derived from real sold data). The four
   collector scores are design-ready components pending the data
   each requires (see the component gallery).
   ============================================================ */

/* Market Confidence meter */
.conf{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r-m);padding:16px 20px;margin:0 0 20px}
.conf-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.conf-dots{display:inline-flex;gap:5px}
.conf-dots i{width:9px;height:9px;border-radius:50%;background:var(--line);display:inline-block}
.conf-dots i.on{background:var(--green)}
.conf-dots.low i.on{background:var(--brass)}
.conf-tier{font-family:var(--serif);font-size:18px;color:var(--ink);font-weight:500}
.conf-cap{font-size:12.5px;color:var(--muted);margin-left:auto;font-family:var(--mono);letter-spacing:.01em}
@media(max-width:640px){.conf-cap{margin-left:0;flex-basis:100%}}

/* Score badges (Investment / Scarcity / Collectability / Demand) */
.scores{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 20px}
.score{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:14px 16px;position:relative}
.score .sk-lbl{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.score .sk-val{font-family:var(--mono);font-size:26px;font-weight:500;color:var(--ink);margin-top:6px;letter-spacing:-.01em}
.score .sk-val.rating{color:var(--green)}
.score .sk-bar{height:4px;background:var(--line);border-radius:2px;margin-top:10px;overflow:hidden}
.score .sk-bar i{display:block;height:100%;background:var(--green)}
.score .sk-note{font-size:11px;color:var(--faint);margin-top:8px}
.score.pending{background:repeating-linear-gradient(135deg,#fff,#fff 8px,#faf8f2 8px,#faf8f2 16px)}
.score.pending .sk-val{color:var(--faint)}
.rating-chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;
  border-radius:var(--r-s);background:var(--green);color:#F6F4EF;font-family:var(--mono);font-weight:600;font-size:17px}
.rating-chip.a{background:var(--green)}.rating-chip.b{background:#3E6A4E}
.rating-chip.c{background:var(--brass);color:#20160A}.rating-chip.d{background:#A6702F}
.rating-chip.e{background:var(--down)}
.rating-chip.sm{min-width:28px;height:28px;font-size:14px;margin-top:0}
@media(max-width:640px){.scores{grid-template-columns:repeat(2,1fr)}}

/* Signals block (Confidence + Investment Rating) on the model page */
.signals{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 10px}
.signal{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:16px 20px;display:flex;flex-direction:column;gap:8px}
.signal-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.signal .conf-cap{margin-left:0}
.signal-note{font-size:12px;color:var(--faint);font-family:var(--mono);letter-spacing:.02em;margin:0 0 20px}
@media(max-width:640px){.signals{grid-template-columns:1fr}}

/* Listing-page model snapshot */
.snapshot{border:1px solid var(--line);border-radius:var(--r-m);padding:14px 16px;background:var(--paper-2);margin-bottom:6px}
.snapshot-h{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-ink);margin-bottom:10px}
.snapshot-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.snapshot-k{font-size:12.5px;color:var(--muted);width:80px}
.snapshot-row b{font-family:var(--serif);font-size:15px;color:var(--ink);font-weight:500}

/* ---------- Accessibility: skip link + focus ---------- */
.skip-link{position:absolute;left:-9999px;top:0;z-index:1100;background:var(--green);color:#F6F4EF;
  padding:10px 16px;border-radius:0 0 var(--r-s) 0;font-weight:500;font-size:.9rem}
.skip-link:focus{left:0;text-decoration:none}
:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:2px}
.cmdk-row:focus-visible,.seg-btn:focus-visible{outline-offset:-2px}

@media(max-width:640px){.cmdk-box{margin-top:6vh;width:94vw}}

/* ============================================================
   Buildable-now components (added on top of the base system)
   ============================================================ */

/* ---------- Dark mode ("terminal" register) ----------
   Token remap for surfaces + explicit overrides only where the base
   CSS uses --ink/--green as TEXT (they double as surface colours). */
html[data-theme="dark"]{
  --paper:#16181D; --paper-2:#1E2229; --panel:#1E2229;
  --text:#E7E3D8; --muted:#9AA0A6; --faint:#6B7075;
  --line:#2B2F39; --ink:#0F1113; --brass-ink:#D9BE7E;
}
html[data-theme="dark"] body{background:var(--paper)}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,
html[data-theme="dark"] h2.section,html[data-theme="dark"] .tile .v,
html[data-theme="dark"] td.num,html[data-theme="dark"] .conf-tier,
html[data-theme="dark"] .score .sk-val,html[data-theme="dark"] .snapshot-row b{color:#F2EFE7}
html[data-theme="dark"] a,html[data-theme="dark"] td a,
html[data-theme="dark"] table.facts td.big,html[data-theme="dark"] .makecard .mk,
html[data-theme="dark"] .pc-name,html[data-theme="dark"] .cmdk-t b{color:#7CC49B}
html[data-theme="dark"] .cta.secondary{color:#7CC49B;border-color:#7CC49B}
html[data-theme="dark"] .tile .v.up,html[data-theme="dark"] .ok{color:#7CC49B}
html[data-theme="dark"] .conf-dots i.on{background:#7CC49B}
html[data-theme="dark"] .conf-dots.low i.on{background:var(--brass)}
html[data-theme="dark"] .search-form input,html[data-theme="dark"] .search-form select,
html[data-theme="dark"] .save-search input{background:#0E1013;color:#E7E3D8;border-color:#2B2F39}
html[data-theme="dark"] .v-card-img{background:linear-gradient(135deg,#20242C,#171A20)}
html[data-theme="dark"] .dir-img,html[data-theme="dark"] .mq-img,html[data-theme="dark"] .jr-thumb{background:#20242C}
html[data-theme="dark"] .sk{background:linear-gradient(90deg,#22262e 25%,#2b2f39 37%,#22262e 63%);background-size:400% 100%}

/* header theme toggle (styled like the cmdk trigger) */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  background:rgba(255,255,255,.05);border:1px solid #333A40;border-radius:999px;color:#C7CEC5;cursor:pointer;transition:all .16s var(--e)}
.theme-toggle:hover{border-color:var(--brass);color:#F1EDE2}
.theme-toggle .moon{display:none}
html[data-theme="dark"] .theme-toggle .sun{display:none}
html[data-theme="dark"] .theme-toggle .moon{display:block}

/* ---------- Vehicle card (the product's atom) ---------- */
/* ---------- Generation shortcut chips (model page) ---------- */
.gen-lead{font-size:14px;color:var(--muted);margin:0 0 12px}
.gen-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.gen-chip{display:inline-flex;align-items:baseline;gap:8px;padding:8px 14px;border:1px solid var(--line);
  border-radius:999px;background:var(--panel);color:inherit;text-decoration:none;line-height:1;
  transition:border-color .18s var(--e),transform .18s var(--e),background .18s var(--e)}
.gen-chip:hover{border-color:var(--brass);transform:translateY(-1px);text-decoration:none}
.gen-code{font-weight:600;font-size:14px;letter-spacing:.01em}
.gen-years{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.02em}
.gen-count{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--brass-ink);
  background:rgba(194,161,91,.14);border:1px solid rgba(194,161,91,.3);border-radius:999px;padding:2px 8px}
.v-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 20px}
.v-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r-m);overflow:hidden;transition:transform .24s var(--e),border-color .24s var(--e);position:relative}
.v-card:hover{transform:translateY(-3px);border-color:var(--brass);text-decoration:none}
.v-card-img{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#EFEADD,#E4DECB);
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.v-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 6s var(--e)}
.v-card:hover .v-card-img img{transform:scale(1.06)}
.v-card-img .plate{font-family:var(--serif);font-size:1.15rem;color:var(--brass-ink);opacity:.55;
  letter-spacing:.02em;padding:0 14px;text-align:center;font-weight:500}
.v-sold-stamp{position:absolute;top:10px;left:10px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;background:var(--brass);color:#20160A;padding:3px 9px;border-radius:4px;font-weight:600}
.v-live-stamp{position:absolute;top:10px;left:10px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;background:rgba(20,22,26,.82);color:#F1EDE2;padding:3px 9px;border-radius:4px}
.v-watch{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(20,22,26,.55);
  border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;opacity:0;transition:opacity .2s var(--e)}
.v-card:hover .v-watch{opacity:1}
.v-card-body{padding:13px 15px 15px}
.v-name{font-family:var(--serif);font-size:1rem;color:var(--text);font-weight:500;line-height:1.2;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v-price{font-family:var(--mono);font-size:1.05rem;font-weight:600;color:var(--text)}
.v-meta{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:4px;letter-spacing:.01em}
@media(max-width:900px){.v-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.v-grid{grid-template-columns:1fr}}

/* ---------- Mega-menu (Marques A–Z) ---------- */
.has-mega{position:relative}
.mega-trigger{background:none;border:0;color:#D9D3C4;font-family:var(--mono);font-size:13px;font-weight:500;
  letter-spacing:.02em;text-transform:uppercase;cursor:pointer;padding:4px 0;display:inline-flex;align-items:center;gap:5px}
.mega-trigger:hover,.mega-trigger[aria-expanded="true"]{color:var(--brass)}
.mega{position:absolute;top:calc(100% + 14px);right:0;width:min(640px,86vw);background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r-m);box-shadow:0 24px 60px rgba(12,14,17,.28);
  padding:20px 22px;z-index:60;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .18s var(--e)}
.mega.open{opacity:1;visibility:visible;transform:none}
.mega-h{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-ink);margin-bottom:12px}
.mega-az{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 18px}
.mega-az a{display:flex;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:5px;color:var(--text);font-size:14px}
.mega-az a:hover{background:var(--paper-2);text-decoration:none;color:var(--green-2)}
.mega-az a .c{font-family:var(--mono);font-size:11px;color:var(--faint)}
.mega-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px}
@media(max-width:760px){.has-mega{display:none}}

/* ---------- Mobile bottom tab bar ---------- */
.mobile-tabs{display:none}
@media(max-width:760px){
  .mobile-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(20,22,26,.94);
    backdrop-filter:blur(10px);border-top:1px solid var(--hair-d);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .mobile-tabs a,.mobile-tabs button{flex:1;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;
    color:#9AA79E;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:5px 0}
  .mobile-tabs a:hover,.mobile-tabs .is-here{color:var(--brass);text-decoration:none}
  .mobile-tabs .mt-mid{color:#F1EDE2}
  body{padding-bottom:64px}
}

/* ---------- Sticky listing action bar (mobile) ---------- */
.listing-actionbar{display:none}
@media(max-width:760px){
  .listing-actionbar{display:flex;position:fixed;left:0;right:0;bottom:56px;z-index:79;gap:10px;align-items:center;
    background:var(--panel);border-top:1px solid var(--line);padding:10px 16px;box-shadow:0 -6px 24px rgba(0,0,0,.12)}
  .listing-actionbar .lab-price{font-family:var(--mono);font-weight:600;font-size:1.05rem;color:var(--text)}
  .listing-actionbar .lab-cta{margin-left:auto;background:var(--green);color:#F6F4EF;border:0;border-radius:var(--r-s);
    padding:10px 18px;font-family:var(--sans);font-weight:500;font-size:.88rem}
}

/* ---------- Toast ---------- */
.toast-wrap{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:1200;display:flex;flex-direction:column;gap:8px;align-items:center}
.toast{background:var(--ink);color:#F1EDE2;border:1px solid var(--hair-d);border-radius:var(--r-m);padding:12px 18px;
  font-size:13.5px;box-shadow:0 12px 40px rgba(0,0,0,.3);display:flex;align-items:center;gap:10px;
  opacity:0;transform:translateY(10px);transition:all .28s var(--e);max-width:min(440px,92vw)}
.toast.show{opacity:1;transform:none}
.toast .tk{color:var(--up);font-weight:700}
@media(max-width:760px){.toast-wrap{bottom:130px}}

/* favourite / submit pulse */
@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}
.pulse{animation:pulse .34s var(--e)}

/* ---------- Tooltip (score explainers) ---------- */
.tip{position:relative;cursor:help;border-bottom:1px dotted var(--faint)}
.tip:hover:after,.tip:focus-visible:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:0;
  background:var(--ink);color:#F1EDE2;font-family:var(--sans);font-size:12px;font-weight:400;line-height:1.45;
  letter-spacing:0;text-transform:none;padding:9px 11px;border-radius:6px;width:250px;z-index:30;
  box-shadow:0 10px 30px rgba(0,0,0,.25);white-space:normal}
.tip:hover:before,.tip:focus-visible:before{content:"";position:absolute;bottom:calc(100% + 3px);left:14px;
  border:6px solid transparent;border-top-color:var(--ink);z-index:30}

/* ---------- Empty / error / 404 states ---------- */
.state{max-width:560px;margin:40px auto;text-align:center;padding:40px 24px}
.state .state-mark{font-family:var(--serif);font-size:3.4rem;color:var(--brass);font-weight:300;margin-bottom:6px}
.state h1{font-size:1.7rem;margin-bottom:10px}
.state p{color:var(--muted);margin:0 auto 20px;max-width:46ch}
.state .cta{display:inline-block}
.panel.empty .cta{display:inline-block;margin-top:12px}

/* ---------- Reduced motion (kept last) ---------- */
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
  .v-card:hover .v-card-img img{transform:none}
}

/* ---------- Photography (Pexels-licensed, bundled in assets/img) ---------- */
.hero.has-photo:after{display:none}
.hero-photo{position:absolute;inset:0;z-index:0}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 62%}
.hero-photo:after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(20,22,26,.97) 0%,rgba(20,22,26,.88) 40%,rgba(20,22,26,.46) 76%,rgba(20,22,26,.32) 100%),
             linear-gradient(0deg,rgba(20,22,26,.62) 0%,rgba(20,22,26,0) 46%)}
.page-hero{background:var(--ink);padding:38px 0 34px;margin:-34px 0 30px;position:relative;overflow:hidden}
.page-hero .ph-img{position:absolute;inset:0}
.page-hero .ph-img img{width:100%;height:100%;object-fit:cover;object-position:center 50%}
.page-hero .ph-img:after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(20,22,26,.95) 0%,rgba(20,22,26,.80) 48%,rgba(20,22,26,.46) 100%)}
.page-hero .wrap{position:relative;z-index:1}
.page-hero .eyebrow{color:var(--brass)}
.page-hero h1{color:#F8F4E9}
.page-hero .lead{color:#C6D0C8;margin-bottom:4px}
.page-hero .crumb,.page-hero .crumb a{color:#A7B0A8}
.page-hero .crumb a:hover{color:var(--brass)}
.editorial-band{display:grid;grid-template-columns:1fr 1.1fr;gap:0;background:var(--ink);
  border-radius:var(--r-m);overflow:hidden;margin:40px 0 10px}
.editorial-band .eb-img{min-height:280px}
.editorial-band .eb-img img{width:100%;height:100%;object-fit:cover;display:block}
.editorial-band .eb-body{padding:36px 38px;display:flex;flex-direction:column;justify-content:center}
.editorial-band .eb-body .eyebrow{color:var(--brass)}
.editorial-band h2{color:#F8F4E9;margin:0 0 10px;font-weight:300}
.editorial-band p{color:#C6D0C8;max-width:52ch;margin:0 0 18px}
.editorial-band .eb-cta{align-self:flex-start;background:var(--brass);color:#14161A;
  border-radius:var(--r-s);padding:11px 22px;font-weight:500;text-decoration:none}
.editorial-band .eb-cta:hover{filter:brightness(1.06)}
@media (max-width:760px){
  .editorial-band{grid-template-columns:1fr}
  .editorial-band .eb-img{min-height:200px}
  .editorial-band .eb-body{padding:26px 22px}
}

/* Email-alert signup band (homepage + model pages). */
.alert-band{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  background:var(--green);border-radius:var(--r-m);padding:30px 34px;margin:40px 0 10px}
.alert-band .ab-body .eyebrow{color:var(--brass)}
.alert-band h2{color:#F8F4E9;margin:0 0 8px;font-weight:300}
.alert-band .ab-sub{color:#C6D0C8;max-width:56ch;margin:0}
.alert-band .ab-action{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.alert-band .ab-action .cta{background:var(--brass);color:#14161A;border:0}
.alert-band .ab-action .cta.secondary{background:transparent;color:#F8F4E9;border:1px solid rgba(248,244,233,.4)}
.alert-band .ab-action .muted{color:#A7B0A8;margin:0}
.alert-band .ab-watching{color:#F8F4E9;margin:0;font-weight:500}
@media (max-width:760px){.alert-band{padding:24px 22px}}

/* Source attribution on search rows (aggregated-from-many-marketplaces cue). */
.row-src{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--muted);margin:2px 0 0 108px}

/* ============ v0.4.0 engagement surfaces ============ */

/* Section sub-line under a section-head (context for the showcase). */
.section-sub{margin:-6px 0 16px;font-size:14px;color:var(--muted);max-width:640px}

/* Directory / manufacturer photo card grid. */
.dir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dir-card{
  display:flex;flex-direction:column;background:var(--card,#fff);border:1px solid var(--line);
  border-radius:12px;overflow:hidden;text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.dir-card:hover{border-color:var(--brass);text-decoration:none;transform:translateY(-3px);box-shadow:0 10px 28px rgba(20,22,26,.10)}
.dir-img{display:block;aspect-ratio:16/10;background:#eceae4;overflow:hidden}
.dir-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.dir-card:hover .dir-img img{transform:scale(1.04)}
.dir-body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.dir-name{font-family:var(--serif);font-size:19px;font-weight:500;color:var(--green)}
.dir-meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.dir-band{font-size:13px;color:var(--ink)}
.dir-cta{margin-top:6px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--brass)}

/* Homepage marque band: photo chip cards. */
.mq-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.mq-card{
  display:flex;flex-direction:column;background:var(--card,#fff);border:1px solid var(--line);
  border-radius:10px;overflow:hidden;text-decoration:none;
  transition:transform .18s ease,border-color .18s ease
}
.mq-card:hover{border-color:var(--brass);text-decoration:none;transform:translateY(-2px)}
.mq-img{display:block;aspect-ratio:16/10;background:#eceae4;overflow:hidden}
.mq-img img{width:100%;height:100%;object-fit:cover;display:block}
.mq-body{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}
.mq-card .mk{font-family:var(--serif);font-size:16px;color:var(--green);font-weight:500}
.mq-card .mc{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}

/* Mega menu: two columns when models are present. */
.mega-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.mega-cols .mega-az{grid-template-columns:repeat(2,1fr)}

@media (max-width:960px){
  .dir-grid{grid-template-columns:repeat(2,1fr)}
  .mq-grid{grid-template-columns:repeat(3,1fr)}
  .mega-cols{grid-template-columns:1fr}
}
@media (max-width:600px){
  .dir-grid{grid-template-columns:1fr}
  .mq-grid{grid-template-columns:repeat(2,1fr)}
}

/* Dark theme parity for the new cards. */
html[data-theme="dark"] .dir-card,html[data-theme="dark"] .mq-card{background:var(--card,#1c1f24)}
html[data-theme="dark"] .dir-name,html[data-theme="dark"] .mq-card .mk{color:var(--brass)}

/* ============================================================
   Journal (WP-rendered blog surfaces) — v0.5.8
   Index grid + article typography + dark-mode parity for the
   in-content ob-* components the guides ship with.
   ============================================================ */

/* Article hero (page-hero variant with the featured image behind). */
.page-hero.article-hero{padding:52px 0 44px}
.page-hero.article-hero h1{font-size:clamp(26px,3.6vw,40px);max-width:26ch;line-height:1.12}

/* Journal card grid. */
.jr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:6px 0 14px}
.jr-card{
  display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .18s var(--e),border-color .18s var(--e),box-shadow .18s var(--e)
}
.jr-card:hover{border-color:var(--brass);text-decoration:none;transform:translateY(-3px);box-shadow:0 10px 28px rgba(20,22,26,.10)}
.jr-thumb{display:block;aspect-ratio:16/10;background:#eceae4;overflow:hidden}
.jr-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.jr-card:hover .jr-thumb img{transform:scale(1.04)}
.jr-thumb-empty{display:flex;align-items:center;justify-content:center;height:100%;
  font-family:var(--serif);font-size:1.1rem;color:var(--brass-ink);opacity:.55}
.jr-body{display:flex;flex-direction:column;gap:7px;padding:16px 18px 18px;flex:1}
.jr-kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-ink)}
.jr-title{font-family:var(--serif);font-size:19px;font-weight:500;color:var(--green);line-height:1.25;margin:0}
.jr-excerpt{font-size:14px;color:var(--muted);line-height:1.55;margin:0}
.jr-more{margin-top:auto;padding-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--brass)}
@media(max-width:960px){.jr-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.jr-grid{grid-template-columns:1fr}}

/* Article reading column + typography. */
.article-prose{max-width:800px;margin:0 auto;font-size:17px;line-height:1.7}
.article-prose h2{font-size:26px;margin:40px 0 12px}
.article-prose h3{font-size:20px;margin:30px 0 10px}
.article-prose p{margin:0 0 16px}
.article-prose ul,.article-prose ol{margin:0 0 16px;padding-left:24px}
.article-prose li{margin-bottom:6px}
.article-prose img{border-radius:var(--r-m);height:auto}
.article-prose figure{margin:26px 0}
.article-prose figcaption{font-size:12.5px;color:var(--muted);font-family:var(--mono);margin-top:8px}
.article-prose blockquote{border-left:3px solid var(--brass);margin:22px 0;padding:4px 0 4px 18px;color:var(--muted)}
.article-prose table{font-size:14px;margin:18px 0}
.article-prose hr{border:0;border-top:1px solid var(--line);margin:32px 0}

/* Dark-mode parity for Journal cards + the in-content ob-* components
   (their inline styles are light-theme; remap the light surfaces only —
   .ob-databox and .ob-cta are already dark green and read fine). */
html[data-theme="dark"] .jr-title{color:var(--brass)}
html[data-theme="dark"] .jr-thumb{background:#20242C}
html[data-theme="dark"] .ob-quickanswer{background:#1E2229}
html[data-theme="dark"] .ob-note{background:#1E2229;border-color:#5c4d28}
html[data-theme="dark"] .ob-table td{border-color:#2B2F39}
html[data-theme="dark"] .ob-table tr:nth-child(even) td{background:#1E2229}

/* Fix: the [hidden] attribute must beat .ccmi-consent{display:flex}, or the
   consent notice can never be dismissed (UA [hidden] styles lose to author
   display rules). */
.ccmi-consent[hidden]{display:none!important}

/* Mobile: let the wide results table scroll inside its panel rather than
   forcing the whole page wider than the viewport. Pairs with the
   overflow-x:hidden page-root guard above. */
@media(max-width:640px){
  .panel{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .search-form,.quicksearch{max-width:100%}
}


/* ---------- Companion enrich card (oldbangers-market-enrich) contrast ---------- */
/* The companion plugin prints an inline <style> with a hardcoded light card
   (.obme-databox{background:#f6f5f2}) and no text colour, so in dark mode the
   inherited light body text sat on a light card (unreadable). Higher-specificity,
   theme-aware overrides fix contrast in BOTH themes. The companion PHP can't be
   edited (host WAF blocks PHP via the editor), so the fix lives here. */
.obme-enrich .obme-databox{background:var(--panel);border-color:var(--line);color:var(--text)}
.obme-enrich .obme-databox h3,.obme-enrich .obme-databox .obme-big,.obme-enrich .obme-databox th,.obme-enrich .obme-databox td{color:var(--text)}
.obme-enrich .obme-databox th,.obme-enrich .obme-databox td{border-bottom-color:var(--line)}
.obme-enrich .obme-note{color:var(--muted)}
.obme-enrich .obme-cta a{border-color:var(--line);color:var(--green-2)}

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
.fluentform *{box-sizing:border-box}.fluentform .clearfix:after,.fluentform .clearfix:before,.fluentform .ff-el-group:after,.fluentform .ff-el-group:before,.fluentform .ff-el-repeat .ff-el-input--content:after,.fluentform .ff-el-repeat .ff-el-input--content:before,.fluentform .ff-step-body:after,.fluentform .ff-step-body:before{content:" ";display:table}.fluentform .clearfix:after,.fluentform .ff-el-group:after,.fluentform .ff-el-repeat .ff-el-input--content:after,.fluentform .ff-step-body:after{clear:both}@media (min-width:768px){.frm-fluent-form .ff-t-container{display:flex;gap:15px;width:100%}.frm-fluent-form .ff-t-container.ff_cond_v{display:flex!important}.frm-fluent-form .ff-t-container.mobile:not(.ff_excluded){display:block!important}.frm-fluent-form .ff-name-address-wrapper .ff-t-cell,.frm-fluent-form .ff-name-field-wrapper .ff-t-cell{justify-content:flex-end}.frm-fluent-form .ff-t-cell{display:flex;flex-direction:column;vertical-align:inherit;width:100%}.frm-fluent-form .ff-t-cell:first-of-type{padding-left:0}.frm-fluent-form .ff-t-cell:last-of-type{flex-grow:1;padding-right:0}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom{align-items:flex-end;display:flex;margin:auto 0 0}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom.ff-text-center{justify-content:center}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom.ff-text-right{justify-content:flex-end}.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button{margin-bottom:20px}}@media (max-width:768px){.ff-t-cell{margin-left:0!important}}.ff-cropper-lity .lity-container{max-width:960px}.ff-cropper-lity .lity-content{box-shadow:none;max-width:960px}.ff-cropper-lightbox{background:#fff;border-radius:6px;max-width:960px;overflow:hidden;width:min(960px,100vw - 40px)}.ff-cropper-lightbox__footer,.ff-cropper-lightbox__header{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:16px 20px}.ff-cropper-lightbox__header{border-bottom:1px solid #ececec}.ff-cropper-lightbox__title{font-size:18px;font-weight:600;margin:0}.ff-cropper-lity .lity-close.ff-cropper-lightbox__close{font-family:Arial,Baskerville,monospace;font-size:28px;height:32px;line-height:32px;padding:0;position:static;right:auto;text-align:center;text-decoration:none;top:auto;width:32px;z-index:auto}.ff-cropper-lity .lity-close.ff-cropper-lightbox__close,.ff-cropper-lity .lity-close.ff-cropper-lightbox__close:active,.ff-cropper-lity .lity-close.ff-cropper-lightbox__close:focus,.ff-cropper-lity .lity-close.ff-cropper-lightbox__close:hover,.ff-cropper-lity .lity-close.ff-cropper-lightbox__close:visited{background:none;border:0;box-shadow:none;color:#000;text-shadow:none}.ff-cropper-lightbox__body{max-height:calc(100vh - 180px);overflow:auto;padding:20px}.ff-cropper-lightbox__canvas{align-items:center;display:flex;justify-content:center;max-height:calc(100vh - 360px);min-height:320px;overflow:hidden}.ff-cropper-lightbox__canvas img{display:block;max-height:100%;max-width:100%}.ff-cropper-lightbox__error,.ff-cropper-lightbox__hint{font-size:13px;margin-top:10px}.ff-cropper-lightbox__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ff-cropper-lightbox__toolbar-label{color:#606266;font-size:13px;font-weight:600}.ff-cropper-lightbox__ratio-list{display:flex;flex-wrap:wrap;gap:8px}.ff-cropper-lightbox__ratio-btn{background:#fff;border:1px solid #dcdfe6;border-radius:999px;color:#606266;cursor:pointer;font-size:12px;line-height:1;padding:8px 12px}.ff-cropper-lightbox__ratio-btn.is-active{background:#ecf5ff;border-color:#1a7efb;color:#1a7efb}.ff-cropper-lightbox__error{color:#f56c6c;min-height:18px}.ff-cropper-lightbox__footer{border-top:1px solid #ececec;justify-content:flex-end}.ff-cropper-lightbox__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #dcdfe6;border-radius:4px;color:#606266;cursor:pointer;font-family:inherit;line-height:1.2;padding:10px 16px}.ff-cropper-lightbox__btn:focus,.ff-cropper-lightbox__btn:hover{background:#f5f7fa;border-color:#c0c4cc;color:#303133}.ff-cropper-lightbox__btn--primary{background:#1a7efb;border-color:#1a7efb;color:#fff}.ff-cropper-lightbox__btn--primary:focus,.ff-cropper-lightbox__btn--primary:hover{background:#0f6fe8;border-color:#0f6fe8;color:#fff}@media (max-width:767px){.ff-cropper-lightbox{width:calc(100vw - 24px)}.ff-cropper-lightbox__body{max-height:calc(100vh - 150px);padding:16px}.ff-cropper-lightbox__footer,.ff-cropper-lightbox__header{padding:14px 16px}}.fluentform .ff-el-group{margin-bottom:20px}.fluentform .ff-el-group.ff-el-form-top .ff-el-input--label{display:block;float:none;text-align:left}.fluentform .ff-el-group.ff-el-form-top .ff-el-input--content{margin-bottom:0;margin-left:auto}@media (min-width:481px){.fluentform .ff-el-group.ff-el-form-left .ff-el-input--label{text-align:left}.fluentform .ff-el-group.ff-el-form-right .ff-el-input--label{text-align:right}}.fluentform .ff-el-input--label{display:inline-block;margin-bottom:5px;position:relative}.fluentform .ff-el-input--label.ff-el-is-required.asterisk-left label:before{color:var(--fluentform-danger);content:"* ";margin-right:3px}.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after{color:var(--fluentform-danger);content:" *";margin-left:3px}.fluentform .ff-el-form-control{display:block;width:100%}.fluentform .ff-el-ratings{--ff-rating-inactive-color:#d4d4d4;--ff-rating-active-color:#ffb100;display:inline-flex;gap:3px;line-height:40px}.fluentform .ff-el-ratings input[type=radio]{display:none;height:0!important;visibility:hidden!important;width:0!important}.fluentform .ff-el-ratings label{align-items:center;border-radius:4px;display:inline-flex;justify-content:center;margin-right:3px;outline:none}.fluentform .ff-el-ratings label:focus,.fluentform .ff-el-ratings label:focus-within{box-shadow:0 0 0 2px rgba(255,177,0,.25)}.fluentform .ff-el-ratings label .ff-rating-icon{color:var(--ff-rating-inactive-color);display:inline-flex}.fluentform .ff-el-ratings label .ff-rating-icon-svg{display:block;height:22px;transition:all .3s;vertical-align:middle;width:22px}.fluentform .ff-el-ratings label .ff-rating-icon-svg.scale{transition:all .15s}.fluentform .ff-el-ratings label .ff-rating-icon-svg [fill]:not([fill=none]){fill:currentColor!important}.fluentform .ff-el-ratings label .ff-rating-icon-svg [stroke]:not([stroke=none]){stroke:currentColor!important}.fluentform .ff-el-ratings label.active .ff-rating-icon{color:var(--ff-rating-active-color)}.fluentform .ff-el-ratings label:focus,.fluentform .ff-el-ratings label:focus-within,.fluentform .ff-el-ratings label:hover{cursor:pointer}.fluentform .ff-el-ratings label:focus .ff-rating-icon-svg,.fluentform .ff-el-ratings label:focus-within .ff-rating-icon-svg,.fluentform .ff-el-ratings label:hover .ff-rating-icon-svg{transform:scale(1.1)}.fluentform .ff-el-ratings label:focus .ff-rating-icon-svg.scalling,.fluentform .ff-el-ratings label:focus-within .ff-rating-icon-svg.scalling,.fluentform .ff-el-ratings label:hover .ff-rating-icon-svg.scalling{transform:scale(1.2)}.fluentform .ff-el-repeat .ff-el-form-control{margin-bottom:10px;width:100%}.fluentform .ff-el-repeat .ff-t-cell{padding:0 10px;width:100%}.fluentform .ff-el-repeat .ff-t-cell:first-child{padding-left:0}.fluentform .ff-el-repeat .ff-t-cell:last-child{padding-right:0}.fluentform .ff-el-repeat .ff-t-container{display:flex}.fluentform .ff-el-repeat-buttons-list span{cursor:pointer}@media (min-width:481px){.fluentform .ff-el-form-left .ff-el-input--label,.fluentform .ff-el-form-right .ff-el-input--label{float:left;margin-bottom:0;padding:10px 15px 0 0;width:180px}.fluentform .ff-el-form-left .ff-el-input--content,.fluentform .ff-el-form-right .ff-el-input--content{margin-left:180px}.fluentform .ff-el-form-left .ff-t-container .ff-el-input--label,.fluentform .ff-el-form-right .ff-t-container .ff-el-input--label{float:none;margin-bottom:5px;width:auto}.fluentform .ff-el-form-left .ff-t-container .ff-el-input--content,.fluentform .ff-el-form-right .ff-t-container .ff-el-input--content{margin-left:auto}}.fluentform .ff-el-form-right .ff-el-input--label{text-align:right}.fluentform .ff-el-is-error .text-danger{font-size:12px;margin-top:4px}.fluentform .ff-el-is-error .ff-el-form-check-label,.fluentform .ff-el-is-error .ff-el-form-check-label a{color:var(--fluentform-danger)}.fluentform .ff-el-is-error .ff-el-form-control{border-color:var(--fluentform-danger)}.fluentform .ff-el-tooltip{cursor:pointer;display:inline-block;margin-left:2px;position:relative;vertical-align:middle;z-index:2}.fluentform .ff-el-tooltip:hover{color:#000}.fluentform .ff-el-tooltip svg{fill:var(--fluentform-primary)}.fluentform .ff-el-help-message{color:var(--fluentform-secondary);font-size:12px;font-style:italic;margin-top:5px}.fluentform .ff-el-help-message.ff_ahm{margin-bottom:5px;margin-top:-3px}.fluentform .ff-el-progress{background-color:#e9ecef;border-radius:.25rem;font-size:.75rem;height:1.3rem;line-height:1.2rem;overflow:hidden}.fluentform .ff-el-progress-bar{background-color:var(--fluentform-primary);color:#fff;height:inherit;text-align:right;transition:width .3s;width:0}.fluentform .ff-el-progress-bar span{display:inline-block;padding:0 5px 0 0}.fluentform .ff-el-progress-status{font-size:.9rem;margin-bottom:5px}.fluentform .ff-el-progress-title{border-bottom:2px solid #000;display:inline-block;font-weight:600;list-style-type:none;margin:8px 0 0;padding-left:15px;padding-right:15px}.fluentform .ff-el-progress-title li{display:none}.fluentform .ff-float-right{float:right}.fluentform .ff-chat-gpt-loader-svg{border:1px solid #ced4da;box-shadow:0 1px 5px rgba(0,0,0,.1);margin-top:10px;padding:15px;position:relative}.fluentform .ff-hidden{display:none!important}.fluentform .ff-step-t-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.fluentform .ff-step-t-container .ff-t-cell{width:auto}.fluentform .ff-step-t-container.ff-inner_submit_container .ff-el-group{margin-bottom:0}.fluentform .ff-step-container{overflow:hidden}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left],.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left]{align-items:stretch;display:flex;gap:12px}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header{align-self:stretch;flex:0 0 30%;margin-bottom:0}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-body,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-body{flex:1 1 auto;min-width:0}.fluentform .ff-step-header{margin-bottom:20px}.fluentform .ff-step-header--tabs-left{display:flex;flex-direction:column;margin-bottom:0}.fluentform .ff-step-header--tabs{background:#f5f8ff;border-radius:8px;display:flex;flex-direction:column;padding:16px}.fluentform .ff-step-header--tabs-top .ff-step-titles{justify-content:center}.fluentform .ff-step-header--tabs-top .ff-step-titles.ff-step-titles--overflowing{justify-content:flex-start}.fluentform .ff-step-header--tabs-top .ff-step-titles li .ff-step-title-text{flex:0 1 auto;margin:0 auto;max-width:100%;width:auto}.fluentform .ff-step-header--tabs .ff-step-progress-wrap--tabs{margin-top:16px}.fluentform .ff-step-header--tabs .ff-step-progress-wrap--tabs .ff-el-progress{background:#dce7f6;border-radius:999px;height:8px}.fluentform .ff-step-header--tabs .ff-step-progress-wrap--tabs .ff-el-progress-bar{border-radius:inherit}.fluentform .ff-step-header--tabs .ff-step-progress-wrap--tabs .ff-el-progress-bar span{display:none}.fluentform .ff-step-header--tabs .ff-step-progress-wrap--tabs .ff-el-progress-status{color:#5f6f89;font-size:14px;font-weight:600;margin:8px 0 0;text-align:right}.fluentform .ff-step-header--tabs .ff-step-titles{counter-reset:none;display:flex;flex-wrap:nowrap;gap:12px;margin:0;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:thin;width:100%}.fluentform .ff-step-header--tabs .ff-step-titles.ff-step-titles-navs{cursor:default}.fluentform .ff-step-header--tabs .ff-step-titles li{align-items:center;background:#fff;border:1px solid #d6dee8;border-radius:14px;color:#4b5563;display:flex;flex:0 0 160px;font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1.3;margin:0;min-height:48px;padding:12px 14px;text-align:center}.fluentform .ff-step-header--tabs .ff-step-titles li:after,.fluentform .ff-step-header--tabs .ff-step-titles li:before{display:none}.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-icon{align-items:center;color:inherit;display:inline-flex;flex:0 0 auto;font-size:16px;height:16px;justify-content:center;line-height:1;width:16px}.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text{align-items:center;display:flex;flex:1 1 auto;gap:8px;justify-content:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text i,.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text span[class*=dashicons],.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text svg{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;line-height:1}.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text svg{height:16px;width:16px}.fluentform .ff-step-header--tabs .ff-step-titles li:first-child,.fluentform .ff-step-header--tabs .ff-step-titles li:last-child{padding-left:14px;padding-right:14px}.fluentform .ff-step-header--tabs .ff-step-titles li:focus-visible,.fluentform .ff-step-header--tabs .ff-step-titles li:hover{background:#f8fbff;border-color:#b8d4fb;color:#007bff}.fluentform .ff-step-header--tabs .ff-step-titles li.ff_completed{background:#f8fbff;border-color:#c8dcfb;color:#007bff}.fluentform .ff-step-header--tabs .ff-step-titles li.ff_active{background:#f2f8ff;border-color:#007bff;color:#007bff}.fluentform .ff-step-header--tabs-left{background:#f5f8ff;border-radius:12px;padding:16px}.fluentform .ff-step-header--tabs-left .ff-step-titles{background:transparent;border:0;border-radius:0;counter-reset:step;display:block;flex:1 1 auto;margin-bottom:0;max-height:240px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-width:thin}.fluentform .ff-step-header--tabs-left .ff-step-titles li{align-items:center;background:#fff;border:1px solid #d6dee8;border-radius:8px;box-sizing:border-box;color:#4b5563;display:flex;font-size:14px;font-weight:600;justify-content:flex-start;margin:0 0 16px;min-height:48px;overflow:hidden;padding:12px 14px 12px 48px;position:relative;text-align:left}.fluentform .ff-step-header--tabs-left .ff-step-titles li:before{align-items:center;background:#fff;border:1px solid #c8d1dc;border-radius:8px;color:#4b5563;content:counter(step);counter-increment:step;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;left:12px;line-height:1;margin:0;position:absolute;top:50%;transform:translateY(-50%);width:28px;z-index:2}.fluentform .ff-step-header--tabs-left .ff-step-titles li:after{background:#d9e0e8;content:"";height:10px;left:34px;position:absolute;top:calc(100% + 1px);width:2px}.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text{display:block;flex:1 1 auto;justify-content:flex-start;line-height:1.3;min-width:0;overflow:hidden;padding-left:4px;text-overflow:ellipsis;white-space:nowrap;width:auto}.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text i,.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text span[class*=dashicons],.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text svg{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;line-height:1}.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text svg{height:16px;width:16px}.fluentform .ff-step-header--tabs-left .ff-step-titles li:focus-visible,.fluentform .ff-step-header--tabs-left .ff-step-titles li:hover{background:#f8fbff;border-color:#b8d4fb;color:#007bff}.fluentform .ff-step-header--tabs-left .ff-step-titles li.ff_completed{background:#f8fbff;border-color:#c8dcfb;color:#007bff}.fluentform .ff-step-header--tabs-left .ff-step-titles li.ff_completed:before{background:#fff;border-color:#007bff;color:#007bff}.fluentform .ff-step-header--tabs-left .ff-step-titles li.ff_completed:after{background:#9ec5fe}.fluentform .ff-step-header--tabs-left .ff-step-titles li.ff_active{background:#f2f8ff;border-color:#007bff;color:#007bff}.fluentform .ff-step-header--tabs-left .ff-step-titles li.ff_active:before{background:#007bff;border-color:#007bff;color:#fff}.fluentform .ff-step-header--tabs-left .ff-step-titles li:first-child{padding-left:48px}.fluentform .ff-step-header--tabs-left .ff-step-titles li:last-child{margin-bottom:0;padding-left:48px;padding-right:14px}.fluentform .ff-step-header--tabs-left .ff-step-titles li:last-child:after{display:none}.fluentform .ff-step-titles{counter-reset:step;display:table;margin:0 0 20px;overflow:hidden;padding:0;position:relative;table-layout:fixed;text-align:center;width:100%}.fluentform .ff-step-titles--clickable li,.fluentform .ff-step-titles-navs{cursor:pointer}.fluentform .ff-step-titles--clickable li:focus-visible{outline:2px solid;outline-offset:2px}.fluentform .ff-step-titles li{color:#333;display:table-cell;font-size:12px;list-style-type:none;padding:0 10px;position:relative;vertical-align:top;width:auto}.fluentform .ff-step-titles li.ff_active,.fluentform .ff-step-titles li.ff_completed{color:#007bff}.fluentform .ff-step-titles li.ff_active:before,.fluentform .ff-step-titles li.ff_completed:before{background:#007bff;border:1px solid transparent;color:#fff}.fluentform .ff-step-titles li.ff_active:after,.fluentform .ff-step-titles li.ff_completed:after{background:#007bff}.fluentform .ff-step-titles li.ff_active:after{right:0}.fluentform .ff-step-titles li:before{background:#fff;border:1px solid;border-radius:3px;color:#333;content:counter(step);counter-increment:step;display:block;font-size:10px;line-height:20px;margin:0 auto 5px;position:relative;vertical-align:top;width:20px;z-index:10}.fluentform .ff-step-titles li:after{background:#000;content:"";height:2px;left:-50%;position:absolute;top:9px;width:100%;z-index:1}.fluentform .ff-step-titles li:first-child{padding-left:0}.fluentform .ff-step-titles li:first-child:after{left:50%}.fluentform .ff-step-titles li:last-child{padding-right:0}.fluentform .ff-step-titles li:last-child:after{left:-50%}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .fluentform .ff-step-titles,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .fluentform .ff-step-titles{margin-bottom:0}.fluentform .ff-step-body{left:0;margin-bottom:15px;position:relative;top:0}@media (max-width:767px){.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left],.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left]{display:block}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header{flex:unset;margin-bottom:20px}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles{background:transparent;border:0;border-radius:0;display:flex;gap:10px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li{border-radius:12px;justify-content:center;margin:0;min-height:56px;padding:14px 12px;text-align:center}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li:after,.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li:before,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li:after,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li:before{display:none}.fluentform .ff-step-container[data-progress_indicator=steps_with_nav][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text,.fluentform .ff-step-container[data-progress_indicator=tabs][data-progress_layout=left] .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text{justify-content:center}}.fluentform .ff-upload-progress{margin:10px 0}.fluentform .ff-upload-progress-inline{border-radius:3px;height:6px;margin:4px 0;position:relative}.fluentform .ff-upload-preview{border:1px solid #ced4da;border-radius:3px;margin-top:5px}.fluentform .ff-upload-preview:first-child{margin-top:0}.fluentform .ff-upload-preview-img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:70px;width:70px}.fluentform .ff-upload-container-small-column-image{display:flex;flex-wrap:wrap-reverse;justify-content:center;text-align:center}.fluentform .ff-upload-details,.fluentform .ff-upload-preview{zoom:1;overflow:hidden}.fluentform .ff-upload-details,.fluentform .ff-upload-thumb{display:table-cell;vertical-align:middle}.fluentform .ff-upload-thumb{background-color:#eee}.fluentform .ff-upload-details{border-left:1px solid #ebeef0;padding:0 10px;position:relative;width:10000px}.fluentform .ff-upload-details .ff-inline-block,.fluentform .ff-upload-details .ff-upload-error{font-size:11px}.fluentform .ff-upload-remove{box-shadow:none!important;color:var(--fluentform-danger);cursor:pointer;font-size:16px;line-height:1;padding:0 4px;position:absolute;right:0;top:3px}.fluentform .ff-upload-remove:hover{color:var(--fluentform-danger);text-shadow:1px 1px 1px #000!important}.fluentform .ff-upload-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fluentform .ff-table{margin-bottom:0}.fluentform .ff-checkable-grids{border:1px solid #f1f1f1;border-collapse:collapse}.fluentform .ff-checkable-grids thead>tr>th{background:#f1f1f1;border:0;padding:7px 5px;text-align:center}.fluentform .ff-checkable-grids tbody>tr>td{border:0;padding:7px 5px}.fluentform .ff-checkable-grids tbody>tr>td:not(:first-of-type){text-align:center}.fluentform .ff-checkable-grids tbody>tr:nth-child(2n)>td{background:#f1f1f1}.fluentform .ff-checkable-grids tbody>tr:nth-child(2n-1)>td{background:#fff}.fluentform .ff-screen-reader-element{clip:rect(0,0,0,0)!important;word-wrap:normal!important;border:0!important;height:1px!important;margin:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.fluentform .ff_upload_btn.ff-btn{background:#6f757e;border-color:#6f757e;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px}.fluentform .ff_upload_btn.ff-btn:hover{background-color:#91959b;outline:none}.fluentform .ff_upload_btn.ff-btn:focus-visible{background-color:#91959b;outline:none}.fluentform .ff-el-tc{border:none;border-collapse:collapse;display:table;width:100%}.fluentform .ff-el-tc label.ff_tc_label{display:table-row}.fluentform .ff-el-tc label.ff_tc_label>span{padding-top:8px!important;width:20px}.fluentform .ff-el-tc label.ff_tc_label>div,.fluentform .ff-el-tc label.ff_tc_label>span{display:table-cell}.fluentform .ff-saved-state-input .ff_input-group-text{background-color:#1a7efb;border-color:#1a7efb;margin-left:-1px}.fluentform .ff-saved-state-input .ff_input-group-text:hover{background-color:#4898fc;border-color:#4898fc;opacity:1}.fluentform .ff-saved-state-input .ff_input-group-text img{width:28px}.fluentform .ff-saved-state-link input{text-overflow:ellipsis}.fluentform .ff-hide-group{display:none}.fluentform .ff_t_c{margin:0;padding:0 5px 0 0}.fluentform .ff_t_c p{margin:0;padding:0}.fluentform .force-hide{border:0;display:block;height:0;margin:0;opacity:0;padding:0;visibility:hidden}.fluentform input[type=checkbox],.fluentform input[type=radio]{display:inline-block;margin:0}.fluentform .text-danger{color:var(--fluentform-danger)}.fluentform .iti{width:100%}.fluentform .iti__selected-flag{background:rgba(0,0,0,.1);border-bottom-left-radius:6px;border-top-left-radius:6px}.fluentform .ff_gdpr_field{margin-right:5px}.fluentform form.ff-form-has-steps .ff-btn-submit{visibility:hidden}.fluentform form.ff-form-has-steps .ff_submit_btn_wrapper{text-align:right}.fluentform textarea{max-width:100%}.fluentform .ff-el-form-check{margin-bottom:5px}.fluentform .ff-el-form-check span.ff_span{margin-left:6px}.fluentform .ff-el-form-check-label .ff-el-form-check-input{position:relative;top:-2px;vertical-align:middle}.fluentform .ff-inline-block{display:inline-block}.fluentform .ff-inline-block+.ff-inline-block{margin-left:10px}.fluentform .ff-text-left{text-align:left}.fluentform .ff-text-center{text-align:center}.fluentform .ff-text-right{text-align:right}.fluentform .ff-el-form-control:focus~.ff-el-help-message{display:block!important}.fluentform .ff-el-form-control::-moz-placeholder{color:#868e96;opacity:1}.fluentform .ff-el-form-control::placeholder{color:#868e96;opacity:1}.fluentform .ff-el-form-control:disabled,.fluentform .ff-el-form-control[readonly]:not(.flatpickr-input){background-color:#e9ecef;opacity:1}.fluentform .iti__search-input{min-height:30px}.fluentform-step{float:left;height:1px;overflow-x:hidden;padding:3px}.fluentform-step.active{height:auto;width:100%}.fluentform-step .ff_summary_container{font-size:14px;margin-top:10px}.step-nav .next{float:right}.fluentform .has-conditions{display:none}.ff-message-success{border:1px solid #ced4da;box-shadow:0 1px 5px rgba(0,0,0,.1);margin-top:10px;padding:15px;position:relative}.ff-errors-in-stack{display:none;margin-top:15px}.ff-errors-in-stack .error{font-size:14px;line-height:1.7}.ff-errors-in-stack .error-clear{cursor:pointer;margin-left:5px;padding:0 5px}.ff-chat-reply-container div p{border-radius:6px;margin-top:12px;padding:20px 16px}.ff-chat-reply-container div .skeleton{animation:skeleton-loading 2s linear infinite alternate;padding:24px}@keyframes skeleton-loading{0%{background-color:#e3e6e8}to{background-color:#f0f3f5}}.ff-el-chat-container{position:relative}.ff-el-chat-container textarea{outline:none;position:relative;resize:none}.ff-el-chat-container .ff_btn_chat_style{background:transparent;border:none;position:absolute;right:10px;top:38%}.ff-el-chat-container .ff_btn_chat_style svg:hover{cursor:pointer;opacity:.8;outline:0;text-decoration:none;transition:all .4s}.iti-mobile .iti--container{z-index:9999}.fluentform .hidden_field{display:none!important}.fluentform .ff_force_hide{display:none!important;visibility:hidden!important}.fluentform .ff_scrolled_text{background:#e9ebed;height:200px;overflow:scroll;padding:10px 15px}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label{margin:0}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label:focus-within span{background-color:#b3d4fc}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check{display:-moz-inline-stack;display:inline-block;float:none!important;margin:0 0 10px;position:relative;width:auto!important}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input{margin:0;opacity:0;outline:none;position:absolute;z-index:-1}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span{-webkit-appearance:none;background:#fff;border:1px solid #dcdfe6;border-left:0;border-radius:0;box-sizing:border-box;color:#606266;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:1;margin:0;outline:none;padding:12px 20px;position:relative;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;vertical-align:middle;white-space:nowrap}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span:hover{color:#1a7efb}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder{border:1px solid #dcdfe5;overflow:hidden}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder span{border:none!important;border-radius:0!important;margin-left:-1px;width:100%}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder.ff_item_selected{border-color:#1a7efb}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label>span{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px;box-shadow:none!important}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label>span{border-radius:0 4px 4px 0}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span{background-color:#1a7efb;border-color:#1a7efb;box-shadow:-1px 0 0 0 #8cc5ff;color:#fff}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label>span{border-left-color:#1a7efb}@media only screen and (max-width:768px){.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check{display:block;width:100%}.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span{border:1px solid!important;border-radius:4px!important;box-shadow:none!important;display:block;width:100%}}.fluentform .ff-el-group.ff-hpsf-container{display:none!important;position:absolute!important;transform:translateX(1000%)!important}.fluentform div.ff-el-form-hide_label>.ff-el-input--label{display:none;visibility:hidden}.fluentform .ff_file_upload_holder{margin-bottom:0}.fluentform .ff-dropzone .ff_upload_btn.ff-btn{background:rgba(223,240,255,.13);border:1px dashed var(--fluentform-primary);border-radius:var(--fluentform-border-radius);color:var(--fluentform-secondary);display:block;padding:35px;text-align:center;transition:all .2s ease;width:100%}.fluentform .ff-dropzone .ff_upload_btn.ff-btn:hover{background:rgba(223,240,255,.49)}.fluentform .ff-dropzone .ff-uploaded-list{margin-top:10px}.fluentform .ff_center{text-align:center}.fluentform .ff_right{text-align:right}.fluentform .ff_left{text-align:left}.fluentform .ff-form-inline .ff-t-container,.fluentform .ff-form-inline>.ff-el-group,.fluentform .ff-form-inline>.ff-name-field-wrapper{display:inline-block;margin-right:10px;vertical-align:top}.fluentform .ff-form-inline .ff-t-container .ff-t-cell .ff-el-input--label,.fluentform .ff-form-inline .ff-t-container>.ff-el-input--label,.fluentform .ff-form-inline>.ff-el-group .ff-t-cell .ff-el-input--label,.fluentform .ff-form-inline>.ff-el-group>.ff-el-input--label,.fluentform .ff-form-inline>.ff-name-field-wrapper .ff-t-cell .ff-el-input--label,.fluentform .ff-form-inline>.ff-name-field-wrapper>.ff-el-input--label{display:none}.fluentform .ff-form-inline .ff-t-container .ff-el-input--content,.fluentform .ff-form-inline>.ff-el-group .ff-el-input--content,.fluentform .ff-form-inline>.ff-name-field-wrapper .ff-el-input--content{margin-left:0}.fluentform .ff-form-inline .ff-t-container:last-child,.fluentform .ff-form-inline>.ff-el-group:last-child,.fluentform .ff-form-inline>.ff-name-field-wrapper:last-child{margin-right:0}.fluentform .ff-t-container .ff-name-title{width:40%}.fluentform .ff_hide_label .ff-el-input--label{display:none}.fluentform .field-value{white-space:pre-line}.fluentform .ff-el-group .ff-read-only{background-color:#e9ecef!important;opacity:1;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.fluentform .ff-el-group .ff-read-only:focus{outline:none}.fluentform label.ff-el-image-input-src{background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:block;height:200px;width:200px}.fluentform .ff-el-image-holder{float:left;margin-bottom:20px;margin-right:20px;width:200px}.fluentform .ff-el-image-holder .ff-el-form-check-label{padding-left:1px}.fluentform .ff_el_checkable_photo_holders{display:block;margin-bottom:-20px;overflow:hidden}.fluentform .ff-other-input-wrapper input{background:inherit}.fluentform .ff-other-input-wrapper{display:none;margin-top:8px}.fluentform .select2-container{width:100%!important}.fluentform .select2-container .select2-selection__rendered li{margin:0}.fluentform .select2-container .select2-search--inline>input{height:calc(2.25rem + 2px);line-height:1.5;margin-top:0;padding:.375rem 1.75rem .375rem .75rem}.fluentform .ff-el-form-bottom{display:flex;flex-direction:column-reverse}.fluentform .ff-el-form-bottom .ff-el-input--label{margin-bottom:0;margin-top:5px}.fluentform .mce-tinymce.mce-container.mce-panel{border:1px solid #ced4da}.fluentform .ff_input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.fluentform .ff_input-group>.ff-el-form-control:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;display:inline-block;width:auto}.fluentform .ff_input-group>.ff-el-form-control:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.fluentform .ff_input-group .ff-el-form-control{flex:1 1 auto;margin-bottom:0;position:relative;width:1%}.fluentform .ff_input-group-prepend{margin-right:-1px}.fluentform .input-group-append{margin-left:-1px}.fluentform .ff_input-group-append,.fluentform .ff_input-group-prepend{display:flex}.fluentform .ff_input-group>.ff_input-group-prepend>.ff_input-group-text{border-bottom-right-radius:0;border-top-right-radius:0}.fluentform .ff_input-group>.ff_input-group-append>.ff_input-group-text{border-bottom-left-radius:0;border-top-left-radius:0}.fluentform .ff_input-group-text{align-items:center;background-color:#e9ecef;border-radius:.25rem;color:#495057;display:flex;font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:0;padding:.375rem .75rem;text-align:center;white-space:nowrap}.fluentform .ff_coupon_wrapper .ff_input-group-append{cursor:pointer}.fluentform .ff_coupon_wrapper .ff_input-group-append:hover .ff_input-group-text{background:#e3e8ed}.fluentform ul.ff_coupon_responses{list-style:none;margin:0;padding:0}.fluentform ul.ff_coupon_responses li{padding-top:5px}.fluentform ul.ff_coupon_responses span.error-clear{color:#ff5050;font-weight:700;margin-right:10px}.fluentform ul.ff_coupon_responses .ff_error{color:#f56c6c;cursor:pointer}.fluentform ul.ff_coupon_responses .ff_success{color:#28a745}.fluentform .ff-btn.disabled{opacity:.65}.fluentform .ff-btn.ff-working{position:relative;transition:all .3s ease}.fluentform .ff-btn.ff-working:after{animation:ff-progress-anim 4s 0s infinite;background:hsla(0,0%,100%,.4);bottom:0;content:"";height:5px;left:0;position:absolute;right:0}.fluentform .ff-btn-block{display:block;width:100%}.fluentform .ff-btn-block+.ff-el-btn-block{margin-top:8px}.fluentform .ff_submitting{pointer-events:none}@keyframes ff-progress-anim{0%{width:0}5%{width:0}10%{width:15%}30%{width:40%}50%{width:55%}80%{width:100%}95%{width:100%}to{width:0}}.ff_modal_container{background:#fff;max-height:90vh!important;max-width:900px;overflow:auto;padding:30px}@media only screen and (min-width:1000px){.ff_modal_container{width:900px}}.select2-results__option{margin:0}.fluentform span.select2.select2-container:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #495057;content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ff_pointer{cursor:pointer}.ff_net_table{border:0;border-collapse:separate;border-spacing:0;line-height:1.4;margin:0;padding:0;table-layout:fixed;width:100%}.ff_net_table th{border:none;font-size:13px;font-weight:400;padding:8px 0;text-align:center;vertical-align:bottom}.ff_net_table th .ff_not-likely{float:left;text-align:left}.ff_net_table th .ff_extremely-likely{float:right;text-align:right}.ff_net_table tbody tr{background:none;border:0}.ff_net_table tbody tr td{background-color:#fff;border:1px solid #ddd;border-left:0;padding:0;text-align:center;vertical-align:middle}.ff_net_table tbody tr td input[type=radio]:checked+label{background-color:#4caf50;color:#fff}.ff_net_table tbody tr td:first-of-type{border-left:1px solid #ddd;border-radius:5px 0 0 5px}.ff_net_table tbody tr td:last-child{border-radius:0 5px 5px 0}.ff_net_table tbody tr td label{border:0;color:#444;cursor:pointer;display:block;font-size:16px;font-weight:700;height:40px;line-height:40px;margin:0;position:relative;width:100%}.ff_net_table tbody tr td label:after{border:0;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ff_net_table tbody tr td label:hover:after{border:2px solid #4caf50}.ff-el-pop-content{background-color:#000;border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.2);color:#fff;font-size:11px;line-height:1.2;padding:10px;position:absolute;text-align:center;transform-origin:center bottom;z-index:9999}.ff-checkable-grids.mobile{border:0}.ff-checkable-grids.mobile tbody tr{padding-top:0!important}.ff-checkable-grids.mobile tbody tr:nth-child(2n)>td{background:transparent}.ff-checkable-grids.mobile tbody td{padding-left:10px!important;text-align:left!important}.ff-checkable-grids.mobile tbody td.ff_grid_header{background-color:#eee!important;margin:0}.ff-checkable-grids.mobile tbody td:after{content:attr(data-label);display:inline-block;letter-spacing:.5pt;padding-left:10px;white-space:nowrap}span.ff-el-rating-text{line-height:100%;padding-left:5px;vertical-align:bottom}table.ff_repeater_table{background:transparent!important;border:0;border-collapse:collapse;border-spacing:0;margin:0 0 5px;padding:0;table-layout:auto!important;vertical-align:middle;width:100%}table.ff_repeater_table th{font-size:90%;padding:0;text-align:left}table.ff_repeater_table th,table.ff_repeater_table tr{background:transparent!important;border:0;padding-top:5px}table.ff_repeater_table td{background:transparent!important;border:0;max-width:100%;padding:0 15px 15px 0;text-align:left;width:282px}table.ff_repeater_table tbody tr:only-child td .repeat-minus{visibility:hidden}table.ff_repeater_table .ff-el-group{margin:0;padding:0}table.ff_repeater_table .repeat_btn{padding-right:0;vertical-align:middle;width:30px}table.ff_repeater_table .repeat_btn span.ff-icon{cursor:pointer;margin-right:10px}table.ff_repeater_table .repeat_btn span.ff-icon.icon-minus-circle{margin-right:0}table.ff_repeater_table.repeat-maxed .repeat_btn .repeat-plus{visibility:hidden}.ff-repeater-container{display:flex;flex-direction:column}.ff-repeater-container .repeat_btn{align-self:center;display:flex}.ff-repeater-container .ff_repeater_cont_row,.ff-repeater-container .ff_repeater_header{display:flex;flex-wrap:nowrap}.ff-repeater-container .ff_repeater_cont_row:only-child .repeat-minus{visibility:hidden}.ff-repeater-container .ff_repeater_cell,.ff-repeater-container .ff_repeater_header_item{box-sizing:border-box;padding:0 15px 0 0;text-align:left}.ff-repeater-container .ff-el-repeat-buttons-list{display:flex;margin-top:34%}.ff_repeater_table.mobile tbody td{display:block;padding:10px;width:100%}.ff_repeater_table.mobile tbody td .ff-el-group{margin-top:6px}.ff_repeater_table.mobile tbody td:before{clear:both;content:attr(data-label);display:block;font-size:.875em;letter-spacing:.5pt;white-space:nowrap}.ff-el-section-break .ff-el-section-title{font-weight:600;margin-bottom:5px}.ff-el-section-break hr{background-color:#dadbdd;border:none;height:1px;margin-bottom:10px}table.ff_flexible_table.ff-checkable-grids{width:100%}.ff_flexible_table.mobile thead{left:-9999px;position:absolute;top:-9999px}.ff_flexible_table.mobile tbody td{display:block;padding:10px;width:100%}.ff_flexible_table.mobile tbody tr{background:#fff;border-bottom:1px solid #ced4da;border-top:1px solid #ced4da;border-color:#ced4da;border-style:solid;border-width:2px 1px 4px;display:block;margin:16px 0 10px;position:relative}@media only screen and (max-width:400px){.ff_repeater_table{width:100%}.ff_repeater_table thead{display:none}.ff_repeater_table tbody tr{border:1px solid #ddd;display:block;margin-bottom:15px;padding:10px}.ff_repeater_table tbody td{display:block;padding:5px 0;text-align:left;width:100%!important}.ff_repeater_table tbody td .ff-el-input--content{width:100%}.ff_repeater_table .repeat_btn{margin-top:10px;padding:10px 0;text-align:center;width:100%}.ff_repeater_table .repeat_btn .ff-el-repeat-buttons-list{display:flex;justify-content:space-between}.ff_repeater_table .repeat_btn .ff-el-repeat-buttons-list span{background-color:#f0f0f0;border-radius:3px;cursor:pointer;padding:5px 10px}}@media only screen and (min-width:641px){.fluentform .ff-el-group.ff_list_3col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0 0 2px;min-height:28px;padding-right:16px;vertical-align:top;width:33.3%}.fluentform .ff-el-group.ff_list_2col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0;min-height:28px;padding-right:16px;vertical-align:top;width:50%}.fluentform .ff-el-group.ff_list_4col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0;min-height:28px;padding-right:16px;vertical-align:top;width:25%}.fluentform .ff-el-group.ff_list_5col .ff-el-form-check{display:-moz-inline-stack;display:inline-block;margin:0;min-height:28px;padding-right:16px;vertical-align:top;width:20%}.fluentform .ff-el-group.ff_list_inline .ff-el-form-check{display:-moz-inline-stack;display:inline-block;float:none!important;margin:0 15px 10px 0;width:auto!important}}@media (max-width:767px){table.ff_flexible_table,table.ff_flexible_table.ff-checkable-grids{border:0}table.ff_flexible_table.ff-checkable-grids tbody tr{padding-top:0!important}table.ff_flexible_table.ff-checkable-grids tbody tr td.ff_grid_header{background-color:#eee!important;margin:0;text-align:center}table.ff_flexible_table.ff-checkable-grids tbody tr td{text-align:left!important}table.ff_flexible_table.ff-checkable-grids tbody tr td:before{content:none!important}table.ff_flexible_table.ff-checkable-grids tbody tr td:after{content:attr(data-label);display:inline-block;letter-spacing:.5pt;padding-left:10px;white-space:nowrap}table.ff_flexible_table.ff-checkable-grids tbody tr:nth-child(2n)>td{background:transparent}table.ff_flexible_table thead{left:-9999px;position:absolute;top:-9999px}table.ff_flexible_table tbody tr{background:#fff;border-bottom:1px solid #ced4da;border-top:1px solid #ced4da;border-color:#ced4da;border-style:solid;border-width:2px 1px 4px;display:block;margin:16px 0 10px;padding-top:12px!important;position:relative}table.ff_flexible_table tbody tr td{display:block;margin-left:8px;margin-right:8px;padding:5px}table.ff_flexible_table tbody tr td:before{clear:both;content:attr(data-label);display:block;font-size:.875em;letter-spacing:.5pt;white-space:nowrap}table.ff_flexible_table tbody tr td.repeat_btn{background-color:#eee;margin-left:0;padding:10px!important;width:100%!important}table.ff_flexible_table tbody tr td.repeat_btn .ff-el-repeat-buttons-list{float:none;width:100%}}@media only screen and (max-width:768px){.lity-container{width:96%}.fluentform .ff-t-container .ff-name-title{width:100%}.ff_repeater_cont_row{background:#fff;border-bottom:1px solid #ced4da;border-top:1px solid #ced4da;border-color:#ced4da;border-style:solid;border-width:2px 1px 4px;display:flex;flex-direction:column;margin:16px 0 10px;padding-top:12px}.ff_repeater_cont_row .ff_repeater_cell{display:block;margin-left:8px;margin-right:8px;padding:5px}.ff_repeater_cont_row .ff-t-cell{flex-basis:100%!important;max-width:100%;width:100%}.ff_repeater_cont_row .ff_repeater_body[role=rowgroup]{display:flex;flex-direction:column}.ff-repeater-container .ff-el-repeat-buttons-list{margin-top:-28px}.ff-el-repeat-buttons-list{margin-top:0}}
:root{--fluentform-primary:#1a7efb;--fluentform-secondary:#606266;--fluentform-danger:#f56c6c;--fluentform-border-color:#dadbdd;--fluentform-border-radius:7px;--fluentform-input-select-height:auto}.ff-default .ff_btn_style{border:1px solid transparent;border-radius:7px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;line-height:1.5;padding:8px 20px;position:relative;text-align:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.ff-default .ff_btn_style:focus,.ff-default .ff_btn_style:hover{opacity:.8;outline:0;text-decoration:none}.ff-default .ff-btn-primary:not(.ff_btn_no_style){background-color:#007bff;border-color:#007bff;color:#fff}.ff-default .ff-btn-primary:not(.ff_btn_no_style):focus,.ff-default .ff-btn-primary:not(.ff_btn_no_style):hover{background-color:#0069d9;border-color:#0062cc;color:#fff}.ff-default .ff-btn-secondary:not(.ff_btn_no_style){background-color:#606266;border-color:#606266;color:#fff}.ff-default .ff-btn-secondary:not(.ff_btn_no_style):focus,.ff-default .ff-btn-secondary:not(.ff_btn_no_style):hover{background-color:#727b84;border-color:#6c757d;color:#fff}.ff-default .ff-btn-lg{border-radius:6px;font-size:18px;line-height:1.5;padding:8px 16px}.ff-default .ff-btn-sm{border-radius:3px;font-size:13px;line-height:1.5;padding:4px 8px}.ff-default .ff-el-form-control{background-clip:padding-box;background-image:none;border:1px solid var(--fluentform-border-color);border-radius:var(--fluentform-border-radius);color:var(--fluentform-secondary);font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1;margin-bottom:0;max-width:100%;padding:11px 15px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ff-default .ff-el-form-control:focus{background-color:#fff;border-color:var(--fluentform-primary);color:var(--fluentform-secondary);outline:none}.ff-default .ff-el-form-check label.ff-el-form-check-label{cursor:pointer;margin-bottom:7px}.ff-default .ff-el-form-check label.ff-el-form-check-label>span:after,.ff-default .ff-el-form-check label.ff-el-form-check-label>span:before{content:none}.ff-default .ff-el-form-check:last-child label.ff-el-form-check-label{margin-bottom:0}.ff-default textarea{min-height:90px}select.ff-el-form-control:not([size]):not([multiple]){height:var(--fluentform-input-select-height,auto)}.elementor-editor-active .ff-form-loading .ff-step-container .fluentform-step:first-child{height:auto}.ff-upload-preview.ff_uploading{opacity:.8}@keyframes ff_move{0%{background-position:0 0}to{background-position:50px 50px}}.ff_uploading .ff-el-progress .ff-el-progress-bar{animation:ff_move 2s linear infinite;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);background-size:50px 50px;border-bottom-left-radius:20px;border-bottom-right-radius:8px;border-top-left-radius:20px;border-top-right-radius:8px;bottom:0;content:"";left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.ff_payment_summary{overflow-x:scroll}.pac-container{z-index:99999!important}.ff-support-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ff-default{font-family:inherit}.ff-default .ff-el-input--label label{display:inline-block;font-weight:500;line-height:inherit;margin-bottom:0}


	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */

/*! This file is auto-generated */
.skip-link.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal!important}.skip-link.screen-reader-text:focus{background-color:#eee;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
/*# sourceURL=/wp-includes/css/wp-block-template-skip-link.min.css */
.hostinger-reach-block-connect{display:flex;flex-direction:column;align-content:flex-start;background:#fff6e9;padding:14px;font-size:14px;margin:28px 0 14px}.hostinger-reach-block-connect__title{color:#1d1e20;font-weight:700;margin-bottom:4px}.hostinger-reach-block-connect__subtitle{color:#727586;margin-bottom:4px}.hostinger-reach-block-connect a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:underline}
.hostinger-reach-block-dialog{display:block;flex-direction:column;align-content:flex-start;background:#fff;color:#1d1e20;padding:20px;gap:14px;font-size:14px;line-height:20px;bottom:80px;left:20px;position:fixed;z-index:100001;max-width:400px;border-radius:16px;box-shadow:0 0 10px rgba(0,0,0,.05)}.hostinger-reach-block-dialog__actions{display:flex;justify-content:flex-start;gap:10px}.hostinger-reach-block-dialog__button_indicator{height:16px;width:16px}.hostinger-reach-block-dialog__button{cursor:pointer;text-align:center;background:#673de6;color:#fff;font-weight:700;font-size:12px;padding:6px 16px;display:flex;flex-direction:row;align-items:center;gap:10px;border-radius:8px}.hostinger-reach-block-dialog__button:hover{background:#5029c2}.hostinger-reach-block-dialog__button a{color:#fff;text-decoration:none}.hostinger-reach-block-dialog__button a:hover,.hostinger-reach-block-dialog__button a:focus,.hostinger-reach-block-dialog__button a:active{color:#fff;box-shadow:none;outline:none}.hostinger-reach-block-dialog__button svg{height:16px;width:16px}.hostinger-reach-block-dialog__button svg path{fill:#fff}.hostinger-reach-block-dialog__close{cursor:pointer}.hostinger-reach-block-dialog__close:before,.hostinger-reach-block-dialog__close:after{content:"";position:absolute;width:16px;height:2px;background-color:#1d1e20;top:26px;right:16px}.hostinger-reach-block-dialog__close:before{transform:rotate(45deg)}.hostinger-reach-block-dialog__close:after{transform:rotate(-45deg)}.hostinger-reach-block-dialog__close:hover:before,.hostinger-reach-block-dialog__close:hover:after{background-color:#727272}
.hostinger-reach-block-subscription-form .hostinger-reach-block-form-fields{display:flex;flex-direction:column;width:100%}.hostinger-reach-block-subscription-form .hostinger-reach-block-form-fields--inline{flex-direction:row;justify-content:flex-start;align-items:end;width:100%;gap:.5rem}.hostinger-reach-block-subscription-form .hostinger-reach-block-form-fields--inline .hostinger-reach-block-form-field{min-width:70%}.hostinger-reach-block-subscription-form .hostinger-reach-block-form-fields--inline .hostinger-reach-block-submit{min-width:30%}.hostinger-reach-block-subscription-form .hostinger-reach-block-submit{border-width:0;margin-top:var(--wp--preset--spacing--20);align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;width:100%;word-break:break-word;font-weight:500;min-height:40px;border-radius:50px}.hostinger-reach-block-subscription-form .hostinger-reach-block-form-field{margin-top:8px}.hostinger-reach-block-subscription-form label{display:block;font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase;margin-bottom:8px;padding:0}.hostinger-reach-block-subscription-form input{display:block;width:100%;padding:3px 10px;min-height:40px;box-shadow:0 0 0 rgba(0,0,0,0);border-radius:4px;border:1px solid #8c8f94;background-color:#fff;color:#2c3338;box-sizing:border-box}.hostinger-reach-block-tags{margin-left:-6px;margin-top:10px;max-height:14em;overflow:auto;padding-left:6px;padding-top:6px;margin-bottom:20px}.components-button.is-link.hostinger-reach-block-toggler{margin-bottom:20px}.hostinger-reach-block-newtag{margin-bottom:20px}.reach-subscription-message{font-weight:bold;padding:1em;gap:10px;margin-top:10px}.reach-subscription-message.is-success{background:rgba(0,158,91,.1019607843)}.reach-subscription-message.is-error{background:rgba(234,71,104,.1019607843)}

/*# sourceMappingURL=subscription.css.map*/
a{text-decoration-thickness:1px!important;text-underline-offset:.1em}:where(.wp-site-blocks :focus){outline-width:2px;outline-style:solid}.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child){margin-bottom:3px}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{outline-offset:4px}.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content{outline-offset:0}blockquote,caption,figcaption,h1,h2,h3,h4,h5,h6,p{text-wrap:pretty}.more-link{display:block}:where(pre){overflow-x:auto}
/*# sourceURL=https://oldbangers.com/wp-content/themes/twentytwentyfive/style.min.css */

@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:fallback;src:url('https://oldbangers.com/wp-content/themes/twentytwentyfive/assets/fonts/manrope/Manrope-VariableFont_wght.woff2') format('woff2');}
@font-face{font-family:"Fira Code";font-style:normal;font-weight:300 700;font-display:fallback;src:url('https://oldbangers.com/wp-content/themes/twentytwentyfive/assets/fonts/fira-code/FiraCode-VariableFont_wght.woff2') format('woff2');}

.ob-quickanswer{background:#F6F4EF;border-left:4px solid #C2A15B;padding:18px 22px;margin:24px 0;border-radius:0 8px 8px 0}
.ob-quickanswer p{margin:0}
.ob-databox{background:#1B3B2F;color:#F6F4EF;padding:22px 26px;margin:28px 0;border-radius:10px}
.ob-databox h3,.ob-databox h4{color:#fff;margin-top:0}
.ob-databox a{color:#C2A15B;font-weight:600}
.ob-table{border-collapse:collapse;width:100%;margin:20px 0;font-size:0.95em}
.ob-table th{background:#1B3B2F;color:#fff;padding:10px 14px;text-align:left}
.ob-table td{border:1px solid #ddd;padding:9px 14px}
.ob-table tr:nth-child(even) td{background:#F6F4EF}
.ob-note{background:#FBF7EC;border:1px solid #C2A15B;padding:14px 18px;margin:20px 0;border-radius:8px;font-size:0.95em}
.ob-cta{background:#1B3B2F;color:#F6F4EF;padding:26px 30px;margin:34px 0;border-radius:10px;text-align:center}
.ob-cta a.ob-btn{display:inline-block;background:#C2A15B;color:#14161A;padding:12px 26px;border-radius:6px;font-weight:700;text-decoration:none;margin-top:10px}
.ob-cta p{margin:6px 0}
figure.ob-fig{margin:26px 0}
figure.ob-fig img{width:100%;height:auto;border-radius:8px}
figure.ob-fig figcaption{font-size:0.85em;color:#666;margin-top:6px}

#ccmi-consent{position:fixed;left:16px;right:16px;bottom:16px;max-width:720px;margin:0 auto;z-index:2147483000;background:#14161A;color:#F1EDE2;border:1px solid #333A40;border-radius:12px;padding:14px 18px;display:flex;gap:14px 18px;align-items:center;justify-content:space-between;flex-wrap:wrap;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;box-shadow:0 12px 44px rgba(0,0,0,.38)}
#ccmi-consent[hidden]{display:none!important}
#ccmi-consent a{color:#C2A15B;text-decoration:underline;text-underline-offset:2px}
#ccmi-consent .ccmi-consent-msg{flex:1 1 320px}
#ccmi-consent .ccmi-consent-actions{display:flex;gap:8px;flex-shrink:0}
#ccmi-consent button{cursor:pointer;border-radius:6px;padding:9px 16px;font-weight:600;font-size:13px;line-height:1;border:1px solid #333A40;font-family:inherit}
#ccmi-consent .ccmi-accept{background:#C2A15B;color:#14161A;border-color:#C2A15B}
#ccmi-consent .ccmi-reject{background:transparent;color:#F1EDE2}
#ccmi-consent .ccmi-reject:hover{border-color:#C2A15B}
form.fluent_form_7 .ff-btn-submit:not(.ff_btn_no_style) { background-color: #1B3B2F; color: #ffffff; }