:root{--base:#0f1b2d;--surf:#1b2b43;--text:#f4f1ea;--mute:#d3cfc3;--gold:#d4a84b;--line:#3d526f}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--base);color:var(--text);font:1.0625rem/1.75 system-ui,'Segoe UI',Roboto,sans-serif;overflow-wrap:anywhere;hyphens:auto}
img{max-width:100%;height:auto;display:block;border-radius:4px}
h1,h2,h3{font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0 0 1rem;overflow-wrap:anywhere;hyphens:auto}
h1{font-size:clamp(2rem,6.5vw,3.75rem)}
h2{font-size:clamp(1.5rem,4vw,2.25rem)}
h3{font-size:1.25rem}
p,ul,ol,dl{margin:0 0 1.1rem}
a{color:var(--gold);text-underline-offset:3px}
a:hover{color:#f0cf85}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.wrap{max-width:1100px;margin:0 auto;padding:0 1.25rem}
.prose{max-width:46rem}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:.5rem;background:var(--gold);color:var(--base);padding:.7rem 1rem;border-radius:999px;font-weight:700;z-index:100}
.skip:focus{left:.75rem}
.site-header{position:sticky;top:.5rem;z-index:50;padding:.5rem}
.hbox{max-width:1180px;margin:0 auto;background:var(--surf);border:1px solid var(--line);border-radius:2rem;padding:.4rem .5rem .4rem 1.1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}
.brand{display:flex;align-items:center;gap:.55rem;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:-.02em;font-size:1rem;min-width:0}
.brand svg{flex:none}
.brand span{min-width:0;overflow-wrap:anywhere}
.nav-toggle{display:none;min-height:44px;padding:0 1.2rem;border-radius:999px;border:1px solid var(--gold);background:transparent;color:var(--gold);font:inherit;font-weight:700;cursor:pointer}
.js .nav-toggle{display:inline-flex;align-items:center}
#site-nav{flex-basis:100%;max-height:calc(100vh - 6rem);overflow-y:auto}
#site-nav ul{list-style:none;margin:0;padding:.25rem 0 .5rem}
#site-nav a:not(.btn){display:flex;align-items:center;min-height:44px;padding:.4rem .8rem;color:var(--text);text-decoration:none;font-weight:600;border-radius:999px}
#site-nav a:not(.btn):hover{color:var(--gold)}
#site-nav a[aria-current="page"]{color:var(--gold);text-decoration:underline;text-underline-offset:6px}
#site-nav .btn{margin-top:.5rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1.4rem;background:var(--gold);color:var(--base);font:inherit;font-weight:800;border:0;border-radius:999px;text-decoration:none;cursor:pointer;text-align:center}
.btn:hover{background:#e6c06a;color:var(--base)}
@media(min-width:1000px){
.nav-toggle,.js .nav-toggle{display:none!important}
#site-nav{flex-basis:auto;max-height:none;overflow:visible}
#site-nav ul{display:flex;align-items:center;gap:.1rem;padding:0}
#site-nav .btn{margin:0 0 0 .4rem}
}
.band{padding:4rem 0}
.a{background-color:var(--base)}
.b{background-color:var(--surf)}
.glow{background-image:radial-gradient(ellipse 60% 80% at 12% 0%,rgba(212,168,75,.24),transparent 70%),radial-gradient(ellipse 45% 60% at 100% 100%,rgba(212,168,75,.12),transparent 70%)}
.hero{position:relative;min-height:calc(100vh - 5rem);display:grid;place-items:center;text-align:center;isolation:isolate;background:var(--base)}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,27,45,.72),rgba(15,27,45,.9))}
.hero .wrap{padding-top:4rem;padding-bottom:4rem}
.hero p{max-width:40rem;margin-inline:auto;font-size:1.15rem}
.page-head{padding:2.5rem 0 3rem;background-color:var(--base);background-size:cover;background-position:center}
.page-head p{max-width:46rem;font-size:1.1rem}
.ph-club{background-image:linear-gradient(rgba(15,27,45,.8),rgba(15,27,45,.95)),url(images/football-ball-seams-closeup.jpg)}
.ph-national{background-image:linear-gradient(rgba(15,27,45,.8),rgba(15,27,45,.95)),url(images/stadium-seats-empty-rows-closeup.jpg)}
.ph-major{background-image:linear-gradient(rgba(15,27,45,.8),rgba(15,27,45,.95)),url(images/tennis-court-baseline-paint-closeup.jpg)}
.ph-league{background-image:linear-gradient(rgba(15,27,45,.8),rgba(15,27,45,.95)),url(images/basketball-seams-closeup.jpg)}
.ph-plain{background-image:radial-gradient(ellipse 60% 100% at 10% 0%,rgba(212,168,75,.2),transparent 70%)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;padding:0;margin:0 0 1.5rem;font-size:.95rem}
.crumbs li+li::before{content:"›";margin-right:.4rem;color:var(--gold)}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.grid>*{min-width:0}
.card,.panel{border:1px solid var(--line);border-radius:4px;padding:1.25rem;background:var(--surf)}
.b .card,.b .panel{background:var(--base)}
.panel{border-left:4px solid var(--gold)}
.card h3{margin-bottom:.5rem}
.card .btn{margin-top:.25rem}
.split{display:grid;gap:1.5rem;align-items:center}
.split>*{min-width:0}
.split img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media(min-width:820px){.split{grid-template-columns:1.3fr 1fr}}
.tw{overflow-x:auto;margin:1rem 0 1.5rem;border:1px solid var(--line);border-radius:4px}
table{border-collapse:collapse;width:100%;min-width:34rem}
caption{text-align:left;padding:.7rem .8rem;color:var(--mute);font-size:.95rem}
th,td{padding:.65rem .8rem;border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:normal;hyphens:manual}
thead th{background:var(--base);color:var(--gold)}
.b thead th{background:#142238}
tbody th{font-weight:700}
.chron{list-style:none;padding:0 0 0 1.5rem;border-left:2px solid var(--gold);margin:1rem 0 1.5rem .5rem}
.chron li{position:relative;padding:0 0 1rem .5rem}
.chron li::before{content:"";position:absolute;left:calc(-1.5rem - 7px);top:.6rem;width:12px;height:12px;border-radius:50%;background:var(--gold)}
.defs dt{font-weight:800;color:var(--gold);margin-top:1rem}
.defs dd{margin:0 0 .5rem}
.keys{padding-left:1.2rem}
.keys li{margin-bottom:.4rem}
details{border:1px solid var(--line);border-radius:4px;background:var(--surf);margin-bottom:.8rem}
details[open]{border-color:var(--gold)}
summary{cursor:pointer;min-height:44px;padding:.8rem 1.1rem;font-weight:700;list-style-position:inside}
details>div{padding:0 1.1rem 1rem}
details p{margin-bottom:.7rem}
.tool{display:grid;gap:2rem}
.tool>*{min-width:0}
@media(min-width:900px){.tool{grid-template-columns:1fr 1fr}}
label{display:block;font-weight:700;margin:1rem 0 .35rem}
input,select,textarea{width:100%;font:inherit;color:var(--text);background:var(--base);border:1px solid #6a80a0;border-radius:4px;padding:.65rem .75rem;min-height:44px}
textarea{min-height:10rem;resize:vertical}
#note-out{min-height:16rem;background:#142238}
.hint,.count{font-size:.9rem;color:var(--mute);margin:.3rem 0 0}
.err{color:#ffb4a8;font-size:.95rem;margin:.3rem 0 0;min-height:0}
.row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.status{min-height:1.6rem;color:var(--gold);font-weight:700;margin-top:.8rem}
.legal{max-width:720px;margin:0 auto;padding:0 1.25rem}
.toc{border:1px solid var(--line);border-radius:4px;padding:1rem 1.25rem;margin-bottom:2rem;background:var(--surf)}
.toc ol{margin:0;padding-left:1.2rem}
.legal h2{font-size:1.5rem;margin-top:2rem}
.site-footer{margin-top:0}
.fband{padding:2.25rem 0}
.f1{background:var(--surf)}
.f2{background:var(--base)}
.f3{background:var(--surf);font-size:.95rem;color:var(--mute)}
.f1 p,.f3 p{margin-bottom:.6rem}
.fbrand{font-weight:800;font-size:1.15rem}
.f2 ul{list-style:none;margin:0;padding:0;display:grid;gap:.1rem .5rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}
.f2 a{display:flex;align-items:center;min-height:44px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}