@font-face{
  font-family:Pondypen;
  src:url('assets/Pondypen.ttf') format('truetype');
  font-display:swap;
}
@font-face{font-family:Pondypen2;src:url('assets/Pondy_pen_2-Regular.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#fff;background:#313335;font-family:Arial,Helvetica,sans-serif;line-height:1.45}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-hero{padding:56px 20px 20px}.home-hero .main-title{width:min(620px,76vw)}
.sketch-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3.3vw,45px);padding:18px 4vw 28px;flex-wrap:wrap}
.sketch-nav a{display:block}.sketch-nav img{height:clamp(50px,6.5vw,82px);width:auto;object-fit:contain;transition:.15s}.sketch-nav a:hover img{transform:rotate(-3deg) scale(1.04)}
.home-nav{display:grid;grid-template-columns:.72fr .82fr 1.55fr 1.6fr 1fr .56fr;align-items:center;width:min(1100px,91vw);margin:0 auto;gap:clamp(18px,2.6vw,38px);padding:36px 0 52px}
.home-nav a{display:flex;align-items:center;justify-content:center;min-width:0}.home-nav img{width:100%;height:auto;max-height:none;object-fit:contain;transition:transform .15s ease}.home-nav a:nth-child(2) img{height:auto;max-height:none}.home-nav a:hover img{transform:rotate(-2deg) scale(1.035)}
.home-main{width:100%}
.dts-strip{width:min(1110px,90vw);min-height:190px;margin:0 auto;display:grid;grid-template-columns:minmax(225px,1.45fr) .78fr 1fr 1.12fr 1.08fr .92fr;align-items:stretch;border-top:3px solid rgba(255,255,255,.8);border-bottom:3px solid rgba(255,255,255,.8);transform:rotate(-.15deg)}
.dts-strip>div,.youtube-cta{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:20px 18px;border-left:1px solid rgba(255,255,255,.25)}
.car-photo{padding:0!important;border-left:0!important;overflow:hidden}.car-photo img{width:100%;height:100%;min-height:184px;object-fit:cover}
.eyebrow,.session-state strong{font-family:Pondypen2,"Comic Sans MS",cursive}.eyebrow{font-size:clamp(1.05rem,1.55vw,1.4rem);line-height:1;margin-bottom:10px;opacity:.86}.session-state strong{font-size:clamp(1.65rem,2.7vw,2.6rem);line-height:.95}
.datum strong{font-size:clamp(1.65rem,2.65vw,2.65rem);line-height:1;white-space:nowrap}.datum small{font-size:.42em;font-weight:700}.elapsed strong{font-size:clamp(1.35rem,2vw,2rem);white-space:nowrap}
.youtube-cta{align-items:center;padding:12px 14px}.youtube-cta img{width:100%;height:auto;max-height:150px;object-fit:contain}
.dts-strip[data-state="stopped"] .datum{opacity:.27}.dts-strip[data-state="stopped"] .session-state strong{font-size:clamp(1.45rem,2.2vw,2.15rem)}
.lab-controls{width:min(1110px,90vw);margin:22px auto 0;display:flex;gap:10px;justify-content:center;align-items:center;font-size:.78rem;opacity:.75}.lab-controls button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);padding:7px 12px;cursor:pointer}.lab-controls button:hover{background:rgba(255,255,255,.1)}
@media(max-width:800px){.home-hero{padding-top:38px}.home-nav{width:94vw;gap:10px;padding:22px 0 34px}.dts-strip{grid-template-columns:1.4fr 1fr 1fr}.car-photo{grid-row:span 2}}
@media(max-width:520px){.home-hero .main-title{width:min(76vw,520px)}.home-nav{width:94vw;gap:10px;padding:22px 0 34px}.dts-strip{width:94vw;grid-template-columns:1fr 1fr;transform:none}.car-photo{grid-column:1/-1;grid-row:auto}.car-photo img{height:180px;min-height:0}.dts-strip>div,.youtube-cta{padding:16px 14px}.youtube-cta{min-height:96px}}


