@font-face { font-family: 'CircularXX'; src: url('https://cdn.prod.website-files.com/60801cda8fa75de6c063cabf/6a02213cfe92195acea112f6_CircularXX-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'CircularXX'; src: url('https://cdn.prod.website-files.com/60801cda8fa75de6c063cabf/6a02213bfcfaeb6aeebbc8c7_CircularXX-Medium.woff2') format('woff2'); font-weight: 500 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'CircularXX'; src: url('https://cdn.prod.website-files.com/60801cda8fa75de6c063cabf/6a02213833b825744763a9a8_CircularXX-Bold.woff2') format('woff2'); font-weight: 700 900; font-style: normal; font-display: swap; }


/* ── Wrapper tokens + base ── */
.cr-report {
  --plum:      #460B28;
  --red:       #FF464C;
  --lavender:  #F1EDF8;
  --cherry:    #800040;
  --ink:       #111111;
  --body-ink:  #2A2A2A;
  --muted:     #666;
  --subtle:    #999;
  --line:      #E8E8E8;
  --green:     #549b5c;
  --page:      #F5F4F2;
  --card:      #FFFFFF;
  --shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 2px 10px rgba(0,0,0,.05);
  --shadow:    0 2px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);

  font-family: 'CircularXX', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--body-ink);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0 96px;
  box-sizing: border-box;
  container-type: inline-size;
  container-name: cr;
}
.cr-report *, .cr-report *::before, .cr-report *::after { box-sizing: border-box; }
.cr-report a { color: var(--plum); text-decoration: none; }
.cr-report a:hover { opacity: .75; }

/* hide web-only layout chrome */
.cr-report .r-blog-top,
.cr-report .r-blog-header,
.cr-report #pdf-cover,
.cr-report #pdf-toc { display: none !important; }

/* viz cards: subtle shadow so they pop on white Webflow bg */
.cr-report .viz { box-shadow: 0 1px 6px rgba(0,0,0,.07), 0 2px 12px rgba(0,0,0,.05); }
/* allow child scroll containers to work inside viz cards */
.cr-report .viz { overflow: visible; }

/* mobile responsiveness */

@container cr (max-width: 500px) {
  .cr-report .cr-pillar-bar { flex-direction: column !important; height: auto !important; border-radius: 10px; overflow: hidden; }
  .cr-report .cr-pillar-bar > div { width: 100% !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; padding: 12px 16px !important; gap: 2px; }
  .cr-report .cr-pb-pct { order: 2; }
  .cr-report .cr-pb-sub { display: block !important; order: 3; margin-top: 4px; }
  .cr-report .cr-pb-labels { display: none !important; }
}

/* failure matrix: scroll horizontally */
.cr-report .fp { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cr-report .fp table { min-width: 560px; }

/* dumbbell chart: scroll horizontally on mobile so labels stay readable */
.cr-report #dumbbellWrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
.cr-report #dumbbellWrap svg { min-width: 520px; }

@container cr (max-width: 520px) {
  .cr-report .cr-badge-callout { grid-template-columns: 1fr !important; text-align: center !important; justify-items: center; padding: 28px 24px !important; }
}
@container cr (max-width: 500px) {
  .cr-report #scorecard-wrap { height: 480px !important; }
  .cr-report .mc .chart-wrap { height: 320px !important; }
}


/* ── tokens ─────────────────────────────────────────────────── */:root {
  --plum:      #460B28;
  --red:       #FF464C;
  --lavender:  #F1EDF8;
  --cherry:    #800040;
  --ink:       #111111;
  --body-ink:  #2A2A2A;
  --muted:     #666;
  --subtle:    #999;
  --line:      #E8E8E8;
  --green:     #549b5c;
  --page:      #F5F4F2;
  --card:      #FFFFFF;
  --shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 2px 10px rgba(0,0,0,.05);
  --shadow:    0 2px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);
}.cr-report *, .cr-report *::before, .cr-report *::after { box-sizing: border-box; margin: 0; padding: 0; }.cr-report a { color: var(--plum); text-decoration: none; }a:hover { opacity: .75; }.cr-report html { scroll-behavior: auto; }.cr-report body {
  font-family: 'CircularXX', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--body-ink);
  background: var(--page);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* ── site header ─────────────────────────────────────────────── */.site-header { position: static; }.progress-bar { display: none; }.cr-report .nav {
  background: #fff;
  border-bottom: 1px solid #E8E8E8;
  height: 76px;
  display: flex; align-items: center;
  padding: 0 clamp(20px, 6%, 80px);
}.nav__left { display: flex; align-items: center; gap: 7px; text-decoration: none; }.nav__logo { height: 44px; width: auto; display: block; }.nav__blog-label {
  font-size: 17px; font-weight: 800; color: var(--ink);
  letter-spacing: -.3px; line-height: 1;
}.nav__links {
  margin-left: auto; display: flex; align-items: center; gap: 28px;
}.nav__links a {
  font-size: 13.5px; font-weight: 500; color: var(--ink);
  text-decoration: none; white-space: nowrap; letter-spacing: -.1px;
}.nav__links a:hover { opacity: .55; }
@media (max-width: 740px) {.nav__links { display: none; } }

