/* Big NC Tennis preview theme (Oct 11, 2026). Shared tokens + header/footer/buttons/pill. */
:root{
  --purple:#332c81; --purple-d:#2a2468; --lime:#ccff00; --blue:#029bd8; --orange:#f27b23;
  --action:#0a6fb0; --action-h:#085a8f;
  --bg:#f5f7fa; --surface:#ffffff; --ink:#151821; --ink-2:#2c3240; --muted:#5b6470; --line:#e3e7ee;
  --gold:#e9c46a; --gold-ink:#7a5a12; --gold-tint:#fbf6e9;
  --r:14px;
  --sh-1:0 1px 2px rgba(17,24,39,.06),0 1px 1px rgba(17,24,39,.04);
  --sh-2:0 1px 2px rgba(17,24,39,.06),0 10px 28px rgba(17,24,39,.08);
  --sh-3:0 2px 4px rgba(17,24,39,.06),0 18px 40px rgba(17,24,39,.12);
  --hl:inset 0 1px 0 rgba(255,255,255,.9);
}
body{background:var(--bg)!important;color:var(--ink)!important}
/* Header: purple + one thin lime rule */
header{background:var(--purple)!important;border-bottom:2px solid var(--lime)!important;box-shadow:0 2px 12px rgba(20,16,60,.18)}
header nav a:hover,header .has-dd>button:hover{color:#fff!important;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:6px}
header .btn{background:transparent!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important;font-weight:700!important;box-shadow:none!important}
header .btn:hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important}
header .nav-toggle{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;font-weight:700!important;border-radius:10px!important;display:none;align-items:center;gap:.4rem}
header .nav-toggle svg{width:20px;height:20px;display:block}
header .nav-toggle .nt-close{display:none}
header .nav-toggle[aria-expanded="true"] .nt-open{display:none}
header .nav-toggle[aria-expanded="true"] .nt-close{display:block}
header .nav-contact{display:none}
@media (max-width:1100px){
  header .nav-toggle{display:inline-flex!important;padding:.45rem .55rem!important;font-size:0!important}
}
@media (max-width:820px){
  header .nav-container>.btn,header .nav-container>.btn-nav{display:none!important}
  header .nav-contact{display:list-item}
}
/* Buttons: one action color + one neutral outline */
.b-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--action);color:#fff!important;font-weight:700;font-size:.95rem;padding:.72rem 1.3rem;border-radius:10px;border:1px solid var(--action);box-shadow:0 1px 2px rgba(10,111,176,.25),0 6px 16px rgba(10,111,176,.18),inset 0 1px 0 rgba(255,255,255,.18);transition:background .15s,box-shadow .15s,transform .15s;white-space:nowrap}
.b-primary:hover,.b-primary:focus-visible{background:var(--action-h);border-color:var(--action-h);transform:translateY(-1px)}
.b-outline{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--ink-2)!important;font-weight:700;font-size:.95rem;padding:.72rem 1.2rem;border-radius:10px;border:1px solid #cfd5df;box-shadow:var(--sh-1);transition:border-color .15s,background .15s;white-space:nowrap}
.b-outline:hover,.b-outline:focus-visible{border-color:var(--ink-2);background:#fbfcfd}
a:focus-visible,button:focus-visible{outline:3px solid var(--action);outline-offset:2px}
/* Powered by Big NC AI pill (light-background variant) */
.ai-strip{padding:1.25rem 5% 1.5rem;text-align:center;background:var(--bg)}
.aipill{display:inline-flex;align-items:center;gap:7px;background:var(--gold-tint);border:1px solid var(--gold);border-radius:999px;padding:4px 13px 4px 7px;font-size:.8rem;line-height:1.2;color:var(--ink-2);box-shadow:var(--sh-1)}
.aipill img{width:20px;height:20px;display:block;flex:none}
.aipill strong{color:var(--ink);font-weight:800}
.aipill .sep{color:#8a8f99}
.aipill .dl-short{display:none}
@media (max-width:480px){.aipill{font-size:.76rem}.aipill .dl-long{display:none}.aipill .dl-short{display:inline}}
/* Footer: purple */
footer{background:var(--purple)!important;color:rgba(255,255,255,.86)!important;border-top:0!important}
footer a{color:#fff!important}
footer a:hover{color:var(--lime)!important}
footer .social-row a{background:rgba(255,255,255,.1)!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Action Park 4-7 photo (cropped Oct 11): keep the player's head in frame wherever it is cover-cropped */
img[src*="park%204-7" i],img[src*="park 4-7" i]{object-position:50% 10%!important}