/*
  THE EDITORIAL EDITION  /  2026
  A completely different visual rhythm: paper, forest ink, ticket cuts,
  asymmetric editorial columns and tactile component surfaces.
*/
:root {
  --ink-900:#162e2c;
  --ink-800:#183631;
  --ink-700:#24463e;
  --ink-600:#35574e;
  --ink-500:#517063;
  --aurora-teal:#42775b;
  --aurora-cyan:#d4e8a8;
  --aurora-blue:#688b78;
  --aurora-violet:#cc784f;
  --navy:#1e3a34;
  --teal:#2e6550;
  --teal-deep:#235642;
  --green:#478464;
  --gold:#e6bc58;
  --gold-deep:#ca9141;
  --bg:#f7f6f0;
  --surface:#fffefa;
  --surface-2:#edeee4;
  --surface-3:#e3e8dc;
  --text:#20372f;
  --text-soft:#53645a;
  --text-faint:#687a70;
  --on-dark:#f2f4e6;
  --on-dark-soft:#bfcebf;
  --line:#dce1d7;
  --line-strong:#b8c5b6;
  --line-dark:rgba(244,249,233,.19);
  --focus:#e1b550;
  --font-display:Georgia,"Times New Roman",serif;
  --font-body:"Inter",Arial,sans-serif;
  --r-sm:7px;
  --r-md:12px;
  --r-lg:14px;
  --r-xl:24px;
  --r-pill:10px;
  --sh-1:0 4px 0 rgba(29,54,42,.025),0 10px 22px rgba(31,54,42,.035);
  --sh-2:0 16px 32px rgba(31,54,42,.075);
  --sh-3:0 25px 70px rgba(23,50,38,.18);
  --sh-glow:0 8px 26px rgba(39,82,59,.17);
  --container:1250px;
  --header-h:84px;
}
body {background:var(--bg); color:var(--text); letter-spacing:.005em;}
body::selection{background:#e8cb78;color:#1d3b30;}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.045em;line-height:1.12;}
h1{font-size:clamp(2.8rem,5vw,5.6rem);line-height:1.025;}
h2{font-size:clamp(2rem,3.7vw,3.55rem);}
h3{letter-spacing:-.025em;}
p{line-height:1.75;}
.container{padding-inline:clamp(20px,3.5vw,54px);}
.section{position:relative;padding-block:clamp(64px,7vw,112px);}
.section--tight{padding-block:clamp(48px,5vw,70px);}
.section--alt{background:#eaece3;}
.section--dark{background:#1d3c32;}
.section--dark:not(.page-masthead){background-color:#21483b;}
.section--dark .eyebrow{color:#ebca78;}
.section--dark p{color:var(--on-dark-soft);}
.section--dark strong{color:#fff;}
.editorial-main{overflow:clip;}

/* Clean, newspaper-like navigation. */
.site-header.editorial-header{
  background:#fffefa;backdrop-filter:blur(16px);
  border-bottom:1px solid #dce1d3;
  box-shadow:0 7px 35px rgba(26,54,43,.04);
}
.site-header.editorial-header.is-stuck{background:rgba(255,254,250,.97);box-shadow:0 8px 40px rgba(29,55,41,.10);}
.header-accent{height:4px;background:linear-gradient(90deg,#2b614a 0 25%,#e0b962 25% 48%,#d1845a 48% 65%,#aac6a0 65% 100%);}
.header-layout{min-height:var(--header-h);display:flex;gap:clamp(14px,2vw,36px);align-items:center;}
.site-header__nav-slot{margin-inline:auto;min-width:0;}
.site-header .brand{gap:12px;flex:none;}
.site-header .brand__logo{width:59px;height:59px;object-fit:contain;}
.site-header .brand__text strong{font-family:Georgia,serif;color:var(--navy);font-size:1.25rem;letter-spacing:-.04em;}
.site-header .brand__text small{color:#62766b;letter-spacing:.075em;text-transform:uppercase;font-size:.61rem;margin-top:5px;}
.site-header .nav__list{gap:2px;}
.site-header .nav__link{font-size:.84rem;font-weight:700;color:#486257;border-radius:7px;padding:11px 11px;white-space:nowrap;}
.site-header .nav__link:hover{background:#e9eee5;color:#205240;}
.site-header .nav__link[aria-current="page"]{background:#dce8d6;color:#204b3d;}
.site-header__actions{gap:8px;margin-left:0;}
.site-header__actions .badge--age{background:#e8eddf;color:#325241;font-weight:800;border-radius:8px;padding:10px;}
.site-header__actions .btn{min-height:42px;padding-inline:18px;font-size:.82rem;}
.site-header__actions .btn--ghost{box-shadow:inset 0 0 0 1px #bbcabe;}
.site-header__actions .btn--on-dark{--btn-fg:#244538;}
.site-header .nav-toggle{background:#e9eee4;border-color:#d2ddd1;color:#254e3d;border-radius:8px;}
.site-header .nav-toggle:hover{background:#dbe8d7;}
@media(min-width:980px) and (max-width:1190px){
 .site-header .nav__link{padding:9px 7px;font-size:.75rem;}
 .site-header__actions .btn{padding-inline:11px;}
 .site-header .brand__logo{width:48px;height:48px;}
 .site-header .brand__text strong{font-size:1.08rem;}
}
.mobile-nav{background:#183c31;}
.mobile-nav .brand__text strong{color:#fff;}
.mobile-nav__body a{font-family:Georgia,serif;}
.mobile-nav__body a[aria-current="page"]{color:#f4ce76;}

/* Primary buttons intentionally rectangular and tactile. */
.btn{font-family:var(--font-body);letter-spacing:.004em;font-weight:750;border-radius:10px;box-shadow:none;}
.btn--primary{--btn-bg:#245941;--btn-fg:#fff;}
.btn--gold{--btn-bg:#e4b95a;--btn-fg:#283b2b;}
.btn--ghost{--btn-fg:#244a3d;box-shadow:inset 0 0 0 1px var(--line-strong);}
.btn--on-dark{--btn-fg:#f8f8ef;box-shadow:inset 0 0 0 1px rgba(255,255,255,.36);}
.btn:hover{box-shadow:0 7px 18px rgba(28,67,44,.15);transform:translateY(-2px);}
.btn::after{display:none;}
.btn--lg{min-height:56px;padding-inline:26px;}
.badge{border-radius:8px;}
.badge--gold{background:#f3ddb0;color:#715022;}
.badge--green{background:#e1eade;color:#24533b;}
.eyebrow{font-family:var(--font-body);font-size:.75rem;letter-spacing:.19em;color:#5b795e;font-weight:800;}
.eyebrow .icon{width:17px;height:17px;}
.editorial-heading{max-width:760px;}
.editorial-heading h2{max-width:18ch;}
.sect-head--center.editorial-heading h2{margin-inline:auto;}
.editorial-heading p{max-width:56ch;}
.sect-head--center.editorial-heading p{margin-inline:auto;}

/* Main stage: illustration now serves as a right-side texture, not a full-bleed banner. */
.hero.home-stage{
  background:#f3f1e7;color:#253c2f;
  padding:clamp(65px,7.3vw,110px) 0 clamp(70px,9vw,135px);
  border-bottom:1px solid #d6dacd;
}
.home-stage__side-rule{position:absolute;top:15%;left:0;width:6px;height:49%;background:#e7bd66;border-radius:0 5px 5px 0;}
.hero.home-stage .hero__photo{
  inset:0 0 0 auto;z-index:-4;width:58%;height:100%;
  opacity:.28;object-position:center;filter:saturate(.6) sepia(.2);
}
.hero.home-stage .hero__veil{z-index:-3;background:linear-gradient(90deg,#f3f1e7 0%,#f3f1e7 40%,rgba(243,241,231,.88) 60%,rgba(243,241,231,.4) 100%);}
.hero.home-stage .hero__aurora{z-index:-2;filter:none;background:radial-gradient(45% 70% at 94% 18%,rgba(188,205,168,.45),transparent 75%),radial-gradient(35% 40% at 74% 90%,rgba(236,192,120,.22),transparent 75%);}
.hero.home-stage .hero__noise{opacity:.035;}
.hero.home-stage .hero__stars,.hero.home-stage .hero__grid{display:none;}
.hero.home-stage .hero__inner{position:relative;gap:clamp(25px,5vw,90px);}
@media(min-width:900px){.hero.home-stage .hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);}}
.narrative-panel{max-width:660px;}
.home-stage .hero__eyebrow{background:#e0e9d9;border:1px solid #cedecb;padding:10px 15px;border-radius:100px;color:#35634e;margin-bottom:24px;}
.hero.home-stage h1{color:#1c3b31;max-width:13ch;font-size:clamp(3.3rem,5.15vw,5.7rem);line-height:1.03;letter-spacing:-.055em;}
.hero.home-stage h1 .gradient-text{color:#bd7146;background:none;-webkit-text-fill-color:currentColor;}
.hero.home-stage .hero__sub{color:#556b60;max-width:53ch;font-size:clamp(1rem,1.14vw,1.15rem);line-height:1.8;}
.hero.home-stage .hero__sub strong{color:#214d3d !important;}
.hero.home-stage .hero__sub .icon{color:#bd7748;}
.hero.home-stage .hero__cta{margin-top:30px;gap:12px;}
.hero.home-stage .hero__cta .btn--on-dark{--btn-fg:#284f3c;box-shadow:inset 0 0 0 1px #a9b8aa;background:#fffdf7;}
.hero.home-stage .hero__assure{color:#657b70;gap:10px 19px;}
.hero.home-stage .hero__assure .icon{color:#477457;}

/* A prize card styled like a printed keepsake ticket. */
.hero.home-stage .ticket-panel{
  isolation:isolate;overflow:visible;background:#1f493b;
  border:7px solid #fbfaf2;border-radius:20px;
  padding:clamp(25px,3vw,42px);
  box-shadow:0 24px 0 -13px #c3cabb,0 40px 70px rgba(31,68,49,.17);
  color:#fff;
}
.ticket-panel::before,.ticket-panel::after{content:"";position:absolute;top:39%;width:25px;height:44px;background:#f3f1e7;z-index:1;}
.ticket-panel::before{left:-12px;border-radius:0 24px 24px 0;box-shadow:inset -3px 0 0 #e0e3d7;}
.ticket-panel::after{right:-12px;border-radius:24px 0 0 24px;box-shadow:inset 3px 0 0 #e0e3d7;}
.ticket-panel .hero__card-label{color:#efd08a;}
.ticket-panel .hero__card-prize{font-family:Georgia,serif;font-size:clamp(2.5rem,3.6vw,4rem);letter-spacing:-.045em;color:#fff8d9;}
.ticket-panel .hero__card-sub{color:#dce9d8;font-size:.92rem;line-height:1.65;}
.ticket-panel .hero__card-foot{border-top:2px dashed rgba(233,244,216,.36);color:#d1ded2;}
.ticket-panel .hero__balls{gap:7px;margin-top:22px;}
.ticket-panel .hero__balls .ball{animation:none;}
.ball{box-shadow:none;background:#fff7dd;color:#285342;border:2px solid rgba(31,59,45,.08);font-family:var(--font-body);font-weight:800;}
.ball::after{display:none;}
.ball--grand{background:#e6b861;color:#283f30;}
.ball--sm{border-width:1px;}

/* Masthead is an editorial cover with a distinct decorative stamp. */
.page-masthead{
  isolation:isolate;overflow:hidden;
  padding:clamp(62px,7vw,112px) 0 clamp(58px,6vw,92px)!important;
  background:#e7ebe0!important;color:#25493b!important;
  border-bottom:1px solid #d5dfd2;
}
.page-masthead::before{content:"";position:absolute;inset:auto auto -150px -110px;width:440px;height:440px;border:1px solid rgba(50,100,74,.13);border-radius:50%;pointer-events:none;z-index:-1;}
.page-masthead::after{content:"";position:absolute;top:-100px;right:9%;width:470px;height:470px;border:1px solid rgba(50,100,74,.12);border-radius:50%;pointer-events:none;z-index:-1;}
.page-masthead .container{position:relative;z-index:2;}
.page-masthead .sect-head{max-width:840px;margin-bottom:0;}
.page-masthead .sect-head--center{text-align:left;margin-inline:0;}
.page-masthead h1{font-size:clamp(2.5rem,4.4vw,4.6rem);line-height:1.06;color:#1b4032!important;max-width:17ch;}
.page-masthead .lead,.page-masthead p{color:#5c7164!important;max-width:67ch;line-height:1.75;}
.page-masthead .eyebrow{color:#58795c!important;}
.page-masthead__geometry{position:absolute;right:max(-55px,2vw);top:8%;width:32%;height:88%;z-index:0;pointer-events:none;opacity:.8;}
.page-masthead__geometry span{display:block;position:absolute;border:1px solid #a6bf9e;border-radius:50%;aspect-ratio:1/1;}
.page-masthead__geometry span:nth-child(1){width:73%;right:0;top:0;}
.page-masthead__geometry span:nth-child(2){width:52%;right:17%;top:22%;border-width:20px;border-color:rgba(241,206,136,.33);}
.page-masthead__geometry span:nth-child(3){width:22%;right:40%;top:39%;background:#d8c18c;border:0;}

/* Modular section rhythm, data layouts and card styling. */
.editorial-mosaic{gap:clamp(16px,2.3vw,30px);}
.editorial-mosaic > *{min-width:0;}
.card,.prize,.figure{background:var(--surface);border:1px solid #d8e0d6;border-radius:14px;box-shadow:var(--sh-1);}
.card{padding:clamp(22px,2.4vw,34px);}
.card--hover:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:#adc4b3;}
.card__icon{border-radius:12px;color:#315d49;background:#e5eadb;width:55px;height:55px;}
.card h3{font-size:clamp(1.22rem,1.6vw,1.6rem);}
.card p{line-height:1.73;}
.prize{padding:clamp(22px,3vw,40px);}
.prize--feature{background:#24483c;border-color:#24483c;box-shadow:8px 8px 0 #d2d8ca;}
.prize__reward{font-family:Georgia,serif;font-size:clamp(2.1rem,3vw,3.15rem);}
.prize__tier{letter-spacing:.16em;font-family:var(--font-body);}
.pillar__icon{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.2);}
.figure{overflow:hidden;border-radius:15px;}
.figure img{filter:saturate(.8);}
.breadcrumb{margin-bottom:25px;font-weight:700;}
.breadcrumb span[aria-current]{color:#e8c883;}
.prose{max-width:78ch;}
.prose h2{font-size:clamp(1.75rem,2.3vw,2.4rem);margin-top:45px;}
.prose h3{font-size:1.43rem;}
.prose :is(h2,h3){color:#1f493a;}
.prose p,.prose li{line-height:1.85;}
.prose a{color:#276148;}
.editorial-mosaic.grid--3>.card:nth-child(2),.editorial-mosaic.grid--3>.card:nth-child(5){border-top:4px solid #e1ba69;}
.editorial-mosaic.grid--3>.card:nth-child(3),.editorial-mosaic.grid--3>.card:nth-child(6){border-top:4px solid #aac5ad;}
.editorial-mosaic.grid--3>.card:nth-child(1),.editorial-mosaic.grid--3>.card:nth-child(4){border-top:4px solid #2b6950;}
@media(min-width:900px){.editorial-mosaic.grid--3>.card:nth-child(2){margin-top:24px;margin-bottom:-24px;}}

/* Horizontal news strip that no longer blends into the dark hero. */
.ticker.section--dark{background:#e5bb67;color:#263e30;border-bottom:1px solid #d5ae5c;padding-block:14px;}
.ticker .ticker__label{color:#263e30;font-weight:800;}
.ticker .ticker__label .icon,.ticker .marquee__track span .icon{color:#31593f;}
.ticker :is(span,a,strong){color:#293f31;}

/* Inputs and accordions form part of the paper system. */
.input,textarea,select{background:#fffefa;border-color:#cfd9cc;border-radius:10px;}
.input:focus,textarea:focus,select:focus{border-color:#32775a;box-shadow:0 0 0 3px rgba(66,119,91,.13);}
.field__label{font-weight:700;color:#274a3b;}
form.editorial-card{box-shadow:0 18px 45px rgba(32,67,45,.06);border-top:5px solid #e1b85f;}
.editorial-main .section:has(> .container > form.editorial-card){background:radial-gradient(circle at 86% 5%,#e9eedf,transparent 50%),var(--bg);}
:where(details,summary){scroll-margin-top:95px;}

/* Reworked footer keeps its information and destinations intact. */
.footer-archive{background:#162f2b;padding-block:clamp(55px,6vw,85px) 30px;border-top:7px solid #d9b666;}
.footer-archive .footer-col h3{color:#f4d791;font-family:var(--font-body);letter-spacing:.13em;}
.footer-archive .brand__text strong{color:#fff;}
.footer-archive .footer-link{color:#e7ce95;}
.footer-archive .footer-strong{color:#fff8dc;}
.footer-archive .footer-col a:hover{color:#fff1b7;}
.footer-archive .fbadge{border-radius:8px;}
.footer-archive .fbadge--dark{background:#234439;}

/* Consent overlays retain original functional JS selectors. */
.cookie{background:#173e32;border-top:4px solid #dcb668;}
.cookie__text h2{font-family:Georgia,serif;}
.cookie__text p{color:#d3dfcf;}
.cookie__text a{color:#f3d58a;}
.age-gate .btn--primary{background:#285a45;}

@media(max-width:979px){
 .site-header__nav-slot{display:none;}
 .site-header__actions{margin-left:auto;}
}
@media(max-width:899px){
 .hero.home-stage .hero__inner{grid-template-columns:1fr;}
 .hero.home-stage h1{max-width:15ch;}
 .hero.home-stage .ticket-panel{max-width:690px;}
 .page-masthead__geometry{width:49%;right:-13%;opacity:.42;}
}
@media(max-width:640px){
 :root{--header-h:72px;}
 .header-layout{gap:8px;}
 .site-header .brand__logo{height:45px;width:45px;}
 .site-header .brand__text strong{font-size:1.03rem;}
 .site-header .brand__text small{font-size:.56rem;}
 .site-header__actions .btn--primary{padding-inline:12px;font-size:.76rem;min-height:40px;}
 .site-header__actions .badge--age{padding:9px 7px;font-size:.72rem;}
 .hero.home-stage{padding-block:55px 76px;}
 .hero.home-stage h1{font-size:clamp(2.7rem,10vw,4rem);}
 .hero.home-stage .hero__photo{width:100%;opacity:.11;}
 .hero.home-stage .hero__veil{background:rgba(243,241,231,.7);}
 .hero.home-stage .hero__cta{flex-direction:column;align-items:stretch;}
 .hero.home-stage .hero__cta .btn{width:100%;}
 .ticket-panel::before,.ticket-panel::after{width:18px;height:32px;}
 .ticket-panel::before{left:-11px;}.ticket-panel::after{right:-11px;}
 .page-masthead{padding-block:48px 53px!important;}
 .page-masthead h1{font-size:clamp(2.45rem,9vw,3.55rem);}
 .page-masthead__geometry{width:85%;right:-45%;opacity:.3;}
 .section{padding-block:55px;}
 .section--tight{padding-block:45px;}
 .card{padding:22px;}
 .editorial-mosaic.grid--3>.card:nth-child(2){margin:0;}
 .ball{width:43px;height:43px;font-size:1rem;}
 .ball--sm{width:36px;height:36px;font-size:.9rem;}
}
@media(max-width:370px){
 .site-header__actions .badge--age{display:none;}
 .site-header .brand__text small{display:none;}
}
@media(prefers-reduced-motion:reduce){.ticket-panel .ball{animation:none;}}

/* DailyRewardContest wordmark: give the longer name breathing room. */
@media (min-width:980px) and (max-width:1250px){
  .site-header__nav-slot{display:none;}
  .site-header .nav-toggle{display:inline-grid;}
  .site-header__actions .nav__login{display:none;}
}
@media (max-width:559px){
  .site-header .brand{gap:8px;}
  .site-header .brand__logo{width:42px;height:42px;}
  .site-header .brand__text strong{font-size:.98rem;letter-spacing:-.045em;}
  .site-header .brand__text small{font-size:.56rem;}
  .site-header__actions{gap:5px;}
  .site-header__actions .badge--age{padding:8px 6px;}
}
@media (max-width:370px){
  .site-header .brand__logo{width:35px;height:35px;}
  .site-header .brand__text strong{font-size:.87rem;}
  .site-header__actions .badge--age{display:none;}
}
