/* Tonight (2026-10-16) agent B: news, tickets, events. Loaded after style.css on news.html, tickets.html, events.html. */

/* ---------- StubHub wordmark (brand purple used ONLY for this logo) ---------- */
.shl{display:inline-flex;align-items:center;justify-content:center;background:#3F1D74;color:#fff;font-family:Montserrat,Arial,sans-serif;font-weight:800;font-size:.95em;line-height:1;letter-spacing:-.04em;text-transform:none;padding:.32em .55em .38em;border-radius:.45em;white-space:nowrap;vertical-align:middle;box-shadow:none}
.shl.lg{font-size:30px;padding:10px 16px 12px;border-radius:10px}
.shl.inv{background:#fff;color:#3F1D74}
.btn .shl{font-size:13px}

/* ---------- Forms (markup per NEO's forms contract; handler in assets/forms.js) ---------- */
.fm{display:grid;gap:12px}
.fm .fr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fm label{display:grid;gap:5px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.fm label i{font-style:normal;opacity:.55;letter-spacing:.04em;text-transform:none;font-weight:700}
.fm input,.fm textarea,.fm select{width:100%;font:600 15px/1.3 Montserrat,Arial,sans-serif;color:var(--k);background:#fff;border:3px solid var(--k);border-radius:4px;padding:11px 12px;outline:none;pointer-events:auto}
.fm textarea{min-height:84px;resize:vertical}
.fm input:focus,.fm textarea:focus,.fm select:focus{box-shadow:3px 3px 0 var(--red)}
.fm button{cursor:pointer;font-family:Montserrat,Arial,sans-serif;justify-content:center;width:100%}
.fm .fm-msg{font-size:13px;font-weight:700;min-height:1em}
.dark .fm label{color:#fff}
.dark .fm input,.dark .fm textarea{border-color:#fff}
@media (max-width:760px){.fm .fr{grid-template-columns:1fr}}

/* ---------- News & Events page ---------- */
.nw .lead{min-height:440px}
.nw .lead h3{font-size:34px;line-height:1.02}
.nw .lead p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:640px}
.nw .events .feat-ev{display:block;background:var(--y);color:var(--k);border-radius:4px;padding:14px 16px;margin:6px 0 4px;box-shadow:4px 4px 0 var(--red)}
.nw .events .feat-ev small{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.nw .events .feat-ev b{display:block;font-size:22px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:-.03em;margin-top:4px}
.nw .events .feat-ev span{display:block;font-size:12px;font-weight:800;margin-top:6px}
.nw .events .ev a{display:inline-flex;align-items:center;gap:6px}
.nw .events .ev a .shl{font-size:11px}
.nw .stories{grid-template-columns:repeat(3,1fr);align-items:stretch;grid-auto-rows:1fr}
.nw .st{height:100%}
.nw .st.wide{grid-column:auto;flex-direction:column}
.nw .st .im,.nw .st.wide .im{aspect-ratio:3/2;width:100%;flex:none;border-right:0;border-bottom:3px solid var(--k)}
.nw .st .bd{padding:18px 20px 20px}
.nw .st h3{font-size:21px;line-height:1.05;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw .st p{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.nw .st .go{margin-top:auto;padding-top:12px}
.nw .stories .none{grid-column:1/-1;font-weight:700}
.nw .stories .none a{text-decoration:underline}
.nw .list .fm{grid-template-columns:1fr auto;gap:0;border:3px solid var(--y);border-radius:4px;overflow:hidden;background:#fff}
@media (max-width:1100px){.nw .stories{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
 .nw .lead{min-height:360px}.nw .lead h3{font-size:24px}
 .nw .stories{grid-template-columns:1fr;grid-auto-rows:auto}
 .nw .st h3{font-size:20px}
}

/* ---------- Tickets page ---------- */
.tkp .partner b .shl{font-size:34px;padding:8px 14px 10px}
.tkp .feat:before{content:"THE PARAMOUNT"}
.tkp .feat .pw .shl{font-size:16px}
.tkp .row .btn .shl,.ev-row .btn .shl{margin-left:2px}
.tkp .how h3 .shl{font-size:22px}
.tkp .sub .fm{margin-top:4px}
.tkp .vt .fm label{color:#ddd}
.tkp .vt .fm input{border-color:var(--gold)}
.tkp .chip,.evp .chip{cursor:pointer;font-family:inherit;color:var(--k)}
.tkp .chip.on,.evp .chip.on{color:var(--y)}

/* ---------- Events page ---------- */
.evp .ev-hero{padding-top:34px;padding-bottom:40px}
.evp .ev-hero h1{font-size:120px;line-height:.86;letter-spacing:-.055em;text-shadow:6px 6px 0 var(--red);margin:18px 0 22px}
.evp .ev-hero h1 em{font-style:normal;color:#fff;-webkit-text-stroke:6px var(--k);paint-order:stroke fill;text-shadow:6px 6px 0 var(--red)}
.evp .ev-hero p{font-size:20px;font-weight:600;line-height:1.45;max-width:700px}
.evp .ev-hero .kick{opacity:.65}
.evp .ev-hero .top{display:flex;justify-content:space-between;align-items:end;gap:40px}
.evp .chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.evp .chip{border:3px solid var(--k);background:#fff;font-weight:800;font-size:13px;text-transform:uppercase;padding:8px 16px;border-radius:999px}
.evp .chip.on{background:var(--k);box-shadow:3px 3px 0 var(--red)}
.evp .chips .sep{width:3px;background:var(--k);margin:0 4px;border-radius:2px}
.evp .partner{flex:none;background:var(--k);color:#fff;border-radius:6px;padding:22px 26px;box-shadow:8px 8px 0 var(--red);margin-bottom:26px;max-width:360px}
.evp .partner small{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--y);text-transform:uppercase;margin-bottom:10px}
.evp .partner p{font-size:13px;color:#aaa;font-weight:600;margin-top:12px;line-height:1.45}
.evp .ev-main{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:start}
.evp .wk{margin-bottom:46px}
.evp .wk h2{font-size:44px;line-height:.9}
.evp .wk .sh{margin-bottom:20px}
.evp .wk .sh span{font-weight:800;text-transform:uppercase;font-size:13px;opacity:.6}
.evp .evl{display:grid;gap:16px}
.ev-row{display:grid;grid-template-columns:96px 1fr auto;gap:22px;align-items:center;background:#fff;border:3px solid var(--k);border-radius:6px;padding:14px 18px 14px 14px;box-shadow:6px 6px 0 var(--red)}
.ev-row .dt{background:var(--k);color:var(--y);border-radius:4px;height:96px;display:grid;place-items:center;text-align:center;align-content:center}
.ev-row .dt small{display:block;font-size:11px;font-weight:800;letter-spacing:.14em}
.ev-row .dt b{display:block;font-size:40px;line-height:.95;font-weight:800;letter-spacing:-.04em}
.ev-row .dt i{display:block;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.14em;color:#fff;opacity:.7}
.ev-row .vn{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.ev-row h3{font-size:23px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:-.03em;margin:6px 0}
.ev-row .wh{font-size:14px;font-weight:600;opacity:.8;line-height:1.4}
.ev-row .tg{display:inline-block;margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--k);border-radius:999px;padding:3px 8px}
.ev-row .tg.li{background:var(--y)}
.ev-row .btn{font-size:13px;padding:12px 16px;white-space:nowrap}
.ev-row.hide,.wk.hide{display:none}
.evp .empty{display:none;font-weight:700;padding:30px 0}
.evp .side{display:grid;gap:30px;position:static}
.evp .sub{background:#fff;border:3px solid var(--k);border-radius:6px;padding:26px;box-shadow:8px 8px 0 var(--red)}
.evp .sub .kick{opacity:.6}
.evp .sub h3{font-size:38px;line-height:.9;margin:10px 0 12px;text-shadow:3px 3px 0 var(--red)}
.evp .sub p{font-size:14px;line-height:1.55;margin-bottom:16px}
.evp .how{background:var(--k);color:#fff;border-radius:6px;padding:26px}
.evp .how .kick{color:var(--y)}
.evp .how h3{font-size:26px;line-height:1.1;margin:10px 0}
.evp .how p{font-size:14px;line-height:1.5;color:#bbb}
.evp .note{font-size:12px;font-weight:600;opacity:.6;margin-top:6px;line-height:1.5}
@media (max-width:1100px){.evp .ev-main{grid-template-columns:1fr 300px;gap:30px}.ev-row{grid-template-columns:84px 1fr}.ev-row .btn{grid-column:2;justify-self:start}}
@media (max-width:760px){
 .evp .ev-hero .top{flex-direction:column;align-items:start;gap:0}
 .evp .ev-hero h1{font-size:56px;text-shadow:4px 4px 0 var(--red)}.evp .ev-hero h1 em{-webkit-text-stroke:4px var(--k);text-shadow:4px 4px 0 var(--red)}.evp .ev-hero p{font-size:16px}
 .evp .partner{margin:24px 0 0;box-shadow:6px 6px 0 var(--red)}
 .evp .chips{gap:8px}.evp .chip{font-size:12px;padding:7px 12px}.evp .chips .sep{display:none}
 .evp .ev-main{grid-template-columns:1fr;gap:40px}
 .evp .side{position:static}
 .evp .wk h2{font-size:32px}
 .ev-row{grid-template-columns:70px 1fr;gap:14px;padding:12px}
 .ev-row .dt{height:80px}.ev-row .dt b{font-size:30px}
 .ev-row h3{font-size:19px}
 .ev-row .btn{grid-column:1/-1;justify-content:center;justify-self:stretch}
 .evp .sub h3{font-size:32px}
}
/* keep long titles from widening the page on phones */
.evp .ev-main>*,.ev-row>div,.tkp .tk>*{min-width:0}
.ev-row h3,.ev-row .vn{overflow-wrap:anywhere}
@media (max-width:760px){.ev-row .btn{white-space:normal}}
.tkp .partner .shl{display:inline-flex;color:#fff;font-weight:800;margin-top:0;letter-spacing:-.04em}
.tkp .partner b{margin-top:10px}
.tkp .partner span:not(.shl){line-height:1.6}
/* QA 2026-10-16: lead headline must stay readable on busy flyer images */
.nw .lead:after{background:linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.88) 40%,rgba(0,0,0,.45) 70%,rgba(0,0,0,.12) 100%)}
.nw .lead .cap{margin:0 18px 18px;padding:22px 24px 24px;background:rgba(13,13,13,.86);border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.nw .lead h3{text-shadow:3px 3px 0 var(--red),0 2px 14px rgba(0,0,0,.9)}
.nw .lead p{opacity:.92}
@media (max-width:760px){.nw .lead .cap{margin:0 10px 10px;padding:16px 16px 18px}}
@media (max-width:760px){.nw .lead{min-height:440px}}
/* Cory QC 2026-10-16: partner card = "Official Ticket Partner of" + StubHub logo; small FTC line near ticket buttons */
.evp .partner small,.tkp .partner small{margin-bottom:12px;font-size:12px}
.tkp .partner b{display:none}
.ftc{font-size:11px;font-weight:600;line-height:1.4;opacity:.6;margin:0 0 14px}