/* ── hero ────────────────────────────────────────────────────── */.r-hero {
  background: linear-gradient(145deg, #1A0610 0%, #3B0A22 45%, #460B28 100%);
  padding: 100px 24px 72px; text-align: center;
}.r-hero__kicker {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 10.5px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  color: rgba(255,255,255,.55);
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14);
  padding: 5px 14px; border-radius: 20px; margin-bottom: 22px;
}.r-hero h1 {
  font-size: clamp(36px, 6vw, 62px); font-weight: 800;
  letter-spacing: -1.5px; line-height: 1.08; color: #fff;
  max-width: 780px; margin: 0 auto 16px;
}.r-hero__sub {
  font-size: 16px; color: rgba(255,255,255,.65);
  max-width: 540px; margin: 0 auto 0; line-height: 1.65;
}
@media (max-width: 600px) {.r-hero h1 { letter-spacing: -.8px; } }

/* ── hero stat banner ────────────────────────────────────────── */.hero-banner { background: var(--ink); border-bottom: 1px solid rgba(255,255,255,.08); }.hero-banner__inner {
  max-width: 980px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(4, 1fr);
}.hero-banner__item {
  padding: 24px 20px; text-align: center;
  border-right: 1px solid rgba(255,255,255,.08);
}.hero-banner__item:last-child { border-right: none; }.hero-banner__n { font-size: 28px; font-weight: 800; color: #fff; letter-spacing: -.8px; line-height: 1; }.hero-banner__l { font-size: 10.5px; color: rgba(255,255,255,.45); text-transform: uppercase; letter-spacing: .5px; margin-top: 5px; font-weight: 600; }
@media (max-width: 600px) {.hero-banner__inner { grid-template-columns: 1fr 1fr; }.hero-banner__item { border-bottom: 1px solid rgba(255,255,255,.08); }.hero-banner__item:nth-child(2n) { border-right: none; }
}


/* ── main layout ────────────────────────────────────────────── */.cr-report .r-main { max-width: 980px; margin: 0 auto; padding: 52px 24px 96px; }

/* ── typography ─────────────────────────────────────────────── */.cr-report .r-main p { font-size: 15.5px; line-height: 1.75; color: #3A3A3A; margin-bottom: 16px; }.cr-report .r-main p strong { color: var(--ink); font-weight: 700; }.cr-report .r-main p em { font-style: italic; }.cr-report .r-main ul, .cr-report .r-main ol { margin: 10px 0 16px; padding-left: 22px; }.cr-report .r-main li { font-size: 15.5px; line-height: 1.7; margin-bottom: 6px; color: #3A3A3A; }

/* ── sections ───────────────────────────────────────────────── */.cr-report .s-block { margin-top: 72px; scroll-margin-top: 24px; }.cr-report .s-sep { border: none; border-top: 1px solid rgba(0,0,0,.09); margin: 72px 0 0; }.cr-report .s-num { display: none; }.cr-report .s-block > h2 {
  font-size: clamp(24px, 3.5vw, 32px); font-weight: 800;
  color: var(--ink); letter-spacing: -.5px; line-height: 1.2;
  margin-bottom: 10px;
}.cr-report .s-rule { display: none; }.cr-report .s-block > h3 {
  font-size: 18.5px; font-weight: 700; color: var(--ink);
  letter-spacing: -.2px; margin: 34px 0 10px;
}.cr-report .s-block > p { margin-bottom: 14px; }.cr-report .s-block > p:last-child { margin-bottom: 0; }

/* ── answer block ───────────────────────────────────────────── */.cr-report .answer {
  font-size: 16.5px; line-height: 1.72; color: var(--ink);
  margin: 0 0 22px;
}.cr-report .answer strong { color: var(--plum); font-weight: 700; }

/* ── stat callout ───────────────────────────────────────────── */.cr-report .stat-callout {
  background: #460B28;
  border-radius: 16px; padding: 48px 32px 44px;
  text-align: center; margin: 28px 0 36px; color: #fff;
}.cr-report .stat-callout__rule { display: none; }.cr-report .stat-callout__deco {
  display: block; font-size: 48px; line-height: 1;
  color: rgba(255,255,255,.9); margin: 0 auto 16px;
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
  width: fit-content;
}.cr-report .stat-callout__n {
  font-size: clamp(76px, 14vw, 124px); font-weight: 900;
  letter-spacing: -8px; line-height: 1; color: #fff;
  font-variant-numeric: tabular-nums;
}.cr-report .stat-callout__ctx {
  font-size: 16px; color: rgba(255,255,255,.68); line-height: 1.5;
  margin-top: 18px; max-width: 520px; margin-left: auto; margin-right: auto;
}.cr-report .stat-callout__ctx strong { color: #fff; }
@container cr (max-width: 500px) {.cr-report .stat-callout__n { font-size: clamp(56px, 16vw, 76px); letter-spacing: -2px; } }

/* ── brand mark on stat-pair cards ──────────────────────────── */.cr-report .stat-pair__brand { margin-bottom: 10px; line-height: 1; }.cr-report .stat-pair__brand img { height: 48px; width: auto; display: block; }

/* ── lede color emphasis (no italic) ────────────────────────── */.cr-report .lede-em { color: var(--plum); font-weight: 900; }

/* ── editorial 2-col split ──────────────────────────────────── */.cr-report .s-split {
  display: grid; grid-template-columns: 1fr 1.15fr;
  gap: 28px 52px; align-items: start; margin: 20px 0 32px;
}.cr-report .s-split__lede {
  font-size: clamp(22px, 3vw, 32px); font-weight: 800;
  color: var(--ink); line-height: 1.15; letter-spacing: -.5px;
}.cr-report .s-split__body p { margin-bottom: 14px; }.cr-report .s-split__body p:last-child { margin-bottom: 0; }
@container cr (max-width: 680px) {.cr-report .s-split { grid-template-columns: 1fr; }.cr-report .s-split__lede { position: static; } }

/* ── 2-col flowing prose ─────────────────────────────────────── */.cr-report .prose-2col { columns: 2; column-gap: 40px; orphans: 3; widows: 3; margin: 20px 0 0; }.cr-report .prose-2col p { break-inside: avoid; margin-bottom: 14px; }.cr-report .prose-2col p:last-child { margin-bottom: 0; }
@container cr (max-width: 640px) {.cr-report .prose-2col { columns: 1; } }

/* ── light inline stat pairs (on-page, no dark box) ─────────── */.cr-report .stat-pairs {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1px; background: var(--line);
  border: 1px solid var(--line); border-radius: 12px; overflow: hidden;
  margin: 24px 0 32px;
}.cr-report .stat-pair {
  background: var(--card); padding: 24px 22px 22px;
}.cr-report .stat-pair__n {
  font-size: clamp(42px, 6vw, 62px); font-weight: 900;
  letter-spacing: -2px; line-height: 1; color: var(--plum);
  font-variant-numeric: tabular-nums;
}.cr-report .stat-pair__n sup { font-size: .45em; letter-spacing: 0; vertical-align: .25em; }.cr-report .stat-pair__name { font-size: 14px; font-weight: 700; color: var(--body-ink); margin-top: 8px; line-height: 1.3; }.cr-report .stat-pair__desc { font-size: 13px; color: var(--muted); line-height: 1.45; margin-top: 4px; }.cr-report .stat-pair__desc strong { color: var(--body-ink); }

/* ── highlighted inline aside ────────────────────────────────── */.cr-report .aside-fact {
  margin: 20px 0; font-size: 14px; line-height: 1.55; color: var(--muted);
}.cr-report .aside-fact strong { color: var(--plum); }

/* ── multi-stat row ─────────────────────────────────────────── */.cr-report .stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 22px 0 30px; }.cr-report .stat-card {
  background: var(--card); border-radius: 12px; padding: 32px 28px 28px;
  text-align: center;
}.cr-report .stat-card__brand { margin-bottom: 20px; }.cr-report .stat-card__brand img { height: 72px; width: auto; display: block; margin: 0 auto; opacity: .85; }.cr-report .stat-card__data { }.cr-report .stat-card__n { font-size: clamp(52px, 8vw, 72px); font-weight: 900; color: var(--plum); letter-spacing: -2px; line-height: 1; }.cr-report .stat-card__l { font-size: 13px; color: var(--muted); margin-top: 10px; font-weight: 600; letter-spacing: .2px; line-height: 1.4; text-transform: uppercase; }
@container cr (max-width: 500px) {.cr-report .stat-row { grid-template-columns: 1fr 1fr; } }

/* ── pillar cards ───────────────────────────────────────────── */.cr-report .pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 20px 0 28px; }.cr-report .pillar {
  background: var(--card); border-radius: 10px; padding: 18px 16px;
  text-align: center;
  border-top: 3px solid var(--plum);
}.cr-report .pillar__w { font-size: 28px; font-weight: 800; color: var(--plum); letter-spacing: -.5px; line-height: 1; }.cr-report .pillar__n { font-size: 12.5px; font-weight: 700; color: var(--ink); margin: 6px 0 3px; }.cr-report .pillar__d { font-size: 11px; color: var(--muted); line-height: 1.35; }
@container cr (max-width: 600px) {.cr-report .pillars { grid-template-columns: 1fr 1fr; } }

/* ── key takeaways cards ─────────────────────────────────────── */.cr-report .takeaways { margin: 32px 0 52px; }.cr-report .section-title {
  font-size: clamp(22px, 3vw, 28px); font-weight: 800;
  color: var(--ink); letter-spacing: -.4px; line-height: 1.2;
}.cr-report .takeaways .section-title { margin-bottom: 20px; }.cr-report .tkw-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}.cr-report .tkw-card {
  background: var(--lavender);
  border-radius: 14px;
  padding: 26px 22px 28px;
  display: flex; flex-direction: column; gap: 16px;
}.cr-report .tkw-icon {
  width: 48px; height: 48px; border-radius: 50%;
  background: #48071D; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}.cr-report .tkw-icon .material-symbols-rounded {
  font-size: 24px; color: #fff;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 40;
}.cr-report .tkw-body { font-size: 14px; line-height: 1.62; color: #3A3A3A; }.cr-report .tkw-body strong { color: var(--plum); font-weight: 700; }.cr-report a.tkw-card { text-decoration: none; transition: transform .15s, box-shadow .15s; }.cr-report a.tkw-card:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.08); opacity: 1; }
@container cr (max-width: 680px) {.cr-report .tkw-grid { grid-template-columns: 1fr 1fr; }
}
@container cr (max-width: 440px) {.cr-report .tkw-grid { grid-template-columns: 1fr; }
}

/* ── viz container ──────────────────────────────────────────── */.cr-report .viz {
  background: var(--card); border-radius: 14px;
  overflow: hidden;
  margin: 28px 0; padding: 28px;
}.cr-report .viz-cap {
  font-size: 11.5px; color: var(--subtle); font-weight: 500; letter-spacing: .2px;
  background: #FAFAFA; border-top: 1px solid var(--line);
  padding: 10px 20px;
  margin: 24px -28px 0;
}

/* ── citation ───────────────────────────────────────────────── */.cr-report .citation {
  font-size: 13.5px; color: var(--muted); margin: 20px 0; line-height: 1.55;
}.cr-report .citation strong { font-size: 10.5px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--plum); display: block; margin-bottom: 5px; }

