/* Twidlee Gate 6 R2.2
   Screenshot-driven repair:
   - explicit contrast for every dark/light editorial section
   - straight hero ticker
   - dark hero restored so original white hero content is readable
   - neutral porcelain instead of yellow cream
   - no marketplace/API behavior changes
*/
:root{
  --tw-red:#EC3013;
  --tw-red-hot:#FF4D30;
  --tw-red-deep:#A5230F;
  --tw-porcelain:#F5F4F1;
  --tw-paper:#FFFFFF;
  --tw-black:#0D0D0D;
  --tw-ink:#101010;
  --tw-muted:#696662;
}

/* HERO */
.twidlee-r2 .hero{
  background:
    radial-gradient(circle at 78% 18%,rgba(236,48,19,.30),transparent 30%),
    radial-gradient(circle at 14% 0%,rgba(255,77,48,.10),transparent 22%),
    linear-gradient(145deg,#151210 0%,#0B0B0B 58%,#17100E 100%)!important;
  color:#fff!important;
}
.twidlee-r2 .hero::after{
  opacity:.13!important;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)!important;
}
.twidlee-r2 .hero-copy h1{color:#fff!important;text-shadow:none!important}
.twidlee-r2 .hero-copy h1 em{color:#FF4D30!important}
.twidlee-r2 .hero p.lead{color:rgba(255,255,255,.74)!important}
.twidlee-r2 .hero .eyebrow{color:#FF7462!important}
.twidlee-r2 .hero .store-badge{
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
  background:rgba(255,255,255,.035)!important;
}
.twidlee-r2 .hero .store-badge .store-text span{color:rgba(255,255,255,.55)!important}
.twidlee-r2 .hero .store-badge .store-text strong{color:#fff!important}
.twidlee-r2 .hero .store-badge svg{color:#fff!important;fill:currentColor}
.twidlee-r2 .hero .btn:not(.btn-primary):not(.btn-red){
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.035)!important;
}
.twidlee-r2 .hero .city-switch{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.twidlee-r2 .hero-visual{transform:none!important}

/* The red live ticker must be horizontal, not tilted. */
.twidlee-r2 .hero-ticker{
  transform:none!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  background:var(--tw-red)!important;
  box-shadow:none!important;
}
.twidlee-r2 .hero-ticker-track{color:rgba(255,255,255,.84)!important}
.twidlee-r2 .hero-ticker strong,
.twidlee-r2 .hero-ticker b{color:#fff!important}

/* DINERS / RESTAURANTS */
.twidlee-r2 .diner-world{
  background:linear-gradient(145deg,#FFFFFF 0%,#F7F6F3 58%,#EFEEEA 100%)!important;
  color:#171412!important;
}
.twidlee-r2 .restaurant-world{
  background:linear-gradient(145deg,#171311 0%,#0D0D0D 62%,#25100D 100%)!important;
  color:#fff!important;
}
.twidlee-r2 .restaurant-world .world-copy h3,
.twidlee-r2 .restaurant-world .world-feature strong,
.twidlee-r2 .restaurant-world .world-foot,
.twidlee-r2 .restaurant-world .world-index{color:#fff!important}
.twidlee-r2 .restaurant-world .world-copy p,
.twidlee-r2 .restaurant-world .world-feature small{color:rgba(255,255,255,.66)!important}
.twidlee-r2 .restaurant-world .metric-pill{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(255,255,255,.13)!important;
}
.twidlee-r2 .restaurant-world .metric-pill strong{color:#fff!important}
.twidlee-r2 .restaurant-world .metric-pill span{color:rgba(255,255,255,.56)!important}

/* HISTORICAL MILESTONES */
.twidlee-r2 .proof-band{
  background:var(--tw-porcelain)!important;
  color:var(--tw-ink)!important;
  border-color:rgba(16,16,16,.08)!important;
}
.twidlee-r2 .proof-band h2{color:var(--tw-ink)!important}
.twidlee-r2 .proof-band .eyebrow{color:var(--tw-red)!important}
.twidlee-r2 .proof-band p{color:var(--tw-muted)!important}
.twidlee-r2 .proof-band .proof-grid{
  background:#fff!important;
  border-color:rgba(16,16,16,.10)!important;
}
.twidlee-r2 .proof-band .proof-stat span{color:#292624!important}
.twidlee-r2 .proof-band .proof-stat small{color:#8A8580!important}

/* JOURNEY — restore its intended night canvas. */
.twidlee-r2 .journey{
  background:
    radial-gradient(circle at 18% 24%,rgba(236,48,19,.15),transparent 28%),
    radial-gradient(circle at 82% 65%,rgba(255,77,48,.07),transparent 25%),
    #0D0D0D!important;
  color:#fff!important;
}
.twidlee-r2 .journey .journey-intro h2{color:#fff!important}
.twidlee-r2 .journey .journey-intro h2 span{color:#FF4D30!important}
.twidlee-r2 .journey .journey-intro>p{color:rgba(255,255,255,.66)!important}
.twidlee-r2 .journey .journey-index{color:rgba(255,255,255,.58)!important}
.twidlee-r2 .journey .ivory-card .journey-index{color:rgba(16,16,16,.36)!important}
.twidlee-r2 .journey-marquee{
  background:var(--tw-red)!important;
  color:#fff!important;
}

/* PLUG & PLAY — white text belongs on the dark stage. */
.twidlee-r2 .plug-spotlight{
  background:
    radial-gradient(circle at 82% 8%,rgba(236,48,19,.24),transparent 34%),
    linear-gradient(145deg,#171313 0%,#0D0D0D 74%)!important;
  color:#fff!important;
}
.twidlee-r2 .plug-spotlight .plug-copy h2,
.twidlee-r2 .plug-spotlight .plug-copy blockquote{color:#fff!important}
.twidlee-r2 .plug-spotlight .plug-copy>p:not(.eyebrow){color:rgba(255,255,255,.69)!important}
.twidlee-r2 .plug-spotlight .plug-tags span{
  color:rgba(255,255,255,.82)!important;
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.035)!important;
}
.twidlee-r2 .plug-spotlight .eyebrow{color:#FF7462!important}

/* ACTUAL CHAPTERS — use a light canvas so the editorial title is readable. */
.twidlee-r2 .in-the-wild{
  background:var(--tw-porcelain)!important;
  color:var(--tw-ink)!important;
}
.twidlee-r2 .in-the-wild .wild-head h2{color:var(--tw-ink)!important}
.twidlee-r2 .in-the-wild .wild-head p{color:var(--tw-red)!important}

/* DEFENSIVE CONTRAST */
.twidlee-r2 .live-deals h2,
.twidlee-r2 .live-deals h3,
.twidlee-r2 .final-cta h2,
.twidlee-r2 .final-cta h3{color:#fff!important}
.twidlee-r2 .hiw-section h2,
.twidlee-r2 .hiw-section h3{color:#fff!important}
.twidlee-r2 .hiw-section p{color:rgba(255,255,255,.69)!important}

@media(max-width:760px){
  .twidlee-r2 .hero{
    background:
      radial-gradient(circle at 85% 2%,rgba(236,48,19,.26),transparent 32%),
      #0D0D0D!important;
  }
  .twidlee-r2 .hero-visual{transform:none!important}
  .twidlee-r2 .hero-ticker{transform:none!important;width:100%!important}
}