/* V2.5 — exact final V2.0 homepage proportions for WHAT IS THIS? */
.home-page .front-intro{
  width:min(780px,76vw);
  margin:50px auto 0;
  padding:0 0 56px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:56px;
  align-items:center;
  min-height:0;
}
.home-page .front-intro .copy h1{
  font-family:Pondypen,"Comic Sans MS",cursive;
  font-size:clamp(1.9rem,3vw,2.6rem);
  line-height:1;
  margin:0;
}
.home-page .front-intro .wavy{
  width:245px;
  height:auto;
  margin:9px 0 22px;
}
.home-page .front-intro .copy p{
  font-size:1.04rem;
  line-height:1.45;
  max-width:430px;
  margin:0;
}
.story-doodle-slot{
  height:215px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.home-page .front-intro .story-doodle{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:205px;
  object-fit:contain;
  justify-self:auto;
}

/* State word deliberately smaller again so PAUSED/STOPPED cannot escape. */
.session-state strong,
.dts-strip[data-state="stopped"] .session-state strong{
  font-size:clamp(1.2rem,1.9vw,1.82rem);
}

@media(max-width:800px){
  .home-page .front-intro{
    width:min(88vw,580px);
    grid-template-columns:1fr;
    gap:24px;
    padding-bottom:44px;
  }
  .story-doodle-slot{height:190px}
  .home-page .front-intro .story-doodle{max-height:185px}
}
@media(max-width:520px){
  .home-page .front-intro{width:88vw;padding-top:0}
  .home-page .front-intro .wavy{width:220px}
  .home-page .front-intro .copy p{font-size:1rem}
  .story-doodle-slot{height:165px}
  .home-page .front-intro .story-doodle{max-height:160px}
}


/* V2.6 — state word deliberately the SAME size as the SESSION label. */
.session-state strong,
.dts-strip[data-state="stopped"] .session-state strong{
  font-family:Pondypen2,"Comic Sans MS",cursive;
  font-size:clamp(1.05rem,1.55vw,1.4rem);
  line-height:1;
}

/* Dynamic car data stays in the normal font because Pondypen2 has no numerals. */
.current-car-line{
  width:min(1110px,90vw);
  margin:14px auto 0;
  text-align:center;
  line-height:1.25;
}
.current-car-label{
  font-family:Pondypen2,"Comic Sans MS",cursive;
  font-size:clamp(1rem,1.45vw,1.3rem);
  margin-right:.45rem;
}
#currentCarName{
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(1rem,1.55vw,1.35rem);
  font-weight:700;
  letter-spacing:.02em;
}