/* ── tables ─────────────────────────────────────────────────── */.cr-report .data-tbl {
  width: 100%; border-collapse: collapse; margin: 16px 0 24px;
  font-size: 14px; background: var(--card);
  border-radius: 10px; overflow: hidden;
}.cr-report .data-tbl thead th {
  background: var(--ink); color: #fff; font-weight: 700;
  text-align: left; padding: 11px 16px; font-size: 12.5px;
}.cr-report .data-tbl thead th:not(:first-child) { text-align: right; }.cr-report .data-tbl tbody td { padding: 10px 16px; border-bottom: 1px solid var(--line); vertical-align: middle; }.cr-report .data-tbl .brand-cell { display: flex; align-items: center; gap: 10px; }.cr-report .data-tbl .brand-cell img { height: 22px; width: auto; display: block; flex-shrink: 0; }.cr-report .data-tbl tbody td:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }.cr-report .data-tbl tbody tr:last-child td { border-bottom: none; }.cr-report .data-tbl tbody tr:hover { background: #FAFAFA; }

/* ── brand-bars (heat rows) ──────────────────────────────────── */.cr-report .brand-bars { border-radius: 12px; overflow: hidden; margin: 8px 0 28px; }.cr-report .brand-bars__label { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--muted); margin-bottom: 8px; }.cr-report .brand-bar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 28px; gap: 16px;
}.cr-report .brand-bar__identity { display: flex; align-items: center; gap: 14px; min-width: 0; }.cr-report .brand-bar__identity img { height: 44px; width: auto; flex-shrink: 0; display: block; }.cr-report .brand-bar__name { font-size: 15px; font-weight: 700; white-space: nowrap; }.cr-report .brand-bar__stat { font-size: clamp(38px, 6vw, 58px); font-weight: 900; letter-spacing: -2px; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; }

