/* Vavada — editorial / print-magazine layout. Ink + raspberry + gold. */
:root{
  --bg:#110309; --bg-2:#1a0810; --paper:#f4eae8; --muted:#b89aa1; --muted-2:#8a6d74;
  --acc:#ff3d78; --gold:#ffd36b; --rule:#37202a; --rule-2:#4a2c38;
  --disp:"Playfair Display",Georgia,"Times New Roman",serif;
  --serif:"PT Serif",Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:17px/1.7 var(--serif);color:var(--paper);
  background:radial-gradient(900px 500px at 100% -5%,rgba(255,61,120,.10),transparent 60%),var(--bg);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:var(--acc);text-decoration:none}
p{margin:0 0 16px}
h1,h2,h3,h4{font-family:var(--disp);font-weight:700;margin:0}
.em{color:var(--acc)}
.skip{position:absolute;top:-42px;left:8px;padding:8px 12px;background:var(--gold);color:#110309;z-index:200;font-weight:700}
.skip:focus{top:8px}
main{max-width:1040px;margin:0 auto;padding:0 clamp(20px,5vw,44px)}

/* ===== MASTHEAD ===== */
.mast{max-width:1040px;margin:0 auto;padding:26px clamp(20px,5vw,44px) 14px;text-align:center}
.mast__rule{height:1px;background:var(--rule);margin:0}
.mast__kicker{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--muted);letter-spacing:.4px;margin:14px 0}
.mast__wordmark{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(30px,5vw,52px);color:var(--paper);letter-spacing:.5px;line-height:1;margin:6px 0 12px}
.mast__wordmark:hover{color:var(--acc)}
.mast__sub{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin:0 0 4px;font-family:var(--serif)}
.mast__dateline{font-size:12.5px;font-style:italic;color:var(--muted-2);margin:0 0 14px}
.contents{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;padding-top:12px}
.contents a{color:var(--muted)}.contents a:hover{color:var(--acc)}
.contents span{color:var(--rule-2)}

/* ===== OPENER ===== */
.opener{padding:44px 0 34px;border-bottom:1px solid var(--rule)}
.opener__kicker{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0 0 18px;font-family:var(--serif)}
.opener__title{font-size:clamp(32px,5.6vw,62px);line-height:1.05;letter-spacing:-.5px;max-width:20ch;margin:0 0 22px}
.opener__alt{color:var(--acc);font-style:italic;font-weight:600}
.opener__standfirst{font-size:clamp(17px,2vw,21px);line-height:1.6;color:var(--paper);max-width:60ch;margin:0 0 22px}
.opener__act{display:flex;gap:26px;align-items:baseline;flex-wrap:wrap;margin:0}
.link-strong{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--acc);border-bottom:2px solid var(--acc);padding-bottom:2px}
.link-strong:hover{color:var(--gold);border-color:var(--gold)}
.link-quiet{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--muted);border-bottom:1px solid var(--rule-2);padding-bottom:2px}
.link-quiet:hover{color:var(--paper)}
.factstrip{display:flex;margin-top:34px;border-top:1px solid var(--rule)}
.factstrip__item{flex:1;padding:20px 18px 0;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:4px}
.factstrip__item:last-child{border-right:0}
.factstrip__num{font-family:var(--disp);font-weight:700;font-size:34px;color:var(--gold);line-height:1}
.factstrip__lbl{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}

/* quick actions as ruled cells */
.sidenotes{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;border-bottom:1px solid var(--rule)}
.sidenote{display:flex;flex-direction:column;gap:4px;padding:18px 16px;border-right:1px solid var(--rule);color:var(--paper)}
.sidenote:last-child{border-right:0}
.sidenote:hover{background:var(--bg-2)}
.sidenote__k{font-family:var(--disp);font-weight:700;font-size:16px;color:var(--acc)}
.sidenote__v{font-size:12.5px;color:var(--muted)}

/* daily ledger */
.ledger{padding:24px 0;border-bottom:1px solid var(--rule)}
.ledger__cap{font-size:12px;font-style:italic;color:var(--muted-2);margin:0 0 14px}
.ledger__row{display:flex;flex-wrap:wrap}
.ledger__item{flex:1;min-width:120px;display:flex;flex-direction:column;gap:3px;padding-right:20px;border-right:1px solid var(--rule)}
.ledger__item:last-child{border-right:0}
.ledger__num{font-family:var(--disp);font-weight:700;font-size:22px;color:var(--paper)}
.ledger__lbl{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}

