/* =============================================================================
   ChartsView company trackers (/companies, /company/<slug>) - Oct 2026, colour pass
   Built on the site tokens in cv.css. Each company gets its own accent and a dark
   hero band; product stages have their own colours (always with words beside them).
   ============================================================================= */

/* ---------- Colour tokens ---------- */
.cvc-page{
  /* stages: announced, in development, testing, early rollout, widely available */
  --st1:#7C3AED; --st1-soft:#F1EAFE; --st1-ink:#5B21B6;
  --st2:#D97706; --st2-soft:#FEF3C7; --st2-ink:#92400E;
  --st3:#0284C7; --st3-soft:#E0F2FE; --st3-ink:#075985;
  --st4:#0D9488; --st4-soft:#CCFBF1; --st4-ink:#115E59;
  --st5:#16A34A; --st5-soft:#DCFCE7; --st5-ink:#166534;
  --red:#DC2626; --red-soft:#FEE2E2; --red-ink:#991B1B;
  --pink-soft:#FCE7F3; --pink-ink:#9D174D;
  --slate-soft:#EEF2F6; --slate-ink:#475569;
  /* company accent (ChartsView blue unless a company sets its own) */
  --cvc-a:#1B45D6; --cvc-a-deep:#1437B0; --cvc-a-soft:#E7EDFF; --cvc-a-ink:#1437B0; --cvc-on-a:#fff;
  --cvc-bar1:#5B7FEF; --cvc-bar2:#1B45D6;
  --cvc-hero:radial-gradient(900px 420px at 85% -10%,rgba(59,130,246,.55),transparent 60%),radial-gradient(600px 300px at 0 120%,rgba(45,212,191,.35),transparent 60%),linear-gradient(135deg,#071631 0%,#0B2A5C 100%);
}
.cvc-page--tesla{
  --cvc-a:#E11D48; --cvc-a-deep:#9F1239; --cvc-a-soft:#FFE4EA; --cvc-a-ink:#9F1239; --cvc-on-a:#fff;
  --cvc-bar1:#FB7185; --cvc-bar2:#E11D48;
  --cvc-hero:radial-gradient(900px 420px at 88% -12%,rgba(244,63,94,.62),transparent 62%),radial-gradient(700px 360px at -5% 115%,rgba(249,115,22,.30),transparent 60%),linear-gradient(135deg,#0D0E13 0%,#1A0E14 50%,#36101C 100%);
}
.cvc-page--spacex{
  --cvc-a:#2563EB; --cvc-a-deep:#1E3A8A; --cvc-a-soft:#DBEAFE; --cvc-a-ink:#1E40AF; --cvc-on-a:#fff;
  --cvc-bar1:#60A5FA; --cvc-bar2:#2563EB;
  --cvc-hero:radial-gradient(900px 440px at 85% -15%,rgba(59,130,246,.65),transparent 62%),radial-gradient(640px 320px at 0% 115%,rgba(249,115,22,.32),transparent 60%),linear-gradient(160deg,#02040D 0%,#061433 55%,#0A2459 100%);
}
:root[data-theme="dark"] .cvc-page{
  --st1:#A78BFA; --st1-soft:rgba(167,139,250,.18); --st1-ink:#DDD6FE;
  --st2:#FBBF24; --st2-soft:rgba(251,191,36,.16); --st2-ink:#FDE68A;
  --st3:#38BDF8; --st3-soft:rgba(56,189,248,.16); --st3-ink:#BAE6FD;
  --st4:#2DD4BF; --st4-soft:rgba(45,212,191,.16); --st4-ink:#99F6E4;
  --st5:#4ADE80; --st5-soft:rgba(74,222,128,.16); --st5-ink:#BBF7D0;
  --red:#F87171; --red-soft:rgba(248,113,113,.16); --red-ink:#FECACA;
  --pink-soft:rgba(244,114,182,.16); --pink-ink:#FBCFE8;
  --slate-soft:rgba(148,163,184,.16); --slate-ink:#CBD5E1;
  --cvc-a:#8FB4FF; --cvc-a-deep:#1B45D6; --cvc-a-soft:rgba(143,180,255,.16); --cvc-a-ink:#C7D7FF; --cvc-on-a:#06152A;
}
:root[data-theme="dark"] .cvc-page--tesla{--cvc-a:#FB7185; --cvc-a-deep:#BE123C; --cvc-a-soft:rgba(251,113,133,.16); --cvc-a-ink:#FECDD3; --cvc-on-a:#22060C; --cvc-bar1:#FDA4AF; --cvc-bar2:#FB7185}
:root[data-theme="dark"] .cvc-page--spacex{--cvc-a:#60A5FA; --cvc-a-deep:#1D4ED8; --cvc-a-soft:rgba(96,165,250,.16); --cvc-a-ink:#BFDBFE; --cvc-on-a:#04122E; --cvc-bar1:#93C5FD; --cvc-bar2:#60A5FA}
.cvc-sc1{--sc:var(--st1);--sc-soft:var(--st1-soft);--sc-ink:var(--st1-ink)}
.cvc-sc2{--sc:var(--st2);--sc-soft:var(--st2-soft);--sc-ink:var(--st2-ink)}
.cvc-sc3{--sc:var(--st3);--sc-soft:var(--st3-soft);--sc-ink:var(--st3-ink)}
.cvc-sc4{--sc:var(--st4);--sc-soft:var(--st4-soft);--sc-ink:var(--st4-ink)}
.cvc-sc5{--sc:var(--st5);--sc-soft:var(--st5-soft);--sc-ink:var(--st5-ink)}

/* ---------- Basics ---------- */
.cvc{padding-bottom:56px}
.cvc-body{padding-top:22px}
.cvc-intro{margin:0 0 16px;color:var(--cv-ink-2);max-width:72ch}
.cvc-small{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:var(--cv-ink-3);max-width:80ch}
.cvc-small a,.cvc-intro a{color:var(--cv-link)}
.cvc-none2{padding:16px 18px;border:1px dashed var(--cv-line-strong);border-radius:10px;color:var(--cv-ink-2);font-size:15px;margin:0}
.cvc-h3{font-family:var(--cv-font-cond);font-weight:600;font-size:19px;line-height:1.2;margin:0 0 12px;color:var(--cv-ink)}
.cvc-two>div>.cvc-h3:not(:first-child),.cv-sec>.cvc-h3{margin-top:30px}
.cvc-src{color:var(--cv-ink-3);font-size:13px;white-space:nowrap}
.cvc-src:hover{color:var(--cv-link)}
.cvc-note{margin:28px 0 0;color:var(--cv-ink-2)}
/* section titles get a short accent bar */
.cvc-body .cv-sec>.cv-sec__head{position:relative;padding-bottom:10px;border-bottom:1px solid var(--cv-line)}
.cvc-body .cv-sec>.cv-sec__head::after{content:"";position:absolute;left:0;bottom:-2px;width:72px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--cvc-a),var(--st2))}

/* =============================================================================
   Hero: a dark band in the company's colours, with the key numbers on it
   ============================================================================= */
.cvc-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--cvc-hero);background-color:var(--cvc-hero-base,#071631)}
.cvc-page--tesla .cvc-hero{--cvc-hero-base:#140D12}
.cvc-page--spacex .cvc-hero{--cvc-hero-base:#04102A}
.cvc-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,transparent 90%)}
.cvc-page--spacex .cvc-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.75;background-image:radial-gradient(1.2px 1.2px at 22px 34px,#fff 99%,transparent),radial-gradient(1px 1px at 140px 80px,#fff 99%,transparent),radial-gradient(1.4px 1.4px at 210px 160px,#cfe3ff 99%,transparent),radial-gradient(1px 1px at 70px 190px,#fff 99%,transparent),radial-gradient(1px 1px at 260px 40px,#fff 99%,transparent),radial-gradient(1.6px 1.6px at 180px 230px,#ffe7c2 99%,transparent);background-size:280px 260px}
.cvc-hero .cv-head{padding:34px 0 6px}
.cvc-hero .cv-crumbs,.cvc-hero .cv-crumbs a{color:rgba(255,255,255,.72)}
.cvc-hero .cv-crumbs a:hover{color:#fff}
.cvc-hero .cv-crumbs li+li::before{color:rgba(255,255,255,.4)}
.cvc-hero .cv-h1{color:#fff;font-size:clamp(40px,5vw,64px);letter-spacing:-.02em;margin-bottom:12px}
.cvc-hero .cv-lede{color:rgba(255,255,255,.86)}
.cvc-hero .cv-ticker{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.cvc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:16px 0 0;font-size:14.5px;color:rgba(255,255,255,.82)}
.cvc-meta__upd{display:inline-flex;align-items:center;gap:7px;padding:3px 11px 3px 9px;border-radius:999px;background:rgba(74,222,128,.14);color:#BBF7D0;font-weight:500}
.cvc-meta__upd::before{content:"";width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.25)}

.cvc-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 36px}
.cvc-key{--k:#fff;display:flex;flex-direction:column;gap:4px;min-width:0;padding:16px 18px 18px;border-radius:14px;background:rgba(6,8,18,.45);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 3px 0 var(--k);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cvc-key:nth-child(1){--k:#FDA4AF}
.cvc-key:nth-child(2){--k:#5EEAD4}
.cvc-key:nth-child(3){--k:#FCD34D}
.cvc-key:nth-child(4){--k:#C4B5FD}
.cvc-page--spacex .cvc-key:nth-child(1){--k:#93C5FD}
.cvc-page--spacex .cvc-key:nth-child(2){--k:#FDBA74}
.cvc-key__l{font-size:13.5px;font-weight:600;color:var(--k)}
.cvc-key__v{font-family:var(--cv-font-cond);font-weight:600;font-size:clamp(32px,3.2vw,44px);line-height:1.05;color:#fff;letter-spacing:-.01em}
.cvc-key__n{font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.8)}

/* On this page */
.cvc-jump{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 6px;font-size:14.5px;white-space:nowrap}
.cvc-jump::-webkit-scrollbar{display:none}
.cvc-jump a{padding:7px 14px;border-radius:999px;border:1px solid var(--cv-line);background:var(--cv-sheet);color:var(--cv-ink);text-decoration:none;font-weight:500}
.cvc-jump a:hover{background:var(--cvc-a-soft);border-color:transparent;color:var(--cvc-a-ink)}

/* =============================================================================
   Products and progress: each product plotted across five coloured stages
   ============================================================================= */
.cvc-prog{position:relative;border:1px solid var(--cv-line);border-radius:14px;padding:12px 22px 18px;--cvc-info:minmax(250px,36%)}
.cvc-prog::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:6px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--st1),var(--st2),var(--st3),var(--st4),var(--st5))}
.cvc-prog__head{display:grid;grid-template-columns:var(--cvc-info) 1fr;gap:0 28px;position:sticky;top:var(--cv-top-h);z-index:1;padding:12px 0 12px;border-bottom:1px solid var(--cv-line-strong);background:linear-gradient(var(--cv-sheet) 80%,transparent)}
.cvc-prog__stages{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0}
.cvc-prog__stages li{text-align:center;padding:0 2px}
.cvc-prog__stages li span{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--sc-soft);color:var(--sc-ink);font-size:12.5px;font-weight:600;line-height:1.3}
.cvc-prog__grp{display:inline-flex;margin:20px 0 4px;padding:4px 12px;border-radius:999px;background:var(--cvc-a-soft);color:var(--cvc-a-ink);font-family:var(--cv-font);font-weight:600;font-size:13.5px}
.cvc-prog__rows{list-style:none;margin:0;padding:0}
.cvc-prog__row{display:grid;grid-template-columns:var(--cvc-info) 1fr;gap:6px 28px;align-items:center;padding:14px 10px;margin:0 -10px;border-bottom:1px solid var(--cv-grid);border-radius:10px;transition:background-color .15s}
.cvc-prog__row:hover{background:color-mix(in srgb,var(--sc,var(--cv-ink-3)) 7%,transparent)}
.cvc-prog__rows>.cvc-prog__row:last-child{border-bottom:0}
.cvc-prog__name{font-family:var(--cv-font-cond);font-weight:600;font-size:19px;line-height:1.25;margin:0;color:var(--cv-ink)}
.cvc-stpill{display:inline-block;vertical-align:2px;margin-left:6px;padding:1px 9px;border-radius:999px;background:var(--sc-soft,var(--slate-soft));color:var(--sc-ink,var(--slate-ink));font:600 12px/1.6 var(--cv-font);white-space:nowrap}
.cvc-prog__status{margin:3px 0 0;font-weight:600;font-size:14.5px;color:var(--sc-ink,var(--cv-ink-2))}
.cvc-prog__detail{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--cv-ink-2)}

.cvc-track{position:relative;height:44px;--s:1}
.cvc-track::before{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;margin-top:-1px;border-radius:1px;background:var(--cv-line)}
.cvc-track__line{position:absolute;top:50%;left:10%;height:5px;margin-top:-2.5px;border-radius:3px;width:calc((var(--s) - 1) * 20%);background:linear-gradient(90deg,var(--st1),var(--st2),var(--st3),var(--st4),var(--st5));background-size:calc(400% / (var(--s) - 1)) 100%;background-repeat:no-repeat}
.cvc-track__stop{position:absolute;top:50%;left:calc((var(--i) - .5) * 20%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--cv-sheet);box-shadow:inset 0 0 0 2px var(--cv-line-strong)}
.cvc-track__stop.is-done{background:var(--sc);box-shadow:0 0 0 2px var(--cv-sheet)}
.cvc-track__stop.is-now{width:24px;height:24px;margin:-12px 0 0 -12px;background:var(--sc);box-shadow:0 0 0 3px var(--cv-sheet),0 0 0 7px color-mix(in srgb,var(--sc) 30%,transparent),0 6px 16px color-mix(in srgb,var(--sc) 55%,transparent)}
.cvc-track__stop.is-now::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
.cvc-track__label{display:none}
.is-ended .cvc-track__line{display:none}
.is-ended .cvc-track::before{background:repeating-linear-gradient(90deg,var(--cv-ink-3) 0 6px,transparent 6px 11px);height:2px}
.is-ended .cvc-track__stop{display:none}
.is-ended .cvc-track__label{display:block;position:absolute;right:10%;top:50%;transform:translateY(-50%);padding:2px 10px;border-radius:999px;background:var(--slate-soft);font-size:13px;font-weight:600;color:var(--slate-ink)}
.is-ended .cvc-prog__name{color:var(--cv-ink-2)}

/* =============================================================================
   Robotaxi
   ============================================================================= */
.cvc-rt{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px 40px;align-items:start}
.cv-tbl.cvc-cities tbody th[scope=row]{font-weight:400;font-size:14.5px;min-width:200px}
.cvc-city{display:block;font-weight:600;color:var(--cv-ink)}
.cvc-state{display:block;font-size:13px;color:var(--cv-ink-3)}
.cvc-cnote{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--cv-ink-2);max-width:46ch;white-space:normal}
.cvc-cities td{white-space:nowrap}
.cv-tbl .cvc-src,.cvc-cnote .cvc-src{color:var(--cv-ink-3);text-decoration:underline;text-decoration-color:var(--cv-line-strong)}
.cv-tbl .cvc-src:hover{color:var(--cv-link)}
.cv-tbl tbody th[scope=row]{font-weight:600;font-size:14.5px;color:var(--cv-ink);padding:10px;border-bottom:1px solid var(--cv-grid);white-space:normal}
.cv-tbl tbody tr:last-child th{border-bottom:0}

/* Status labels: a coloured pill with a shape and words, never colour alone */
.cvc-st{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;background:var(--slate-soft);color:var(--slate-ink);font-size:13px;font-weight:600;white-space:nowrap}
.cvc-st::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:currentColor}
.cvc-st--driverless{background:var(--st5-soft);color:var(--st5-ink)}
.cvc-st--safety{background:var(--st2-soft);color:var(--st2-ink)}
.cvc-st--safety::before{border-radius:1px}
.cvc-st--coming::before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.cvc-st--fail{background:var(--red-soft);color:var(--red-ink)}
.cvc-st--fail::before{border-radius:1px;transform:rotate(45deg)}

.cvc-rt__fleet{position:relative;overflow:hidden;padding:20px 22px 22px;border:1px solid var(--cv-line);border-radius:14px;background:linear-gradient(180deg,var(--cvc-a-soft) 0%,var(--cv-sheet) 55%)}
.cvc-rt__fleet::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--cvc-a),var(--st2))}
.cvc-big{font-family:var(--cv-font-cond);font-weight:700;font-size:64px;line-height:1;margin:2px 0 8px;color:var(--cvc-a-ink)}
.cvc-split{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.cvc-split li{display:grid;grid-template-columns:86px 1fr 52px;align-items:center;gap:10px;font-size:14.5px;font-weight:500}
.cvc-split__bar{height:12px;border-radius:0 6px 6px 0;background:linear-gradient(90deg,var(--cvc-bar2),var(--cvc-bar1));width:var(--w)}
.cvc-split li:nth-child(2) .cvc-split__bar{background:linear-gradient(90deg,var(--st4),#5EEAD4)}
.cvc-split li:nth-child(3) .cvc-split__bar{background:linear-gradient(90deg,var(--st1),#C4B5FD)}
.cvc-split__v{text-align:right;font-weight:700}

.cvc-crash{margin-top:36px}
.cvc-crash__top{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px 36px;align-items:end;margin-bottom:18px}
.cvc-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:0}
.cvc-facts div{min-width:0;padding-left:12px;border-left:3px solid var(--cvc-a)}
.cvc-facts div:nth-child(2){border-left-color:var(--st2)}
.cvc-facts div:nth-child(3){border-left-color:var(--st4)}
.cvc-facts div:nth-child(4){border-left-color:var(--st1)}
.cvc-facts dt{font-size:13px;color:var(--cv-ink-3);line-height:1.3}
.cvc-facts dd{margin:2px 0 0;font-family:var(--cv-font-cond);font-weight:600;font-size:26px;line-height:1.15;color:var(--cv-ink)}
.cvc-facts dd.cvc-facts__txt{font-family:var(--cv-font);font-weight:500;font-size:15px;line-height:1.35}
.cvc-facts--2{grid-template-columns:1fr;margin-bottom:6px}
.cvc-crashes td{vertical-align:top}
.cvc-what{margin-top:4px;font-size:13.5px}
.cvc-what summary{cursor:pointer;color:var(--cv-link);width:max-content;font-weight:500}
.cvc-what p{margin:6px 0 0;line-height:1.5;color:var(--cv-ink-2);max-width:60ch;white-space:normal}

/* =============================================================================
   Charts (HTML bars so labels stay readable on phones; SVG line)
   ============================================================================= */
.cvc-bars{margin:0;--h-plot:190px;--b1:var(--cvc-bar1);--b2:var(--cvc-bar2)}
.cvc-bars--small{--h-plot:120px}
.cvc-bars--teal{--b1:#5EEAD4;--b2:var(--st4)}
.cvc-bars--coral{--b1:#FDBA74;--b2:#EA580C}
.cvc-bars__plot{position:relative;height:var(--h-plot);margin:14px 0 40px 44px}
.cvc-bars__grid span{position:absolute;left:0;right:0;bottom:var(--y);height:0;border-top:1px dashed var(--cv-grid-major)}
.cvc-bars__grid span:last-child{border-top:1px solid var(--cv-line-strong)}
.cvc-bars__grid b{position:absolute;right:calc(100% + 8px);top:-.7em;font-weight:400;font-size:12px;line-height:1.2;color:var(--cv-ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.cvc-bars__cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n),1fr);list-style:none;margin:0;padding:0}
.cvc-bars__cols li{position:relative;height:100%;outline:0}
.cvc-bars__bar{position:absolute;bottom:0;left:50%;width:min(42px,64%);transform:translateX(-50%);height:var(--h);background:linear-gradient(180deg,var(--b1),var(--b2));border-radius:6px 6px 0 0;opacity:.78}
.cvc-bars__cols li.is-last .cvc-bars__bar{opacity:1;box-shadow:0 6px 18px color-mix(in srgb,var(--b2) 35%,transparent)}
.cvc-bars__cols li:hover .cvc-bars__bar,.cvc-bars__cols li:focus .cvc-bars__bar{opacity:1;box-shadow:0 0 0 2px var(--cv-sheet),0 0 0 4px var(--b2)}
.cvc-bars__val{position:absolute;left:0;right:0;bottom:calc(var(--h) + 4px);text-align:center;font-size:12.5px;font-weight:700;color:var(--cv-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.cvc-bars__x{position:absolute;top:calc(100% + 6px);left:0;right:0;text-align:center;font-size:12px;line-height:1.25;color:var(--cv-ink-3)}
.cvc-bars__x i{display:block;font-style:normal;color:var(--cv-ink-2)}
.cvc-tip{display:none;position:absolute;z-index:3;bottom:calc(var(--h) + 26px);left:50%;transform:translateX(-50%);width:max-content;max-width:220px;padding:6px 9px;border-radius:6px;background:var(--cv-ink);color:var(--cv-paper);font-size:12.5px;line-height:1.3;pointer-events:none}
.cvc-bars__cols li:hover .cvc-tip,.cvc-bars__cols li:focus .cvc-tip{display:block}
.cvc-bars__cols li:first-child .cvc-tip{left:0;transform:none}
.cvc-bars__cols li:last-child .cvc-tip{left:auto;right:0;transform:none}

.cvc-line{margin:18px 0 0}
.cvc-line__plot{position:relative;height:110px;margin:0 44px 0 0;border-bottom:1px solid var(--cv-line-strong);background-image:linear-gradient(var(--cv-grid) 1px,transparent 1px);background-size:100% 36.6px}
.cvc-line__plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cvc-line__plot polyline{fill:none;stroke:var(--cvc-a);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.cvc-line__dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--cvc-a);box-shadow:0 0 0 3px var(--cv-sheet),0 0 0 6px color-mix(in srgb,var(--cvc-a) 30%,transparent)}
.cvc-line__hi,.cvc-line__lo{position:absolute;left:calc(100% + 6px);font-size:12px;color:var(--cv-ink-3);font-variant-numeric:tabular-nums}
.cvc-line__hi{top:-6px}
.cvc-line__lo{bottom:-6px}
.cvc-line__x{display:flex;justify-content:space-between;margin:6px 44px 0 0;font-size:12px;color:var(--cv-ink-3)}

/* =============================================================================
   Lists, feed, launches
   ============================================================================= */
.cvc-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 44px;align-items:start}
.cvc-list{list-style:none;margin:0;padding:0}
.cvc-list>li{padding:10px 0;border-bottom:1px solid var(--cv-grid);line-height:1.45}
.cvc-list>li:last-child{border-bottom:0}
.cvc-list a{color:var(--cv-ink);text-decoration:none;font-weight:500}
.cvc-list a:hover{color:var(--cv-link);text-decoration:underline}
#cvc-superchargers .cvc-list>li{padding-left:14px;border-left:3px solid var(--st4);margin-bottom:6px;border-bottom:0;background:linear-gradient(90deg,var(--st4-soft),transparent 70%);border-radius:0 8px 8px 0}
#cvc-recalls .cvc-list>li{padding-left:14px;border-left:3px solid var(--red);margin-bottom:6px;border-bottom:0;background:linear-gradient(90deg,var(--red-soft),transparent 70%);border-radius:0 8px 8px 0}

.cvc-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.cvc-filter button{height:34px;padding:0 15px;border:1px solid var(--cv-line);border-radius:999px;background:var(--cv-sheet);color:var(--cv-ink);font:500 14px/1 var(--cv-font);cursor:pointer}
.cvc-filter button:hover{border-color:transparent;background:var(--cvc-a-soft);color:var(--cvc-a-ink)}
.cvc-filter button[aria-pressed="true"]{background:var(--cvc-a);border-color:var(--cvc-a);color:var(--cvc-on-a)}
.cvc-feed{list-style:none;margin:0;padding:0;columns:2;column-gap:44px}
.cvc-feed li{display:grid;grid-template-columns:76px 1fr;gap:2px 12px;padding:11px 0;border-bottom:1px solid var(--cv-grid);break-inside:avoid}
.cvc-feed li[hidden]{display:none}
.cvc-feed__tag{grid-row:span 2;align-self:start;margin-top:2px;font-size:12px;font-weight:700;line-height:1.3;padding:3px 6px;border-radius:999px;text-align:center;background:var(--st3-soft);color:var(--st3-ink)}
.cvc-feed__tag--company{background:var(--cvc-a-soft);color:var(--cvc-a-ink)}
.cvc-feed__tag--filing{background:var(--st1-soft);color:var(--st1-ink)}
.cvc-feed__tag--launch{background:var(--st2-soft);color:var(--st2-ink)}
.cvc-feed__tag--video{background:var(--pink-soft);color:var(--pink-ink)}
.cvc-feed__tag--safety{background:var(--red-soft);color:var(--red-ink)}
.cvc-feed__tag--x{background:#0F1419;color:#fff}
:root[data-theme="dark"] .cvc-feed__tag--x{background:#E7E9EA;color:#0F1419}
.cvc-feed__t{color:var(--cv-ink);text-decoration:none;font-weight:500;line-height:1.4}
.cvc-feed__t:hover{color:var(--cv-link);text-decoration:underline}
.cvc-feed__m{font-size:13px;color:var(--cv-ink-3)}

.cvc-launch{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cvc-launch li{display:grid;gap:2px;padding:10px 14px;border-left:4px solid var(--st5);border-radius:0 10px 10px 0;background:linear-gradient(90deg,var(--st5-soft),transparent 75%)}
#cvc-launches .cvc-two>div:first-child .cvc-launch li{border-left-color:var(--st2);background:linear-gradient(90deg,var(--st2-soft),transparent 75%)}
#cvc-launches .cvc-two>div:first-child .cvc-launch li:first-child{border-left-color:var(--cvc-a);background:linear-gradient(90deg,var(--cvc-a-soft),transparent 80%)}
.cvc-launch__when{font-size:13.5px;font-weight:700;color:var(--cv-ink-2)}
.cvc-launch__what{line-height:1.4}
.cvc-launch__what b{font-weight:600}
.cvc-launch__sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13.5px;color:var(--cv-ink-3)}
.cvc-ship tr.is-next td{color:var(--cv-ink-2)}
.cvc-boost td,.cvc-ship td{white-space:nowrap}
.cvc-boost tbody tr:first-child td{background:var(--st2-soft)}

.cvc-total th,.cvc-total td{font-weight:700;border-top:2px solid var(--cvc-a)}
.cvc-qtbl td,.cvc-qtbl th{white-space:nowrap}
.cvc-qtbl tbody tr:first-child th,.cvc-qtbl tbody tr:first-child td{background:var(--cvc-a-soft)}
.cvc-role{display:block;font-size:13px;color:var(--cv-ink-3)}
.cvc-ins td{vertical-align:top;line-height:1.7}
.cvc-act{display:inline-block;padding:0 8px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1.6;background:var(--slate-soft);color:var(--slate-ink)}
.cvc-act--sell{background:var(--red-soft);color:var(--red-ink)}
.cvc-act--buy{background:var(--st5-soft);color:var(--st5-ink)}

/* Share chart */
.cvc-tv{height:420px;border:1px solid var(--cv-line);border-radius:14px;overflow:hidden;background:var(--cv-sheet);box-shadow:inset 0 4px 0 var(--cvc-a)}

/* Videos */
.cvc-vids{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cvc-vids a{display:grid;gap:8px;color:var(--cv-ink);text-decoration:none}
.cvc-vids__img{position:relative;display:block;border-radius:12px;overflow:hidden;background:var(--cv-sunk)}
.cvc-vids img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .25s}
.cvc-vids__img::after{content:"";position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:color-mix(in srgb,var(--cvc-a-deep) 92%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%23fff'/%3E%3C/svg%3E") center/26px no-repeat;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.cvc-vids a:hover img{transform:scale(1.04)}
.cvc-vids__t{font-weight:600;line-height:1.35}
.cvc-vids a:hover .cvc-vids__t{color:var(--cv-link);text-decoration:underline}
@media (prefers-reduced-motion:reduce){.cvc-vids img,.cvc-prog__row{transition:none}.cvc-vids a:hover img{transform:none}}

/* Timeline: a line with coloured dots, newest first */
.cvc-tl{list-style:none;margin:0;padding:0;columns:2;column-gap:44px}
.cvc-tl li{position:relative;display:grid;grid-template-columns:76px 1fr;gap:12px;padding:9px 0 9px 24px;break-inside:avoid}
.cvc-tl li::before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:linear-gradient(var(--cvc-a-soft),var(--cv-line))}
.cvc-tl li::after{content:"";position:absolute;left:0;top:14px;width:12px;height:12px;border-radius:50%;background:var(--cv-sheet);box-shadow:inset 0 0 0 3px var(--cvc-a)}
.cvc-tl li:nth-child(4n+2)::after{box-shadow:inset 0 0 0 3px var(--st4)}
.cvc-tl li:nth-child(4n+3)::after{box-shadow:inset 0 0 0 3px var(--st2)}
.cvc-tl li:nth-child(4n+4)::after{box-shadow:inset 0 0 0 3px var(--st1)}
.cvc-tl li:first-child::after{background:var(--cvc-a);box-shadow:0 0 0 4px color-mix(in srgb,var(--cvc-a) 25%,transparent)}
.cvc-tl__when{font-family:var(--cv-font-cond);font-weight:700;color:var(--cvc-a-ink)}
.cvc-tl__what{line-height:1.45}

/* X posts */
.cvc-x{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cvc-x__i{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid var(--cv-line);border-radius:14px;background:var(--cv-sheet);box-shadow:inset 0 4px 0 #0F1419}
:root[data-theme="dark"] .cvc-x__i{box-shadow:inset 0 4px 0 #E7E9EA}
.cvc-x__who{margin:0;line-height:1.35}
.cvc-x__text{margin:0;line-height:1.5;overflow-wrap:anywhere}
.cvc-x__go{margin-top:auto;font-size:14px;font-weight:600}
.cvc-acc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.cvc-acc li{padding:6px 14px;border-radius:999px;background:var(--cv-sheet);border:1px solid var(--cv-line)}
.cvc-acc a{font-weight:700}
.cvc-admin{margin-top:26px;padding:18px 20px;border:1px dashed var(--cv-line-strong);border-radius:14px;background:var(--cv-sheet-2)}
.cvc-admin__row{display:flex;gap:10px}
.cvc-admin__row .cv-input{flex:1}
.cvc-admin__list{list-style:none;margin:16px 0 0;padding:0}
.cvc-admin__list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--cv-line);font-size:14px}
.cvc-admin__list form{margin:0}
.cvc-flash{margin:0 0 12px;padding:8px 12px;border-radius:8px;background:var(--st5-soft);color:var(--st5-ink);font-size:14.5px;font-weight:500}

/* Talk + sources */
.cvc-end{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px 44px;align-items:start;padding-top:30px;border-top:1px solid var(--cv-line)}
.cvc-talk{position:relative;overflow:hidden;padding:26px 26px 28px;border-radius:16px;color:#fff;background:radial-gradient(400px 200px at 100% 0,rgba(255,255,255,.16),transparent 60%),linear-gradient(135deg,var(--cvc-a-deep),var(--cvc-a));background-color:var(--cvc-a-deep)}
:root[data-theme="dark"] .cvc-talk{background:radial-gradient(400px 200px at 100% 0,rgba(255,255,255,.14),transparent 60%),linear-gradient(135deg,var(--cvc-a-deep),color-mix(in srgb,var(--cvc-a-deep) 60%,#000))}
.cvc-talk .cv-h2{color:#fff}
.cvc-talk p{margin:8px 0 18px;color:rgba(255,255,255,.9)}
.cvc-talk .cv-btn--primary{background:#fff;border-color:#fff;color:var(--cvc-a-deep)}
.cvc-talk .cv-btn--primary:hover{background:rgba(255,255,255,.88);color:var(--cvc-a-deep)}
.cvc-sources .cv-h2{margin-bottom:8px}
.cvc-sources .cvc-list>li{font-size:14.5px;padding:7px 0}
.cvc-sources .cvc-list a{color:var(--cv-link);font-weight:500;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--cv-link) 40%,transparent)}

/* Hub */
.cvc-hero--hub .cv-head{padding-bottom:40px}
.cvc-hub{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cvc-hub__a{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--cv-line);border-radius:16px;background:var(--cv-sheet);color:var(--cv-ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.cvc-hub__a:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,34,54,.16)}
.cvc-hub__top{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:26px 24px 22px;color:#fff;background:radial-gradient(500px 220px at 90% -20%,rgba(244,63,94,.6),transparent 60%),linear-gradient(135deg,#0D0E13,#36101C);background-color:#140D12}
.cvc-hub__a--spacex .cvc-hub__top{background:radial-gradient(1px 1px at 30px 20px,#fff 99%,transparent),radial-gradient(1px 1px at 160px 60px,#fff 99%,transparent),radial-gradient(1.4px 1.4px at 260px 26px,#fff 99%,transparent),radial-gradient(500px 220px at 90% -20%,rgba(59,130,246,.7),transparent 60%),linear-gradient(160deg,#02040D,#0A2459);background-color:#04102A}
.cvc-hub__name{font-family:var(--cv-font-cond);font-weight:600;font-size:34px;line-height:1.1}
.cvc-hub__tick{font:600 13px/1 var(--cv-font-cond);padding:4px 6px 3px;border:1px solid rgba(255,255,255,.55);border-radius:3px}
.cvc-hub__stat{flex-basis:100%;font-size:15px;color:rgba(255,255,255,.85)}
.cvc-hub__stat b{font-family:var(--cv-font-cond);font-size:22px;color:#fff}
.cvc-hub__body{display:flex;flex-direction:column;gap:14px;flex:1;padding:18px 24px 22px}
.cvc-hub__sum{color:var(--cv-ink-2);line-height:1.5}
.cvc-hub__go{margin-top:auto;align-self:flex-start;padding:9px 16px;border-radius:999px;background:var(--cv-blue);color:var(--cv-on-blue);font-weight:600}
.cvc-hub__a--tesla .cvc-hub__go{background:#BE123C;color:#fff}
.cvc-hub__a--spacex .cvc-hub__go{background:#1D4ED8;color:#fff}
@media (prefers-reduced-motion:reduce){.cvc-hub__a{transition:none}.cvc-hub__a:hover{transform:none}}

/* =============================================================================
   Smaller screens
   ============================================================================= */
@media (max-width:1000px){
  .cvc-keys{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cvc-rt{grid-template-columns:minmax(0,1fr)}
  .cvc-feed,.cvc-tl{columns:1}
  .cvc-vids{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cvc-x{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .cvc-hero .cv-head{padding-top:24px}
  .cvc-keys{gap:10px;margin:20px 0 26px}
  .cvc-prog{padding:8px 14px 12px}
  .cvc-prog__head{display:none}
  .cvc-prog__row{grid-template-columns:1fr;gap:8px;margin:0 -6px;padding:14px 6px}
  .cvc-track{height:32px}
  .is-ended .cvc-track__label{right:0}
  .cvc-two,.cvc-end,.cvc-hub{grid-template-columns:minmax(0,1fr)}
  .cv-tbl.cvc-cities tbody th[scope=row]{min-width:0}
  .cvc-cities td{white-space:normal}
  .cvc-cities .cvc-st{white-space:normal}
  .cvc-crash__top{grid-template-columns:1fr}
  .cvc-tv{height:340px}
  .cvc-x{grid-template-columns:1fr}
  .cvc-big{font-size:52px}
}
@media (max-width:480px){
  .cvc-key{padding:12px 12px 14px;border-radius:12px}
  .cvc-key__v{font-size:28px}
  .cvc-key__l,.cvc-key__n{font-size:12.5px}
  .cvc-feed li{grid-template-columns:1fr;gap:4px}
  .cvc-feed__tag{grid-row:auto;justify-self:start;padding:2px 10px}
  .cvc-tl li{grid-template-columns:64px 1fr}
  .cvc-vids{grid-template-columns:1fr}
  .cvc-admin__row{flex-direction:column}
  .cvc-ship td{white-space:normal}
  .cvc-hide-s{display:none}
  .cvc-hub__name{font-size:30px}
}
@media (forced-colors:active){
  .cvc-track__line,.cvc-track__stop.is-done,.cvc-bars__bar,.cvc-split__bar{background:CanvasText}
  .cvc-track__stop.is-now{background:Highlight}
  .cvc-hero,.cvc-talk,.cvc-hub__top{background:Canvas;color:CanvasText}
}
/* small muted text sitting on a tinted panel: one step darker so it stays easy to read */
.cvc-rt__fleet .cvc-small,#cvc-recalls .cvc-feed__m,#cvc-superchargers .cvc-feed__m,.cvc-launch__sub{color:var(--cv-ink-2)}

/* =============================================================================
   Hero artwork (includes/cv-company-art.php): drawn on the right, fading out
   towards the text; gentle movement, off for reduced motion
   ============================================================================= */
.cvc-hero>.cv-wrap{position:relative;z-index:1}
.cvc-art{position:absolute;top:0;right:0;bottom:0;width:min(64%,860px);z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.cvc-art svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
@keyframes cvc-twinkle{0%,100%{opacity:.25}50%{opacity:1}}
.cvc-tw{animation:cvc-twinkle 3.6s ease-in-out infinite}
.cvc-tw--2{animation-delay:-1.2s}
.cvc-tw--3{animation-delay:-2.4s}
@keyframes cvc-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.cvc-rkt{animation:cvc-bob 4.5s ease-in-out infinite}
@keyframes cvc-flick{from{transform:scaleY(.84)}to{transform:scaleY(1.1)}}
.cvc-rkt__flame{transform-box:fill-box;transform-origin:50% 0;animation:cvc-flick .16s ease-in-out infinite alternate}
@keyframes cvc-road{to{stroke-dashoffset:44}}
.cvc-road{animation:cvc-road .7s linear infinite}
@keyframes cvc-spin{to{transform:rotate(360deg)}}
.cvc-spokes{transform-box:fill-box;transform-origin:center;animation:cvc-spin .55s linear infinite}
@keyframes cvc-wave{0%{opacity:0}30%{opacity:.95}100%{opacity:0}}
.cvc-wave{animation:cvc-wave 2.4s ease-out infinite}
.cvc-wave--2{animation-delay:.35s}
.cvc-wave--3{animation-delay:.7s}
@keyframes cvc-cell{0%,12%{opacity:.15}20%,100%{opacity:1}}
.cvc-cell{animation:cvc-cell 4s linear infinite}
.cvc-cell--2{animation-delay:.5s}
.cvc-cell--3{animation-delay:1s}
.cvc-cell--4{animation-delay:1.5s}
@keyframes cvc-bolt{0%,100%{opacity:.85}50%{opacity:1}}
.cvc-bolt{animation:cvc-bolt 1.8s ease-in-out infinite}
.cvc-art--tesla{bottom:auto;height:calc(100% - 196px)}
@media (max-width:1000px){.cvc-art{width:80%;opacity:.8}}
@media (max-width:760px){
  /* phones: the picture becomes a band under the key numbers instead of sitting behind the text */
  .cvc-art,.cvc-art--tesla{top:auto;bottom:0;right:0;width:100%;height:180px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
  .cvc-hero .cvc-keys{margin-bottom:186px}
}
@media (prefers-reduced-motion:reduce){.cvc-art *{animation:none!important}}

/* =============================================================================
   SpaceX AI data centres (Oct 2026): facts, built/target chart, who earns most,
   rental deals, sites, the "do the sum" calculator, Musk's posts, headlines
   ============================================================================= */
.cvc-page{--ai:#A21CAF; --ai-soft:#FAE8FF; --ai-ink:#86198F}
:root[data-theme="dark"] .cvc-page{--ai:#E879F9; --ai-soft:rgba(232,121,249,.16); --ai-ink:#F5D0FE}
.cvc-feed__tag--dc{background:var(--ai-soft);color:var(--ai-ink)}
.cvc-bars--ai{--b1:#E879F9;--b2:#A21CAF}
:root[data-theme="dark"] .cvc-bars--ai{--b1:#F0ABFC;--b2:#D946EF}
.cvc-bars__cols li.is-target .cvc-bars__bar{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--b2) 32%,transparent) 0 5px,transparent 5px 10px);background-color:transparent;border:2px dashed var(--b2);border-bottom:0;opacity:1;box-shadow:none}
.cvc-bars__cols li.is-target .cvc-bars__val{color:var(--ai-ink)}
.cvc-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:13.5px;color:var(--cv-ink-2)}
.cvc-legend__b,.cvc-legend__t{display:inline-block;width:14px;height:12px;border-radius:3px 3px 0 0}
.cvc-legend__b{background:linear-gradient(180deg,#E879F9,#A21CAF)}
.cvc-legend__t{margin-left:12px;border:2px dashed var(--ai);border-bottom:0;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ai) 32%,transparent) 0 3px,transparent 3px 6px)}
.cvc-facts--4{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 32px}
.cvc-ai .cvc-facts div:nth-child(1){border-left-color:var(--ai)}
.cvc-ai .cvc-facts div:nth-child(2){border-left-color:var(--cvc-a)}
.cvc-ai .cvc-facts div:nth-child(3){border-left-color:var(--st1)}
.cvc-ai .cvc-facts div:nth-child(4){border-left-color:var(--st5)}
.cvc-facts dd.cvc-facts__sub{font-family:var(--cv-font);font-weight:500;font-size:13px;line-height:1.35;color:var(--cv-ink-2)}
.cvc-ai__two{margin-bottom:8px}
.cvc-biz th[scope=row]{white-space:normal;min-width:150px}
.cvc-watch{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:var(--ai-soft);color:var(--ai-ink);font-weight:600;font-size:14.5px;line-height:1.45}
.cvc-deals td{min-width:130px;white-space:normal}
.cvc-deals th[scope=row]{min-width:110px}
.cvc-sites{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cvc-sites__i{display:flex;flex-direction:column;padding:16px 18px;border:1px solid var(--cv-line);border-radius:14px;background:var(--cv-sheet);box-shadow:inset 0 4px 0 var(--ai)}
.cvc-sites__i--driverless{box-shadow:inset 0 4px 0 var(--st5)}
.cvc-sites__i--safety{box-shadow:inset 0 4px 0 var(--st2)}
.cvc-sites__i--coming{box-shadow:inset 0 4px 0 var(--st1)}
.cvc-sites__top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-family:var(--cv-font-cond);font-size:20px}
.cvc-sites__place{margin:4px 0 8px;font-size:13.5px;line-height:1.4;color:var(--cv-ink-2)}
.cvc-sites__d{margin:0;font-size:15px;line-height:1.5}
.cvc-sites__src{margin:auto 0 0;padding-top:10px;font-size:13px;color:var(--cv-ink-2)}
.cvc-sites__src .cvc-src,.cvc-sums .cvc-src,.cvc-biz~.cvc-small .cvc-src{color:var(--cv-ink-2)}
.cvc-calc{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);margin:34px 0 26px;border-radius:18px;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(520px 260px at 100% 0,rgba(232,121,249,.34),transparent 62%),radial-gradient(420px 240px at 0 100%,rgba(96,165,250,.26),transparent 60%),linear-gradient(135deg,#0B0618 0%,#1E0B3A 55%,#2E1065 100%);background-color:#14072A;box-shadow:0 18px 40px rgba(46,16,101,.22)}
.cvc-calc::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px}
.cvc-calc__in{padding:24px 26px 12px}
.cvc-calc .cvc-h3{color:#fff;font-size:23px}
.cvc-calc__how{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.88)}
.cvc-calc__how b{color:#F0ABFC;font-size:17px}
.cvc-calc__pre{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.cvc-chip{min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.07);color:#fff;font:500 14px/1.2 var(--cv-font);cursor:pointer}
.cvc-chip:hover{background:rgba(255,255,255,.16)}
.cvc-chip[aria-pressed="true"]{background:#F0ABFC;border-color:#F0ABFC;color:#2E1065;font-weight:700}
.cvc-calc :focus-visible{outline:2px solid #fff;outline-offset:2px}
.cvc-calc__f{display:grid;gap:6px;margin:0 0 14px}
.cvc-calc__f label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-weight:600;font-size:14.5px}
.cvc-calc__f output{font-family:var(--cv-font-cond);font-weight:600;font-size:19px;color:#F0ABFC;white-space:nowrap}
.cvc-calc input[type=range]{width:100%;margin:2px 0;accent-color:#E879F9;cursor:pointer}
.cvc-calc__hint{font-size:12.5px;color:rgba(255,255,255,.75)}
.cvc-calc__out{display:flex;flex-direction:column;padding:24px 26px;background:rgba(0,0,0,.3);border-left:1px solid rgba(255,255,255,.12)}
.cvc-calc__l{margin:0;font-size:14px;font-weight:600;color:#F0ABFC}
.cvc-calc__big{margin:4px 0 16px;font-family:var(--cv-font-cond);font-weight:700;font-size:clamp(46px,5vw,66px);line-height:1;letter-spacing:-.01em;color:#fff;text-shadow:0 0 28px rgba(232,121,249,.45)}
.cvc-calc__big span{font-size:20px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.82);text-shadow:none}
.cvc-calc__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:9px 0;border-top:1px solid rgba(255,255,255,.14);font-size:14.5px;color:rgba(255,255,255,.88)}
.cvc-calc__row b{font-size:16px;color:#fff;white-space:nowrap}
.cvc-calc__row--tot b{font-size:21px;color:#F0ABFC}
.cvc-calc__note{margin:auto 0 0;padding-top:12px;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.75)}
.cvc-sums td:last-child{min-width:280px;white-space:normal}
.cvc-sums td b{color:var(--ai-ink)}
.cvc-caution{position:relative;margin:14px 0 30px;padding:12px 14px 12px 42px;border-radius:10px;background:var(--st2-soft);color:var(--st2-ink);font-size:14px;line-height:1.5}
.cvc-caution::before{content:"!";position:absolute;left:13px;top:13px;width:18px;height:18px;border-radius:50%;background:#92400E;color:#fff;font-weight:800;font-size:12px;line-height:18px;text-align:center}

:root[data-theme="dark"] .cvc-caution::before{background:#FDE68A;color:#1F1300}
.cvc-x--one{grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
.cvc-feed--dc{columns:1}
.cvc-feed--dc li{grid-template-columns:minmax(0,1fr)}
.cvc-admin__chk{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px}
@media (max-width:1000px){
  .cvc-sites{grid-template-columns:minmax(0,1fr)}
  .cvc-calc{grid-template-columns:minmax(0,1fr)}
  .cvc-calc__out{border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .cvc-facts--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
  .cvc-calc__in,.cvc-calc__out{padding:18px 16px}
  .cvc-facts--4 dd.cv-num{font-size:22px}
  .cvc-calc__f label{flex-wrap:wrap}
}
@media (forced-colors:active){.cvc-calc{background:Canvas;color:CanvasText}}
/* phones: the deals and the sums become stacked cards instead of wide tables */
@media (max-width:760px){
  .cvc-deals,.cvc-sums{min-width:0}
  .cvc-deals thead,.cvc-sums thead{display:none}
  .cvc-deals,.cvc-deals tbody,.cvc-deals tr,.cvc-deals th,.cvc-deals td,.cvc-sums tbody,.cvc-sums tr,.cvc-sums th,.cvc-sums td{display:block;width:auto;min-width:0;text-align:left}
  .cvc-sums{display:block}
  .cvc-deals tr,.cvc-sums tr{padding:12px 0;border-bottom:1px solid var(--cv-line)}
  .cvc-deals th,.cvc-deals td,.cvc-sums th,.cvc-sums td{padding:2px 0;border:0}
  .cvc-deals th[scope=row],.cvc-sums th[scope=row]{font-size:16px;padding-bottom:4px}
  .cv-tbl.cvc-deals td[data-l],.cv-tbl.cvc-sums td[data-l]{position:relative;padding-left:100px;text-align:left;white-space:normal}
  .cvc-deals td[data-l]::before,.cvc-sums td[data-l]::before{content:attr(data-l);position:absolute;left:0;top:3px;width:92px;font-size:13px;font-weight:600;color:var(--cv-ink-2)}
  .cvc-sums td:last-child{min-width:0}
}