/* ── note block ─────────────────────────────────────────────── */.cr-report .note-block {
  font-size: 13px; line-height: 1.55; color: var(--ink); margin: 18px 0;
}.cr-report .note-block strong { color: var(--plum); }

/* ── faq ─────────────────────────────────────────────────────── */.cr-report .faq-wrap { margin: 52px 0; }.cr-report .faq__label { display:block; font-size:12px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--red); margin-bottom:12px; }.cr-report .faq__headline { font-size:clamp(22px,3vw,34px); font-weight:700; color:var(--ink); margin-bottom:32px; }.cr-report .faq__item { border-top:1px solid var(--line); }.cr-report .faq__item:last-child { border-bottom:1px solid var(--line); }.cr-report .faq__q { width:100%; text-align:left; background:none; border:none; cursor:pointer; padding:20px 0; display:flex; justify-content:space-between; align-items:center; gap:16px; font-family:inherit; font-size:16px; font-weight:500; color:var(--ink); line-height:1.4; }.cr-report .faq__q svg { flex-shrink:0; transition:transform 0.4s cubic-bezier(0.16,1,0.3,1); }.cr-report .faq__item.is-open .faq__q svg { transform:rotate(180deg); }.cr-report .faq__a { height:0; overflow:hidden; transition:height 0.4s cubic-bezier(0.16,1,0.3,1); }.cr-report .faq__a-inner { padding:0 0 20px; font-size:15px; line-height:1.65; color:#555; }

/* ── cta ─────────────────────────────────────────────────────── */.cr-report .cta {
  background: #460B28;
  border-radius: 16px; padding: 52px 40px; text-align: center; margin-top: 60px;
}.cr-report .cta h2 { color: #fff; font-size: 28px; font-weight: 800; letter-spacing: -.4px; margin-bottom: 10px; }.cr-report .cta p { color: rgba(255,255,255,.72); font-size: 15.5px; line-height: 1.65; margin-bottom: 32px; }.cr-report .cta .btn {
  display: inline-block;
  height: 63px; line-height: 63px;
  padding: 0 40px;
  border-radius: 87px;
  background-image: linear-gradient(to top, #FF1C24 0%, #FF464C 46.875%);
  box-shadow: 0.6px 0.6px 2px 0px rgba(126,7,11,.32), inset 0px 1px 2px 0px rgba(255,255,255,.45);
  color: #fff; font-weight: 700; font-size: 15px; letter-spacing: -.2px;
  text-decoration: none; text-align: center;
  transition: transform 200ms ease, box-shadow 200ms ease;
}.cr-report .cta .btn:hover { transform: scale(1.04); box-shadow: 0.6px 0.6px 6px 0px rgba(126,7,11,.45), inset 0px 1px 2px 0px rgba(255,255,255,.45); }
@container cr (max-width: 600px) {.cr-report .cta { padding: 36px 20px; }.cr-report .cta h2 { font-size: 22px; } }

/* ── scoped viz styles ──────────────────────────────────────── */
/* V18b failure matrix */.cr-report .fp { font-family: inherit; max-width: 960px; margin: 0 auto; }.cr-report .fp h2 { color: var(--ink); font-size: 22px; font-weight: 700; margin: 0 0 4px; letter-spacing: -.3px; }.cr-report .fp .fp-sub { color: var(--plum); font-size: 13.5px; margin: 0 0 20px; font-weight: 500; line-height: 1.5; }.cr-report .fp table { border-collapse: separate; border-spacing: 0; width: 100%; table-layout: fixed; }.cr-report .fp th { padding: 9px 8px; font-weight: 700; color: var(--ink); font-size: 11.5px; border-bottom: 2px solid var(--line); text-transform: uppercase; letter-spacing: .3px; }.cr-report .fp th.make { text-align: left; width: 175px; padding-left: 14px; }.cr-report .fp th.cat { text-align: center; }.cr-report .fp td { padding: 0; }.cr-report .fp td.lbl { padding: 7px 14px; font-weight: 600; color: var(--ink); font-size: 12.5px; white-space: nowrap; background: #FAFAFA; border-right: 1px solid var(--line); }.cr-report .fp td.cell { text-align: center; font-weight: 700; font-size: 14px; height: 38px; border: 2px solid #fff; font-variant-numeric: tabular-nums; letter-spacing: -.2px; }.cr-report .fp .badge { display: inline-block; padding: 2px 7px; border-radius: 10px; font-size: 10.5px; font-weight: 700; color: #fff; margin-left: 7px; vertical-align: middle; }.cr-report .fp .legend { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 20px; font-size: 12px; color: var(--ink); flex-wrap: wrap; }.cr-report .fp .legend .item { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 6px; border-radius: 6px; background: #FAFAFA; border: 1px solid var(--line); cursor: pointer; user-select: none; transition: border-color .15s, box-shadow .15s; }.cr-report .fp .legend .item:hover { border-color: var(--plum); }.cr-report .fp .legend .item.active { border-color: var(--plum); box-shadow: 0 0 0 2px var(--plum); }.cr-report .fp td.cell { transition: opacity .15s; }.cr-report .fp td.cell.dimmed { opacity: .15; }.cr-report .fp .legend .grade { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 19px; border-radius: 2px; font-weight: 700; font-size: 11.5px; }.cr-report .fp .note { margin-top: 16px; font-size: 13px; line-height: 1.55; color: var(--muted); }.cr-report .fp .note strong { color: var(--plum); }

/* Rust chart */.cr-report .kc { font-family: inherit; max-width: 820px; margin: 0 auto; }.cr-report .kc .kc-title { color: var(--ink); font-size: 22px; font-weight: 700; margin: 0 0 4px; letter-spacing: -.3px; }.cr-report .kc .kc-sub { color: var(--muted); font-size: 13.5px; margin: 0 0 26px; font-weight: 500; line-height: 1.5; }.cr-report .kc .cat-row { display: grid; grid-template-columns: 220px 1fr 64px; gap: 12px; align-items: center; margin: 9px 0; }.cr-report .kc .cat-label { font-weight: 700; font-size: 14px; color: var(--ink); }.cr-report .kc .cat-desc { display: block; font-size: 11px; color: var(--muted); font-weight: 500; margin-top: 2px; line-height: 1.3; }.cr-report .kc .bar-wrap { background: #F0F0F0; height: 34px; border-radius: 4px; position: relative; overflow: hidden; }.cr-report .kc .bar { height: 100%; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; color: #fff; font-weight: 700; font-size: 15px; }.cr-report .kc .bar.rust { background: #8B4513; }.cr-report .kc .bar.engine { background: var(--red); }.cr-report .kc .bar.drive { background: var(--plum); }.cr-report .kc .bar.leaks { background: #3B82C4; }.cr-report .kc .bar.mods { background: #A855F7; }.cr-report .kc .bar.cos { background: #F59E0B; }.cr-report .kc .n { text-align: right; font-size: 11.5px; font-weight: 600; color: var(--ink); }.cr-report .kc .note { margin-top: 22px; font-size: 13px; line-height: 1.55; color: var(--muted); }.cr-report .kc .note strong { color: var(--plum); }

/* Mileage chart */.cr-report .mc { font-family: inherit; max-width: 900px; margin: 0 auto; }.cr-report .mc .mc-title { color: var(--ink); font-size: 22px; font-weight: 700; margin: 0 0 4px; letter-spacing: -.3px; }.cr-report .mc .mc-sub { color: var(--muted); font-size: 13.5px; margin: 0 0 20px; font-weight: 500; line-height: 1.5; }.cr-report .mc .chart-wrap { position: relative; height: 520px; }.cr-report .mc .attrib { color: #AAA; font-size: 11px; text-align: center; margin-top: 12px; font-style: italic; }

/* Hybrid chart */.cr-report .hyb { font-family: inherit; max-width: 820px; margin: 0 auto; }.cr-report .hyb .hyb-title { color: var(--ink); font-size: 22px; font-weight: 700; margin: 0 0 4px; letter-spacing: -.3px; }.cr-report .hyb .hyb-sub { color: var(--muted); font-size: 13.5px; margin: 0 0 26px; font-weight: 500; line-height: 1.5; }.cr-report .hyb .panels { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 18px; }.cr-report .hyb .panel-title { font-size: 15px; font-weight: 700; color: var(--ink); margin: 0 0 14px; text-align: center; }.cr-report .hyb .age-tag { color: var(--plum); font-weight: 800; }.cr-report .hyb .row { display: grid; grid-template-columns: 88px 1fr 56px; gap: 8px; align-items: center; margin: 10px 0; }.cr-report .hyb .ft-name { font-weight: 700; font-size: 13.5px; color: var(--ink); }.cr-report .hyb .ft-sub { display: block; font-size: 10px; color: var(--muted); font-weight: 500; margin-top: 1px; }.cr-report .hyb .bar-wrap { background: #F0F0F0; height: 36px; border-radius: 4px; overflow: hidden; }.cr-report .hyb .bar { height: 100%; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; color: #fff; font-weight: 700; font-size: 14px; }.cr-report .hyb .bar.hybrid { background: var(--green); }.cr-report .hyb .bar.gas { background: #8A8A8A; }.cr-report .hyb .bar.electric { background: var(--plum); }.cr-report .hyb .note { font-size: 13.5px; line-height: 1.55; color: var(--muted); }.cr-report .hyb .note strong { color: var(--plum); }
@container cr (max-width: 640px) {.cr-report .hyb .panels { grid-template-columns: 1fr; } }

/* Tesla chart */.cr-report .tsla .hyb-title { color: var(--ink); font-size: 22px; font-weight: 700; margin: 0 0 4px; letter-spacing: -.3px; }.cr-report .tsla .hyb-sub { color: var(--muted); font-size: 13.5px; margin: 0 0 26px; font-weight: 500; line-height: 1.5; }.cr-report .tsla-cats { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }.cr-report .tsla-cat-head { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 12px; }.cr-report .tsla-cat-name { font-size: 14px; font-weight: 700; color: var(--ink); }.cr-report .tsla-badge { font-size: 10px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; }.cr-report .tsla .row { display: grid; grid-template-columns: 108px 1fr; gap: 8px; align-items: center; margin: 9px 0; }.cr-report .tsla .ft-name { font-weight: 600; font-size: 12px; color: var(--ink); }.cr-report .tsla .bar-wrap { background: #F0F0F0; height: 32px; border-radius: 4px; overflow: hidden; }.cr-report .tsla .bar { height: 100%; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; color: #fff; font-weight: 700; font-size: 13px; }.cr-report .tsla .bar.gas { background: #8A8A8A; }.cr-report .tsla .bar.hybrid { background: var(--green); }.cr-report .tsla .bar.tesla { background: var(--red); }.cr-report .tsla .bar.ev { background: var(--plum); }
@container cr (max-width: 680px) {.cr-report .tsla-cats { grid-template-columns: 1fr; } }

/* Luxury chart */.cr-report .lux { font-family: inherit; max-width: 1080px; margin: 0 auto; }.cr-report .lux .lux-title { color: var(--ink); font-size: 22px; font-weight: 700; margin: 0 0 4px; letter-spacing: -.3px; }.cr-report .lux .lux-sub { color: var(--ink); font-size: 13.5px; margin: 0 0 28px; font-weight: 500; line-height: 1.5; max-width: 620px; }.cr-report .lux .chart { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 24px; }.cr-report .lux .make-col { text-align: center; }.cr-report .lux .make-name { font-size: 19px; font-weight: 700; margin: 0 0 4px; }.cr-report .lux .make-score { display: inline-block; padding: 3px 12px; border-radius: 14px; font-weight: 700; color: #fff; font-size: 13.5px; margin-bottom: 18px; }.cr-report .lux .metric { margin: 16px 0; }.cr-report .lux .metric-label { font-size: 10.5px; color: var(--muted); text-transform: uppercase; letter-spacing: .4px; font-weight: 600; margin-bottom: 7px; }.cr-report .lux .bar-wrap { background: #F0F0F0; height: 32px; border-radius: 4px; overflow: hidden; }.cr-report .lux .bar { height: 100%; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; color: #fff; font-weight: 700; font-size: 15px; border-radius: 4px; min-width: fit-content; min-width: -webkit-fit-content; padding-left: 10px; }.cr-report .lux .bar.warn { background: #F97316; }.cr-report .lux .bar.good { background: var(--green); }.cr-report .lux .origin-tag { display: block; font-size: 10px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 8px; }.cr-report .lux .verdict { text-align: center; font-size: 14px; font-weight: 700; margin-top: 20px; padding: 8px; border-radius: 4px; color: var(--ink); }.cr-report .lux .note { margin-top: 24px; font-size: 13px; line-height: 1.55; color: var(--muted); }.cr-report .lux .note strong { color: var(--plum); }
@container cr (max-width: 480px) {.cr-report .lux .chart { grid-template-columns: 1fr; } }

/* EV/Tesla chart */.cr-report .evc { font-family: inherit; max-width: 820px; margin: 0 auto; }.cr-report .evc .evc-title { color: var(--ink); font-size: 22px; font-weight: 700; margin: 0 0 4px; letter-spacing: -.3px; }.cr-report .evc .evc-sub { color: var(--plum); font-size: 13.5px; margin: 0 0 22px; font-weight: 500; line-height: 1.5; max-width: 680px; }.cr-report .evc .section-h { font-size: 13px; font-weight: 700; color: var(--ink); text-transform: uppercase; letter-spacing: .5px; margin: 22px 0 10px; text-align: center; }.cr-report .evc .overall { background: #FAFAFA; border: 1px solid var(--line); border-radius: 10px; padding: 16px 20px; margin-bottom: 22px; }.cr-report .evc .overall-row { display: grid; grid-template-columns: 80px 1fr 1fr; align-items: center; gap: 14px; margin: 9px 0; }.cr-report .evc .age-tag { font-size: 11.5px; font-weight: 700; color: var(--plum); text-transform: uppercase; letter-spacing: .4px; }.cr-report .evc .group { display: grid; grid-template-columns: 88px 1fr 56px; gap: 8px; align-items: center; font-size: 12px; }.cr-report .evc .group .name { font-weight: 700; color: var(--ink); }.cr-report .evc .group .name.other { color: var(--muted); }.cr-report .evc .ovr-bar-wrap { background: #E8E8E8; height: 16px; border-radius: 3px; overflow: hidden; }.cr-report .evc .ovr-bar { height: 100%; border-radius: 3px; }.cr-report .evc .ovr-bar.tesla { background: #212121; }.cr-report .evc .ovr-bar.other { background: #8A8A8A; }.cr-report .evc .panels { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 14px; }.cr-report .evc .panel { border-radius: 10px; padding: 20px; }.cr-report .evc .panel.win { background: #D7F0E4; border: 1px solid #0F6940; }.cr-report .evc .panel.lose { background: #FFF7ED; border: 1px solid #C2410C; }.cr-report .evc .panel-title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; margin: 0 0 4px; }.cr-report .evc .panel.win .panel-title { color: #0F6940; }.cr-report .evc .panel.lose .panel-title { color: #C2410C; }.cr-report .evc .panel-sub { font-size: 13px; color: var(--ink); margin: 0 0 16px; font-weight: 500; line-height: 1.4; }.cr-report .evc .metric { margin: 12px 0; }.cr-report .evc .metric-label { font-size: 10.5px; color: var(--muted); text-transform: uppercase; letter-spacing: .4px; font-weight: 600; margin-bottom: 6px; }.cr-report .evc .bars { display: grid; grid-template-columns: 88px 1fr 50px; gap: 8px; align-items: center; margin-bottom: 5px; font-size: 12px; }.cr-report .evc .bars .label { font-weight: 600; color: var(--ink); }.cr-report .evc .bar-wrap { background: rgba(255,255,255,.55); height: 16px; border-radius: 3px; overflow: hidden; }.cr-report .evc .bar { height: 100%; border-radius: 3px; }.cr-report .evc .bar.tesla { background: var(--plum); }.cr-report .evc .bar.other { background: #8A8A8A; }.cr-report .evc .bar-value { text-align: right; font-weight: 700; font-size: 12px; color: var(--ink); font-variant-numeric: tabular-nums; }.cr-report .evc .verdict { text-align: center; font-size: 13.5px; font-weight: 700; margin-top: 12px; padding: 7px; border-radius: 4px; }.cr-report .evc .panel.win .verdict { background: rgba(26,135,84,.18); color: #0F6940; }.cr-report .evc .panel.lose .verdict { background: rgba(217,119,6,.15); color: #C2410C; }.cr-report .evc .conclusion { font-size: 13.5px; line-height: 1.55; color: var(--muted); }.cr-report .evc .conclusion strong { color: var(--plum); }
@container cr (max-width: 600px) {.cr-report .evc .panels { grid-template-columns: 1fr; } }

/* ── blog-mode: hide dark hero + stats banner ────────────────── */body.layout--blog .r-hero, body.layout--blog .hero-banner { display: none; }

/* ── blog header ─────────────────────────────────────────────── */.r-blog-header {
  display: none;
  background: var(--page);
  text-align: center;
  padding: 56px clamp(24px, 12%, 240px) 40px;
}body.layout--blog .r-blog-header { display: block; }.r-blog-header__title {
  font-size: clamp(32px, 4.5vw, 52px); font-weight: 800;
  color: var(--ink); letter-spacing: -.8px; line-height: 1.08;
  margin-bottom: 18px;
}.r-blog-header__sub {
  font-size: 16px; color: #444; line-height: 1.7;
  max-width: 760px; margin: 0 auto 24px;
}.r-blog-pills {
  display: flex; align-items: center; justify-content: center;
  gap: 8px; flex-wrap: wrap;
}.r-blog-pill {
  font-size: 12.5px; font-weight: 500; color: #333;
  background: #E4E2DE; border-radius: 6px;
  padding: 5px 14px; line-height: 1;
}

/* ── blog hero image ─────────────────────────────────────────── */.r-blog-hero {
  display: none;
}body.layout--blog .r-blog-hero { display: block; }.r-blog-hero__inner {
  position: relative;
}.r-blog-hero__img {
  width: 100%; display: block;
  aspect-ratio: 21/9; object-fit: cover;
  border-radius: 12px;
}

/* ── blog takeaways + TOC wrapper ───────────────────────────── */.r-blog-top { display: none; margin-bottom: 36px; }body.layout--blog .r-blog-top { display: block; }

/* TOC panel */.r-blog-toc {
  background: #fff; border: 1px solid #E8E8E8;
  border-radius: 12px; padding: 20px 22px 22px;
}.r-blog-toc__label {
  font-size: 10px; font-weight: 800; letter-spacing: 1px;
  text-transform: uppercase; color: var(--muted);
  margin-bottom: 14px;
}.r-blog-toc__groups {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 16px 24px;
}.r-blog-toc__group-title {
  font-size: 11px; font-weight: 800; letter-spacing: .3px;
  text-transform: uppercase; color: var(--ink);
  margin-bottom: 8px;
}.r-blog-toc ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 5px; }.r-blog-toc ul li a {
  font-size: 13px; color: var(--plum); text-decoration: none;
  line-height: 1.4; display: block;
}.r-blog-toc ul li a:hover { text-decoration: underline; opacity: 1; }
@media (max-width: 640px) {.r-blog-toc__groups { grid-template-columns: 1fr; } }

/* sidebar second input spacing */.r-sidebar__form { display: flex; flex-direction: column; gap: 0; }.r-sidebar__form .r-sidebar__input { margin-bottom: 10px; }.r-sidebar__form .r-sidebar__input:last-of-type { margin-bottom: 10px; }

/* ── layout toggle ───────────────────────────────────────────── */.layout-toggle {
  display: none !important;
}.layout-toggle__btn {
  padding: 6px 16px; border-radius: 100px; border: none; cursor: pointer;
  font-size: 11.5px; font-weight: 700; letter-spacing: .1px;
  background: transparent; color: var(--muted); transition: all .18s;
  font-family: inherit;
}.layout-toggle__btn.active { background: var(--ink); color: #fff; }
@media (max-width: 640px) {.layout-toggle { top: auto; bottom: 20px; right: 16px; } }

/* ── blog two-column layout ──────────────────────────────────── */body.layout--blog .r-blog-header, body.layout--blog .r-main { max-width: 1300px; margin-left: auto; margin-right: auto; }body.layout--blog .r-blog-hero { max-width: 1300px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; background: transparent; }body.layout--blog .r-blog-hero .r-blog-hero__inner { background: #EAE3F4; border-radius: 12px; }body.layout--blog .r-main {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 44px;
  align-items: start;
  padding-top: 52px;
  padding-bottom: 96px;
}.r-sidebar { display: none; }body.layout--blog .r-sidebar {
  display: block;
  position: sticky; top: 32px;
}
/* widget card */.r-sidebar__widget {
  background: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 8px rgba(0,0,0,.07);
  padding: 22px 20px 24px;
}
/* clutch wordmark row */.r-sidebar__brand {
  font-size: 20px; font-weight: 800;
  color: var(--red); letter-spacing: -.5px;
  margin-bottom: 10px; line-height: 1;
}
/* heading */.r-sidebar__title {
  font-size: 15px; font-weight: 700; color: var(--ink);
  line-height: 1.35; letter-spacing: -.1px;
  margin-bottom: 16px;
}
/* input */.r-sidebar__input {
  width: 100%; padding: 10px 12px;
  border: 1.5px solid #D8D8D8; border-radius: 7px;
  font-family: inherit; font-size: 14px; color: var(--ink);
  background: #fff; outline: none; margin-bottom: 10px;
  box-sizing: border-box;
}.r-sidebar__input:focus { border-color: var(--plum); }
/* green continue button matching screenshot */.r-sidebar__btn {
  width: 100%; padding: 11px;
  background: var(--red); color: #fff; border: none;
  border-radius: 100px; font-family: inherit;
  font-size: 14px; font-weight: 700; cursor: pointer;
  transition: opacity .15s; letter-spacing: -.1px;
}.r-sidebar__btn:hover { opacity: .88; }
@media (max-width: 960px) {body.layout--blog .r-main { grid-template-columns: 1fr; }body.layout--blog .r-sidebar { position: static; }
}

/* ── PRINT STYLES ────────────────────────────────────────────── */


/* Cover + TOC elements (hidden on screen) */#pdf-cover {
  display: none;
  break-after: page; page-break-after: always;
  min-height: calc(11in - 1.3in);
  display: none;
  flex-direction: column;
  justify-content: flex-end;
}#pdf-cover .cover-eyebrow {
  font-size: 11px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase;
  color: var(--red); margin-bottom: 16px;
}#pdf-cover .cover-title {
  font-size: 56px; font-weight: 900; color: var(--ink); letter-spacing: -2px;
  line-height: 1; margin-bottom: 10px;
}#pdf-cover .cover-sub {
  font-size: 18px; color: var(--muted); font-weight: 400; line-height: 1.5;
  max-width: 480px; margin-bottom: 48px;
}#pdf-cover .cover-meta {
  font-size: 12px; color: var(--muted); border-top: 1px solid var(--line);
  padding-top: 16px; display: flex; gap: 32px;
}#pdf-cover .cover-meta strong { color: var(--ink); display: block; font-size: 13px; margin-bottom: 2px; }#pdf-toc {
  display: none;
  break-before: page; page-break-before: always;
  break-after: page; page-break-after: always;
  padding: 0;
}#pdf-toc .toc-eyebrow {
  font-size: 11px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase;
  color: var(--red); margin-bottom: 28px;
}#pdf-toc .toc-title {
  font-size: 38px; font-weight: 900; color: var(--ink); letter-spacing: -1px;
  line-height: 1.1; margin-bottom: 6px;
}#pdf-toc .toc-sub {
  font-size: 14px; color: var(--muted); margin-bottom: 48px; font-weight: 400;
}#pdf-toc .toc-list {
  list-style: none; padding: 0; margin: 0; border-top: 1.5px solid var(--ink);
}#pdf-toc .toc-list li {
  display: flex; align-items: baseline; gap: 12px;
  padding: 13px 0; border-bottom: 1px solid var(--line);
}#pdf-toc .toc-list li .toc-num {
  font-size: 11px; font-weight: 700; color: var(--muted); width: 24px; flex-shrink: 0;
  letter-spacing: .3px;
}#pdf-toc .toc-list li .toc-label {
  font-size: 15px; font-weight: 600; color: var(--ink); flex: 1;
}#pdf-toc .toc-list li .toc-section {
  font-size: 11.5px; font-weight: 500; color: var(--muted); text-align: right;
  white-space: nowrap;
}