/* ===== CHAPTERS ===== */
.chapter{padding:48px 0}
.chapter__head{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num label" "num title";column-gap:22px;align-items:start}
.chapter__num{grid-area:num;font-family:var(--disp);font-weight:800;font-size:clamp(40px,6vw,72px);color:transparent;-webkit-text-stroke:1px var(--rule-2);line-height:.9}
.chapter__label{grid-area:label;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.chapter__title{grid-area:title;font-size:clamp(26px,3.4vw,40px);line-height:1.12;letter-spacing:-.3px}
.chapter__label--center{text-align:center;display:block}
.rule{height:1px;background:var(--rule);margin:22px 0 26px}
.measure{max-width:720px}
.prose{color:var(--paper);font-size:16.5px}
.chapter__cta{margin:24px 0 0}

/* welcome deftable */
.deftable{width:100%;border-collapse:collapse;margin:26px 0 0;font-size:15px}
.deftable th{text-align:left;font-family:var(--serif);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:0 16px 12px 0;border-bottom:1px solid var(--rule-2)}
.deftable td{padding:16px 16px 16px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.deftable__d{font-family:var(--disp);font-style:italic;color:var(--gold);white-space:nowrap}
.deftable__p{font-family:var(--disp);font-weight:700;font-size:20px;color:var(--acc)}
.deftable__note{display:block;font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.5}

/* start rows */
.startrows{list-style:none;padding:0;margin:26px 0 0}
.startrow{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--rule)}
.startrow:last-child{border-bottom:0}
.startrow__n{font-family:var(--disp);font-weight:800;font-size:40px;color:transparent;-webkit-text-stroke:1px var(--acc);line-height:.9}
.startrow__h{font-size:20px;margin:0 0 6px}
.startrow__b .prose{margin:0;color:var(--muted);font-size:15px}

/* ranked catalogue */
.ranktable{list-style:none;padding:0;margin:26px 0 0}
.rank{display:grid;grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid var(--rule)}
.rank:hover{background:var(--bg-2)}
.rank__n{font-family:var(--disp);font-weight:700;font-size:18px;color:var(--gold);min-width:2ch}
.rank__name{font-family:var(--disp);font-weight:700;font-size:18px;color:var(--paper)}
.rank__meta{font-size:13px;color:var(--muted);font-style:italic}
.rank__go{font-size:13px;color:var(--acc);white-space:nowrap;font-weight:700}
.rank__go:hover{color:var(--gold)}

.taglist{margin:24px 0 0}
.taglist__h{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.taglist__row{display:flex;flex-wrap:wrap;gap:0;margin:0}
.taglist__row span{font-size:13px;color:var(--muted);padding:2px 14px;border-left:1px solid var(--rule-2)}
.taglist__row span:first-child{padding-left:0;border-left:0}

/* VIP timeline */
.timeline{margin:30px 0 6px}
.tl-track{display:flex;position:relative;padding:0}
.tl-track::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--rule-2)}
.tl-node{flex:1;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;z-index:1}
.tl-dot{width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--rule-2)}
.tl-name{font-family:var(--disp);font-weight:700;font-size:16px;color:var(--paper)}
.tl-cb{font-family:var(--disp);font-weight:700;font-size:20px;color:var(--acc)}
.tl-node--up .tl-name,.tl-node--down .tl-name{color:var(--muted);font-family:var(--serif);font-style:italic;font-size:14px}
.timeline__cap{text-align:center;font-style:italic;font-size:13px;color:var(--muted-2);margin:8px 0 0}
.notes2{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:34px}
.note2{padding:22px 0;border-top:1px solid var(--rule)}
.note2__h{font-size:18px;margin:0 0 8px;color:var(--gold)}
.note2 .prose{margin:0;color:var(--muted);font-size:14.5px}

/* tournament figures */
.figrow{display:flex;flex-wrap:wrap;margin:26px 0 0;border-top:1px solid var(--rule)}
.figrow__item{flex:1;min-width:150px;padding:20px 20px 0 0;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:4px}
.figrow__item:last-child{border-right:0}
.figrow__num{font-family:var(--disp);font-weight:700;font-size:30px;color:var(--gold)}
.figrow__lbl{font-weight:700;font-size:14px;color:var(--paper)}
.figrow__sub{font-size:12.5px;color:var(--muted);font-style:italic}

/* live list */
.livecols{list-style:none;padding:0;margin:26px 0 0}
.liverow{display:grid;grid-template-columns:1.4fr 1.2fr 1fr auto auto;align-items:baseline;gap:16px;padding:15px 0;border-bottom:1px solid var(--rule)}
.liverow__name{font-family:var(--disp);font-weight:700;font-size:17px}
.liverow__desc{font-size:13px;color:var(--muted);font-style:italic}
.liverow__mult{font-size:13.5px;color:var(--gold)}
.liverow__bet{font-size:12.5px;color:var(--muted-2)}
.liverow__live{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--bg);background:var(--acc);padding:3px 9px;font-weight:700}

.subhead{font-size:21px;margin:30px 0 10px;color:var(--paper);font-style:italic;border-left:2px solid var(--acc);padding-left:14px}
.badgeline{display:flex;flex-wrap:wrap;gap:0;margin:26px 0 0;border-top:1px solid var(--rule);padding-top:18px}
.badge{font-size:12px;letter-spacing:.5px;color:var(--muted);padding:2px 16px;border-left:1px solid var(--rule-2)}
.badge:first-child{padding-left:0;border-left:0}

