/* TTC SPORTS NETWORK • Shared branding across all pages */
:root{--ttc-green:#075638;--ttc-green-dark:#043e2b;--ttc-accent:#dcf35d;--ttc-ink:#0c2420}
body{background:#f5f7f4;color:var(--ttc-ink)}
.nav{background:linear-gradient(110deg,#06442e,#075a3c);color:white;min-height:94px;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px rgba(4,45,28,.12)}
.brand.brand-logo{display:inline-flex;align-items:center;gap:14px;white-space:normal;flex-shrink:0}
.brand-logo img{display:block;width:auto;height:58px;max-width:min(235px,52vw);object-fit:contain}
.brand-logo .brand-caption{border-left:1px solid rgba(255,255,255,.25);padding-left:13px;font-size:10px;letter-spacing:2px;line-height:1.5;color:#c5e6d9;font-weight:700}
.nav nav a{font-weight:700;transition:color .15s}.nav nav a:hover{color:var(--ttc-accent)}
.container{width:min(1190px,92%)}
.hero{background:radial-gradient(circle at 90% 18%,rgba(151,220,173,.14),transparent 36%),linear-gradient(130deg,#053521,#086340);border-radius:24px;padding-block:70px;min-height:410px;box-shadow:0 18px 55px rgba(5,75,47,.15)}
.hero:after{content:'⚽';font-size:310px;right:5%;bottom:-82px;opacity:.07}
.hero h1{font-size:clamp(37px,5.5vw,72px);max-width:820px}.hero p{color:#d1e8dc;max-width:680px}
.eyebrow{color:var(--ttc-accent)}
.btn,button{background:#dbf16b;color:#153422;border-radius:10px}.btn.alt{background:white;color:#075438}.btn:hover,button:hover{filter:brightness(.96)}
.card,.panel{border:1px solid #e0e9e1;box-shadow:0 9px 30px rgba(10,71,44,.06)}
.card small{color:#0b7955}.pill{background:#e5f4e8;color:#06643e}
input:focus,select:focus{outline-color:#83bd98}
footer{background:#043b2a;color:#c4e0d2}
.ttc-intro{margin:24px 0 2px;display:flex;align-items:center;gap:12px;color:#527065;font-size:13px}
.ttc-intro strong{color:#0b583d}
@media(max-width:820px){.nav{align-items:center;gap:12px;padding-block:18px}.brand-logo img{height:46px}.brand-logo .brand-caption{display:none}}
@media(max-width:520px){.nav{align-items:flex-start}.brand-logo img{height:42px}.hero{min-height:330px;padding:36px 24px}.hero:after{font-size:230px}}