.social-footer{
  text-align:center;
  padding:0 20px 34px;
  margin-top:-88px;
  font-family:Pondypen,"Comic Sans MS",cursive;
  font-size:clamp(1.8rem,2.7vw,2.325rem);
  line-height:1.5;
}
.social-footer a{
  color:#d71920;
  text-decoration:none;
  margin:0 .28em;
}
.social-footer a:hover{text-decoration:underline}
.social-footer span{color:#d71920}
.social-footer{
    margin-top:-45px;
    padding-bottom:28px;
    font-size:clamp(1.575rem,7.5vw,2.025rem);
  }
.home-page .social-footer{
  margin:0;
  padding:0 20px 58px;
  text-align:center;
  font-family:Pondypen,"Comic Sans MS",cursive;
  font-size:clamp(1.55rem,2.8vw,2.35rem);
  line-height:1.4;
}
.home-page .social-footer a{color:#d7192d;text-decoration:none;margin:0 .18em}
.home-page .social-footer span{color:#d7192d;margin:0 .04em}
.home-page .social-footer a:hover{text-decoration:underline}
.home-page .social-footer{font-size:clamp(1.45rem,7vw,1.9rem);padding-bottom:38px}

/* V2.7 — final visual tweak: live strip handwriting uses original Pondypen. */
.eyebrow,
.session-state strong,
.dts-strip[data-state="stopped"] .session-state strong,
.current-car-label{
  font-family:Pondypen,"Comic Sans MS",cursive;
}


/* V2.8 — restore original Pondypen to the existing handwritten site text too. */
.front-intro .copy h1,
.home-page .front-intro .copy h1,
.social-footer,
.social-footer a{
  font-family:Pondypen,"Comic Sans MS",cursive !important;
}

/* V2.9 — original Pondypen, now backed by the actual loaded font file. */
.eyebrow,
.session-state strong,
.dts-strip[data-state="stopped"] .session-state strong,
.current-car-label,
.front-intro .copy h1,
.home-page .front-intro .copy h1,
.social-footer,
.social-footer a{
  font-family:Pondypen,cursive !important;
}

/* V2.10 — correct font split. */
.eyebrow,
.session-state strong,
.dts-strip[data-state="stopped"] .session-state strong,
.current-car-label{
  font-family:Pondypen2,cursive !important;
}

.front-intro .copy h1,
.home-page .front-intro .copy h1,
.social-footer,
.social-footer a{
  font-family:Pondypen,cursive !important;
}

/* V2.11 — final visual tidy: no outer horizontal box lines. */
.dts-strip{
  border-top:0 !important;
  border-bottom:0 !important;
}

/* Centre the session state directly beneath SESSION. */
.session-state{
  align-items:center;
  text-align:center;
}
.session-state .eyebrow{
  width:100%;
  text-align:center;
}
.session-state strong{
  width:100%;
  text-align:center;
}

/* V2.12 — compact clickable Nextcar leader line. */
.nextcar-leader-line{width:min(1110px,90vw);margin:8px auto 0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;color:#fff}
.nextcar-choice-label{width:auto;height:26px;max-width:44%;object-fit:contain}
#nextcarLeaderName{font-family:Arial,Helvetica,sans-serif;font-size:clamp(.88rem,1.15vw,1.05rem);font-weight:700;line-height:1.1}
.nextcar-leader-thumb{width:58px;height:34px;object-fit:cover;flex:0 0 auto}
@media(max-width:560px){.nextcar-leader-line{gap:8px;min-height:38px}.nextcar-choice-label{height:20px;max-width:43%}.nextcar-leader-thumb{width:48px;height:28px}#nextcarLeaderName{font-size:.8rem}}

/* Keep whole current-car image visible. */
.car-photo img{object-fit:contain!important;}

/* V2.15 — 27 Aug homepage reorganisation from approved layout mock-up. */
@font-face{font-family:'Pondypen_3';src:url('assets/Pondypen_3-Regular.woff2') format('woff2'),url('assets/Pondypen_3-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.home-tidy .tidy-masthead{width:min(760px,88vw);margin:0 auto;text-align:center;padding:48px 0 12px}
.home-tidy .tidy-masthead h1{font-family:'Pondypen_3',Pondypen,Arial,sans-serif;font-size:clamp(2.6rem,5vw,4.8rem);line-height:.9;margin:0 0 12px;letter-spacing:.01em}
.home-tidy .tidy-masthead p{max-width:680px;margin:0 auto;font-size:clamp(.78rem,1.1vw,1rem);line-height:1.25}
.home-tidy .home-nav{padding:34px 0 58px}
.home-tidy .current-session{width:min(1110px,90vw);margin:0 auto}
.home-tidy .current-car-line{width:100%;margin:0 0 18px;text-align:center}
.home-tidy .current-car-label{font-family:Pondypen2,cursive!important;font-size:clamp(1.05rem,1.45vw,1.3rem)}
.home-tidy #currentCarName{font-size:clamp(1rem,1.4vw,1.28rem)}
.home-tidy .dts-strip{width:100%;margin:0;min-height:150px;grid-template-columns:minmax(210px,1.45fr) .8fr 1fr 1.08fr 1.05fr .92fr;transform:none}
.home-tidy .dts-strip>div,.home-tidy .youtube-cta{padding:12px 14px}
.home-tidy .car-photo{padding:0!important}.home-tidy .car-photo img{min-height:150px;max-height:170px;width:100%;object-fit:contain!important}
.home-tidy .eyebrow{font-family:Pondypen2,cursive!important;font-size:clamp(.95rem,1.25vw,1.18rem);line-height:.84;margin-bottom:8px;min-height:2em}
.home-tidy .session-state{align-items:flex-start;text-align:left}
.home-tidy .session-state .eyebrow,.home-tidy .session-state strong{width:auto;text-align:left}
.home-tidy .session-state strong,.home-tidy .dts-strip[data-state="stopped"] .session-state strong{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(1.05rem,1.55vw,1.45rem);line-height:1;font-weight:700}
.home-tidy .datum strong{font-size:clamp(1.25rem,1.8vw,1.75rem)}
.home-tidy .elapsed strong{font-size:clamp(1rem,1.35vw,1.3rem)}
.home-tidy .youtube-cta img{max-height:115px}
.home-tidy .nextcar-leader-line{margin-top:28px}
.home-tidy .rules-section{width:min(760px,76vw);margin:70px auto 0;display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center}
.home-tidy .rules-copy h2{font-family:Pondypen,'Pondypen_3',cursive;font-size:clamp(2rem,3.4vw,3rem);line-height:1;margin:0 0 18px}
.home-tidy .rules-copy p{font-size:clamp(.9rem,1.05vw,1rem);line-height:1.28;margin:0}
.home-tidy .story-doodle-slot{height:210px}.home-tidy .story-doodle{max-height:205px}
.home-tidy .social-footer{margin:34px 0 0;padding:0 20px 34px;font-size:clamp(1.25rem,2.2vw,1.8rem)}
.home-tidy .made-by-human{width:min(470px,70vw);margin:0 auto;padding:0 0 64px}.home-tidy .made-by-human img{width:100%;height:auto}
@media(max-width:800px){
 .home-tidy .tidy-masthead{padding-top:34px}.home-tidy .home-nav{padding:28px 0 42px}
 .home-tidy .dts-strip{grid-template-columns:1.25fr 1fr 1fr}.home-tidy .car-photo{grid-row:span 2}.home-tidy .car-photo img{height:100%;max-height:none}
 .home-tidy .rules-section{width:min(86vw,620px);grid-template-columns:1fr 1fr;gap:28px;margin-top:54px}
}
@media(max-width:520px){
 .home-tidy .tidy-masthead{width:90vw;padding-top:28px}.home-tidy .tidy-masthead h1{font-size:clamp(2.45rem,13vw,3.7rem)}.home-tidy .tidy-masthead p{font-size:.78rem;max-width:92%}
 .home-tidy .home-nav{padding:24px 0 34px}
 .home-tidy .current-session{width:94vw}.home-tidy .current-car-line{margin-bottom:14px;padding:0 6px}.home-tidy .current-car-label,.home-tidy #currentCarName{font-size:.9rem}
 .home-tidy .dts-strip{width:100%;grid-template-columns:1fr 1fr}.home-tidy .car-photo{grid-column:1/-1;grid-row:auto}.home-tidy .car-photo img{height:160px;min-height:0}
 .home-tidy .dts-strip>div,.home-tidy .youtube-cta{padding:14px 12px}.home-tidy .eyebrow{font-size:.9rem}.home-tidy .datum strong{font-size:1.3rem}.home-tidy .elapsed strong{font-size:1rem}
 .home-tidy .nextcar-leader-line{width:94vw;margin-top:20px}
 .home-tidy .rules-section{width:86vw;grid-template-columns:1fr;gap:18px;margin-top:48px}.home-tidy .rules-copy h2{font-size:2.2rem;margin-bottom:14px}.home-tidy .story-doodle-slot{height:155px}.home-tidy .story-doodle{max-height:150px}
 .home-tidy .social-footer{margin-top:24px;padding-bottom:30px;font-size:clamp(1.15rem,6vw,1.55rem)}.home-tidy .made-by-human{width:min(74vw,390px);padding-bottom:42px}
}

/* V2.16 — homepage proportion tweaks after first live review. */
.home-tidy .tidy-masthead{width:min(980px,92vw);padding-top:38px}
.home-tidy .tidy-masthead h1{font-size:clamp(2.35rem,4vw,3.8rem);line-height:1;white-space:nowrap;margin-bottom:10px}
.home-tidy .eyebrow{line-height:1.02;min-height:2.05em;margin-bottom:8px}
.home-tidy .current-car-label,.home-tidy #currentCarName{font-size:clamp(1rem,1.2vw,1.15rem)}
.home-tidy .nextcar-choice-label{height:22px}
.home-tidy #nextcarLeaderName{font-size:clamp(.9rem,1.05vw,1rem)}
@media(max-width:520px){
 .home-tidy .tidy-masthead h1{font-size:clamp(1.6rem,6.9vw,2.2rem);white-space:nowrap}
 .home-tidy .current-car-label,.home-tidy #currentCarName{font-size:.9rem}
 .home-tidy .nextcar-choice-label{height:18px}
 .home-tidy #nextcarLeaderName{font-size:.8rem}
}

/* V2.17 — match Current Car / Next Car heading scale and give two-line telemetry labels real breathing room. */
.home-tidy .current-car-label{
  font-size:clamp(1.35rem,1.8vw,1.65rem);
  line-height:1;
}
.home-tidy #currentCarName{
  font-size:clamp(.9rem,1.05vw,1rem);
}
.home-tidy .eyebrow{
  line-height:1.28;
  min-height:2.56em;
  margin-bottom:6px;
}
@media(max-width:520px){
  .home-tidy .current-car-label{font-size:1.1rem}
  .home-tidy #currentCarName{font-size:.8rem}
  .home-tidy .eyebrow{line-height:1.25;min-height:2.5em}
}

/* V2.19 — shared tidy layout for Leaderboard + FAQ. */
.subpage{min-height:100vh;background:#313335;color:#fff}
.subpage-masthead{width:min(1160px,92vw);margin:0 auto;text-align:center;padding:46px 0 4px}
.subpage-masthead h1{font-family:'Pondypen_3',Pondypen,Arial,sans-serif;font-size:clamp(2.15rem,4.15vw,4.2rem);line-height:1;margin:0;white-space:nowrap;letter-spacing:.01em}
.subpage .subpage-nav{padding:40px 0 58px}
.subpage-main{width:min(1060px,88vw);margin:0 auto}
.subpage-social{margin:58px 0 0!important;padding:0 20px 30px!important;font-size:clamp(1.2rem,2.1vw,1.75rem)!important}
.subpage-signature{width:min(470px,70vw);margin:0 auto;padding:0 0 70px}
.subpage-signature img{width:100%;height:auto}

/* Leaderboard — V2.28 telemetry result cards */
.leaderboard-main{width:min(1420px,94vw)}
.leaderboard-cards{display:grid;gap:18px}
.leaderboard-entry{--place:#ef3e36;display:grid;grid-template-columns:88px minmax(230px,28%) minmax(0,1fr);min-height:228px;background:#f4f4f1;color:#171819;border:1px solid rgba(255,255,255,.28);box-shadow:0 5px 16px rgba(0,0,0,.22);overflow:hidden}
.leaderboard-position{background:#26282a;color:#fff;display:flex;align-items:center;justify-content:center;gap:3px;border-top:8px solid var(--place)}
.leaderboard-position span{font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:700;line-height:1;letter-spacing:-.04em}
.leaderboard-position small{font-size:.64rem;font-weight:700;align-self:center;margin-top:-22px}
.leaderboard-car-photo{position:relative;background:#ddd;overflow:hidden}
.leaderboard-car-photo img{display:block;width:100%;height:100%;object-fit:cover}
.leaderboard-car-photo::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset -18px 0 22px -22px rgba(0,0,0,.55)}
.leaderboard-no-photo{height:100%;display:grid;place-items:center;background:repeating-linear-gradient(135deg,#d9dad8 0,#d9dad8 12px,#ced0cd 12px,#ced0cd 24px);color:#b6b8b5}
.leaderboard-no-photo span{font-family:Arial,Helvetica,sans-serif;font-size:6rem;font-weight:800;letter-spacing:-.06em}
.leaderboard-result{padding:20px 28px 18px;min-width:0}
.result-heading{display:flex;justify-content:space-between;align-items:baseline;gap:22px;padding-bottom:13px;border-bottom:1px solid #c8c9c6}
.result-heading h2{margin:0;font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.05}
.result-heading p{margin:0;color:#5d6062;font-weight:700;text-align:right}
.result-gauges{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;padding-top:14px}
.gauge-copy{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#5d6062}
.gauge-copy strong{font-size:.92rem;color:#171819;letter-spacing:0;text-transform:none;white-space:nowrap}
.gauge-track{position:relative;height:14px;margin-top:5px;background:#d5d6d2;overflow:hidden}
.gauge-track::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.72) calc(25% - 1px),rgba(255,255,255,.72) 25%);pointer-events:none}
.gauge-fill{display:block;height:100%;background:var(--place);min-width:2px}
.gauge-ticks{display:flex;justify-content:space-between;margin-top:4px;font-size:.58rem;color:#737678}
.place-1{--place:#d5a900}.place-2{--place:#8d969c}.place-3{--place:#a66a3f}

/* FAQ */
.faq-main{width:min(840px,82vw)}
.faq-copy{padding:0 0 8px}
.faq-copy section{margin:0 0 36px}
.faq-copy h2{font-family:Pondypen,'Pondypen_3',cursive;font-size:clamp(1.7rem,2.6vw,2.45rem);line-height:1.05;margin:0 0 10px;font-weight:400}
.faq-copy p{font-family:Arial,Helvetica,sans-serif;font-size:clamp(.95rem,1.05vw,1.05rem);line-height:1.42;margin:0;max-width:780px}
.faq-copy .faq-last{margin-bottom:0}

@media(max-width:800px){
  .subpage-masthead{padding-top:34px}
  .subpage-masthead h1{font-size:clamp(1.75rem,6.4vw,3rem)}
  .subpage .subpage-nav{padding:28px 0 44px}
  .subpage-main{width:90vw}
  .faq-main{width:min(88vw,720px)}
  .subpage-social{margin-top:44px!important}
  .leaderboard-entry{grid-template-columns:70px minmax(180px,34%) minmax(0,1fr)}
  .leaderboard-result{padding:17px 20px}
  .result-gauges{grid-template-columns:1fr;gap:9px}
}
@media(max-width:560px){
  .subpage-masthead{width:96vw;padding-top:28px}
  .subpage-masthead h1{font-size:clamp(1.25rem,6.6vw,2rem);white-space:nowrap}
  .subpage .subpage-nav{padding:22px 0 34px}
  .leaderboard-main{width:92vw}
  .leaderboard-cards{gap:15px}
  .leaderboard-entry{grid-template-columns:58px 1fr;min-height:0}
  .leaderboard-position{grid-row:1 / span 2;border-top:6px solid var(--place)}
  .leaderboard-position span{font-size:2.2rem}
  .leaderboard-position small{font-size:.54rem;margin-top:-17px}
  .leaderboard-car-photo{height:42vw;max-height:210px}
  .leaderboard-result{padding:15px 14px 16px}
  .result-heading{display:block;padding-bottom:10px}
  .result-heading h2{font-size:1.22rem}
  .result-heading p{font-size:.78rem;text-align:left;margin-top:3px}
  .result-gauges{padding-top:11px;gap:10px}
  .gauge-copy{font-size:.67rem}
  .gauge-copy strong{font-size:.78rem}
  .gauge-track{height:12px}
  .gauge-ticks{font-size:.52rem}
  .faq-main{width:88vw}
  .faq-copy section{margin-bottom:30px}
  .faq-copy h2{font-size:1.9rem;margin-bottom:8px}
  .faq-copy p{font-size:.98rem;line-height:1.4}
  .subpage-social{margin-top:38px!important;padding-bottom:28px!important;font-size:clamp(1.1rem,5.8vw,1.5rem)!important}
  .subpage-signature{width:min(76vw,390px);padding-bottom:46px}
}

/* V2.23 — mobile-first plain-text treatment. Desktop remains unchanged. */
@media(max-width:520px){
  /* Keep the masthead + hand-drawn nav as the site's visual identity;
     everything below the nav becomes compact, ordinary UI text. */
  .home-tidy .current-car-label,
  .home-tidy .eyebrow,
  .home-tidy .rules-copy h2,
  .home-tidy .social-footer,
  .home-tidy .social-footer a{
    font-family:Arial,Helvetica,sans-serif!important;
  }

  .home-tidy .current-car-label{
    font-size:.78rem;
    line-height:1.15;
    font-weight:700;
    letter-spacing:.04em;
  }
  .home-tidy #currentCarName{
    font-size:.82rem;
    line-height:1.15;
  }

  .home-tidy .eyebrow{
    font-size:.72rem;
    line-height:1.15;
    min-height:0;
    margin-bottom:5px;
    font-weight:700;
    letter-spacing:.035em;
  }
  .home-tidy .session-state strong,
  .home-tidy .dts-strip[data-state="stopped"] .session-state strong{
    font-size:1rem;
    line-height:1.05;
  }
  .home-tidy .datum strong{font-size:1.05rem;line-height:1.05}
  .home-tidy .elapsed strong{font-size:.9rem;line-height:1.05}
  .home-tidy .dts-strip>div{padding:10px 10px}

  /* YouTube remains obvious but no longer owns a quarter of the screen. */
  .home-tidy .youtube-cta{
    min-height:0;
    padding:8px 10px;
    align-items:center;
    justify-content:center;
  }
  .home-tidy .youtube-cta img{
    width:auto;
    height:auto;
    max-width:72px;
    max-height:54px;
  }

  /* The vote-leader label is text on phones, not another artwork asset. */
  .home-tidy .nextcar-leader-line{
    gap:6px;
    min-height:32px;
    flex-wrap:wrap;
    font-family:Arial,Helvetica,sans-serif;
  }
  .home-tidy .nextcar-choice-label{display:none}
  .home-tidy .nextcar-leader-line::before{
    content:"NEXT CAR VOTE LEADER:";
    font-family:Arial,Helvetica,sans-serif;
    font-size:.72rem;
    line-height:1.1;
    font-weight:700;
    letter-spacing:.035em;
  }
  .home-tidy #nextcarLeaderName{font-size:.78rem;line-height:1.1}
  .home-tidy .nextcar-leader-thumb{width:42px;height:25px}

  .home-tidy .rules-section{margin-top:38px}
  .home-tidy .rules-copy h2{
    font-size:1.15rem;
    line-height:1.1;
    margin-bottom:10px;
    font-weight:700;
    letter-spacing:.025em;
  }
  .home-tidy .rules-copy p{
    font-family:Arial,Helvetica,sans-serif;
    font-size:.9rem;
    line-height:1.35;
  }

  /* Socials are deliberately just links in normal text. */
  .home-tidy .social-footer{
    margin-top:20px;
    padding-bottom:18px;
    font-size:.88rem!important;
    line-height:1.5;
  }

  /* Tiny plain-text signature instead of the large handwritten footer artwork. */
  .home-tidy .made-by-human{
    width:100%;
    padding:0 16px 30px;
    text-align:center;
    font-family:Arial,Helvetica,sans-serif;
    font-size:.68rem;
    line-height:1.2;
    opacity:.78;
  }
  .home-tidy .made-by-human img{display:none}
  .home-tidy .made-by-human::after{content:"Diecast Endurance Channel — Made by Human xx"}
}

/* V2.24 — deliberate phone layout: simple left-aligned information, not a squeezed desktop strip. */
.mobile-youtube-text{display:none}

@media(max-width:520px){
  .home-tidy .current-session,
  .home-tidy .nextcar-leader-line,
  .home-tidy .rules-section{
    width:88vw;
  }

  /* Current car becomes a simple left-aligned heading + image. */
  .home-tidy .current-car-line{
    display:flex;
    align-items:baseline;
    justify-content:flex-start;
    gap:10px;
    margin:0 0 12px;
    padding:0;
    text-align:left;
  }
  .home-tidy .current-car-label{
    flex:0 0 auto;
    font-size:1.02rem;
    line-height:1.1;
    letter-spacing:0;
    opacity:.55;
  }
  .home-tidy #currentCarName{
    font-size:1.08rem;
    line-height:1.15;
    font-weight:700;
  }

  /* Throw away the desktop telemetry grid entirely on phones. */
  .home-tidy .dts-strip{
    display:flex;
    flex-direction:column;
    width:100%;
    min-height:0;
    gap:0;
    border:0!important;
  }
  .home-tidy .car-photo{
    width:72%;
    max-width:300px;
    margin:0 0 18px;
    padding:0!important;
    border:0!important;
    align-self:flex-start;
  }
  .home-tidy .car-photo img{
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    object-fit:contain!important;
  }

  .home-tidy .session-state,
  .home-tidy .datum{
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
    align-items:baseline;
    width:100%;
    min-height:0;
    padding:0 0 3px!important;
    border:0!important;
    text-align:left;
  }
  .home-tidy .session-state{align-items:baseline;text-align:left}
  .home-tidy .session-state .eyebrow,
  .home-tidy .session-state strong{width:auto;text-align:left}

  /* Replace the two-line artwork-style labels with explicit one-line text labels. */
  .home-tidy .eyebrow{
    font-size:0!important;
    line-height:1!important;
    min-height:0!important;
    margin:0!important;
    opacity:.48;
    letter-spacing:0!important;
  }
  .home-tidy .eyebrow::after{
    content:attr(data-mobile-label);
    font-family:Arial,Helvetica,sans-serif;
    font-size:1rem;
    line-height:1.18;
    font-weight:700;
    white-space:nowrap;
  }
  .home-tidy .session-state strong,
  .home-tidy .dts-strip[data-state="stopped"] .session-state strong,
  .home-tidy .datum strong,
  .home-tidy .elapsed strong{
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:1.05rem;
    line-height:1.18;
    font-weight:700;
    white-space:nowrap;
  }
  .home-tidy .datum small{display:none}

  /* YouTube becomes one compact line of text; the large artwork disappears. */
  .home-tidy .youtube-cta{
    display:block;
    width:auto;
    min-height:0;
    margin:18px 0 24px;
    padding:0;
    border:0!important;
    align-self:flex-start;
    font-family:Arial,Helvetica,sans-serif;
    text-align:left;
  }
  .home-tidy .youtube-cta img{display:none}
  .home-tidy .mobile-youtube-text{
    display:inline;
    font-size:1rem;
    line-height:1.2;
    font-weight:700;
  }
  .home-tidy .mobile-youtube-text b{color:#d7192d}

  /* Vote leader is a small two-line left-aligned block with thumbnail at right. */
  .home-tidy .nextcar-leader-line{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px;
    grid-template-rows:auto auto;
    justify-content:start;
    align-items:center;
    column-gap:12px;
    row-gap:6px;
    min-height:0;
    margin:0 auto;
    text-align:left;
  }
  .home-tidy .nextcar-leader-line::before{
    grid-column:1;
    grid-row:1;
    font-size:.82rem;
    line-height:1.1;
    letter-spacing:0;
  }
  .home-tidy #nextcarLeaderName{
    grid-column:1;
    grid-row:2;
    font-size:.88rem;
    line-height:1.2;
  }
  .home-tidy .nextcar-leader-thumb{
    grid-column:2;
    grid-row:1 / span 2;
    width:48px;
    height:28px;
    justify-self:end;
  }

  /* Editorial copy is simply readable text, left aligned. */
  .home-tidy .rules-section{
    display:block;
    margin:34px auto 0;
  }
  .home-tidy .rules-copy h2{
    margin:0 0 10px;
    font-size:1.05rem;
    line-height:1.1;
    letter-spacing:0;
  }
  .home-tidy .rules-copy p{
    max-width:none;
    font-size:.88rem;
    line-height:1.38;
  }
  .home-tidy .story-doodle-slot{
    height:170px;
    margin:18px auto 0;
  }
  .home-tidy .story-doodle{max-height:165px}

  .home-tidy .social-footer{
    margin:20px 0 0;
    padding:0 12px 20px;
    font-size:.75rem!important;
    line-height:1.45;
  }
  .home-tidy .made-by-human{
    padding:0 12px 26px;
    font-size:.58rem;
    opacity:.6;
  }
}

/* V2.25 — fixed mobile telemetry greys: labels = 40% black, data = 20% black. */
@media(max-width:520px){
  .home-tidy .dts-strip[data-state="stopped"] .datum,
  .home-tidy .dts-strip[data-state="stopped"] .session-state{
    opacity:1!important;
  }
  .home-tidy .eyebrow,
  .home-tidy .eyebrow::after{
    color:#999!important; /* 40% black */
    opacity:1!important;
  }
  .home-tidy .session-state strong,
  .home-tidy .dts-strip[data-state="stopped"] .session-state strong,
  .home-tidy .datum strong,
  .home-tidy .elapsed strong{
    color:#ccc!important; /* 20% black */
    opacity:1!important;
  }
}

/* V2.26 — mobile telemetry rows: labels and values share the same baseline/row. */
@media(max-width:520px){
  .home-tidy .session-state,
  .home-tidy .datum{
    grid-template-columns:minmax(185px,auto) minmax(0,1fr);
    column-gap:14px;
    align-items:center!important;
    justify-content:start;
  }
  .home-tidy .eyebrow{
    display:block!important;
    align-self:center!important;
  }
  .home-tidy .eyebrow::after{
    display:block;
  }
  .home-tidy .session-state strong,
  .home-tidy .dts-strip[data-state="stopped"] .session-state strong,
  .home-tidy .datum strong,
  .home-tidy .elapsed strong{
    display:block;
    align-self:center!important;
    margin:0!important;
  }
}