/* Home theme: a warm editorial "front page" look — light tan + white with
   a red accent, a serif display face, and a text-tab nav instead of pill
   buttons. Meant to feel like its own site, not a reskin of Sports or
   Events. Overrides brand.css's custom properties plus a handful of
   structural rules (nav, texture, card accent). */
:root{
  --pitch:#F1E4CC;
  --panel:#FFFFFF;
  --panel-2:#F7EEDC;
  --line:#E3D2AC;
  --chalk:#2B2118;
  --muted:#93805F;
  --amber:#B3261E;
  --amber-ink:#FFFFFF;
  --live:#FF4B3E;
  --radius:3px;
}
body{ font-family:'Source Serif 4', Georgia, serif; }
body::before{
  background: linear-gradient(rgba(43,33,24,.08) 1px, transparent 1px);
  background-size: 100% 44px;
}
.brand a{ font-family:'Fraunces', Georgia, serif; font-weight:900; font-style:normal; letter-spacing:0; }
.brand .amber{ font-style:italic; }
.tagline{ font-family:'Source Serif 4', Georgia, serif; font-style:italic; letter-spacing:0; text-transform:none; font-size:13px; }

.seclabel{ font-family:'Fraunces', Georgia, serif; font-weight:700; letter-spacing:0; text-transform:uppercase; font-size:13px; color:var(--chalk); }
.seclabel::after{ background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 10px); height:2px; }

/* Text-tab nav instead of pill buttons, like a newspaper section rail. */
.nav{ gap:20px; border-bottom:2px solid var(--line); padding-bottom:10px; margin-top:22px; }
.nav a{
  border:none; border-radius:0; background:none; padding:0;
  font-family:'Fraunces', Georgia, serif; font-weight:600; font-size:14px; letter-spacing:0; text-transform:none;
  color:var(--chalk); position:relative;
}
.nav a.on, .nav a:hover, .nav a:focus-visible{ color:var(--amber); border:none; }
.nav a.on::after{ content:""; position:absolute; left:0; right:0; bottom:-12px; height:2px; background:var(--amber); }

.card{ box-shadow:0 1px 3px rgba(43,33,24,.08); border-left:4px solid var(--amber); border-radius:0 var(--radius) var(--radius) 0; }
.card h3{ font-family:'Fraunces', Georgia, serif; font-weight:700; }
.announce{ border-radius:0; }

.pickbtn, .lockbtn{ font-family:'Fraunces', Georgia, serif; font-weight:700; font-style:italic; letter-spacing:0; text-transform:none; }
.ghostbtn{ font-family:'Source Serif 4', Georgia, serif; text-transform:none; letter-spacing:0; font-style:italic; }
footer{ font-family:'Source Serif 4', Georgia, serif; font-style:italic; }