/* cashier table */
.railtable{width:100%;border-collapse:collapse;margin:26px 0 0;max-width:520px}
.railtable th{text-align:left;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-family:var(--serif);padding:0 16px 12px 0;border-bottom:1px solid var(--rule-2)}
.railtable td{padding:13px 16px 13px 0;border-bottom:1px solid var(--rule);font-size:15px;color:var(--muted)}
.railtable__r{font-family:var(--disp);font-weight:700;font-size:16px;color:var(--paper)}
.timings{margin:28px 0 0}
.timings__row{display:flex;gap:20px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--rule)}
.timings__row dt{font-family:var(--disp);font-weight:700;font-size:18px;color:var(--gold);min-width:110px}
.timings__row dd{margin:0;font-size:14px;color:var(--muted)}

/* pull quotes */
.quotes{padding:52px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);text-align:center}
.quotes__title{font-size:clamp(24px,3vw,34px);margin:6px 0 10px}
.quotes__lead{font-style:italic;color:var(--muted);max-width:60ch;margin:0 auto 30px}
.pullq{margin:0 auto 30px;max-width:760px;padding-bottom:26px;border-bottom:1px solid var(--rule)}
.pullq:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.pullq__stars{color:var(--gold);letter-spacing:5px;font-size:15px;margin:0 0 14px}
.pullq__stars--four .star-off{color:var(--rule-2)}
.pullq__text{font-family:var(--disp);font-style:italic;font-size:clamp(18px,2.1vw,23px);line-height:1.5;color:var(--paper);margin:0 0 16px}
.pullq__text::before{content:"“";font-family:var(--disp);font-size:64px;color:var(--acc);line-height:0;vertical-align:-18px;margin-right:6px}
.pullq__by{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--muted-2)}

.actionband{text-align:center;padding:52px 0}
.actionband__h{font-size:clamp(26px,3.4vw,40px);margin:0 0 12px}
.actionband__p{color:var(--muted);max-width:52ch;margin:0 auto 22px}

/* faq */
.qa-list{margin:26px 0 0}
.qitem{padding:18px 0;border-bottom:1px solid var(--rule)}
.qitem summary{cursor:pointer;list-style:none;font-family:var(--disp);font-weight:700;font-size:18px;color:var(--paper);position:relative;padding-right:30px}
.qitem summary::-webkit-details-marker{display:none}
.qitem summary::after{content:"+";position:absolute;right:0;top:-4px;color:var(--acc);font-size:24px;font-family:var(--serif)}
.qitem[open] summary::after{content:"–"}
.qitem[open] summary{color:var(--acc)}
.qitem .prose{margin:14px 0 0;color:var(--muted);font-size:15px}

.byline{padding:48px 0;text-align:center}
.byline__title{font-size:clamp(24px,3vw,32px);margin:6px 0 22px}
.byline .measure{margin:0 auto;text-align:left}
.byline .prose{color:var(--muted);font-size:15px}

/* colophon */
.colophon{max-width:1040px;margin:0 auto;padding:0 clamp(20px,5vw,44px) 40px}
.colophon__rule{height:2px;background:var(--gold);margin:0 0 30px}
.colophon__top{display:grid;grid-template-columns:1.3fr 2fr;gap:40px}
.colophon__wm{font-family:var(--disp);font-weight:800;font-size:24px;margin:0}
.colophon__tag{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:4px 0 14px}
.colophon__legal{font-size:12.5px;color:var(--muted-2);line-height:1.7;margin:0}
.colophon__legal .em{color:var(--acc)}
.colophon__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.colophon__col h4{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin:0 0 12px;font-family:var(--serif)}
.colophon__col ul{list-style:none;padding:0;margin:0}
.colophon__col li{font-size:13px;color:var(--muted);padding:4px 0}
.colophon__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:30px;padding-top:18px;border-top:1px solid var(--rule);font-size:11.5px;color:var(--muted-2)}

/* ===== RESPONSIVE ===== */
@media (max-width:900px){
  .notes2,.colophon__top{grid-template-columns:1fr}
  .sidenotes{grid-template-columns:repeat(2,1fr)}
  .sidenote:nth-child(2){border-right:0}
  .sidenote:nth-child(-n+2){border-bottom:1px solid var(--rule)}
  .liverow{grid-template-columns:1fr 1fr;gap:6px 16px}
  .liverow__live{grid-column:2;justify-self:end}
  .colophon__cols{grid-template-columns:repeat(2,1fr)}
  .tl-node{height:130px}
}
@media (max-width:620px){
  .factstrip{flex-wrap:wrap}
  .factstrip__item{flex:1 0 50%;border-bottom:1px solid var(--rule);padding-bottom:16px}
  .ledger__item{flex:1 0 50%;border-right:0;padding:8px 0}
  .chapter__head{grid-template-columns:1fr;grid-template-areas:"num" "label" "title";row-gap:6px}
  .chapter__num{font-size:44px}
  .rank{grid-template-columns:auto 1fr auto;gap:10px 14px}
  .rank__meta{grid-column:2/4;font-size:12px}
  .timeline{overflow-x:auto}.tl-track{min-width:520px}
  .figrow__item{flex:1 0 50%;border-right:0}
  .sidenotes{grid-template-columns:1fr}
  .sidenote{border-right:0;border-bottom:1px solid var(--rule)}
  .colophon__cols{grid-template-columns:1fr}
}