:root{--ink:#12161a;--text:#171d26;--body:#3a4555;--slate:#627084;--muted:#8a95a5;--line:#dadfe7;--mist:#f0f2f5;--signal:#0f6;--green:#067a3a;--mint:#e9fbf0;--guest:#0f766e;--on-dark:#c5ccd6;--font:"Jost", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:12px;--radius-lg:16px;--max:1200px;--gutter:24px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}body{font-family:var(--font);color:var(--ink);text-rendering:optimizelegibility;background:#fff;margin:0;line-height:1.5}img,svg{max-width:100%;display:block}a{color:var(--green)}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--green);outline-offset:2px;border-radius:4px}h1,h2,h3{color:var(--ink);margin:0}p{margin:0}.wrap{max-width:var(--max);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.skip{background:var(--ink);color:var(--signal);border-radius:var(--radius);z-index:10;padding:10px 16px;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-size:13px;font-weight:800}.meta{color:var(--slate);flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:14px;display:flex}.section-title{letter-spacing:-.02em;font-size:26px;font-weight:900}.rule-title{border-bottom:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.rule-title h2{letter-spacing:-.02em;font-size:28px;font-weight:900}.rule-title.small h2{letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:800}.btn{border-radius:var(--radius);min-height:44px;font:700 15px/1 var(--font);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.btn-ink{background:var(--ink);color:var(--signal)}.btn-ink:hover{color:#fff}.btn-signal{background:var(--signal);color:var(--ink);border-radius:9999px}.btn-signal:hover{color:var(--ink);background:#33ff85}.btn-outline{color:var(--ink);background:#fff;border:1px solid #c5ccd6}.btn-outline:hover{border-color:var(--ink)}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{flex-wrap:wrap;align-items:center;gap:14px 32px;padding-top:16px;padding-bottom:16px;display:flex}.brand-link{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-link:hover{color:var(--ink)}.wordmark{letter-spacing:-.01em;font-size:24px;font-weight:700}.main-nav{flex-wrap:wrap;flex:280px;gap:8px 24px;font-size:15px;font-weight:600;display:flex}.main-nav a{color:var(--ink);padding:10px 0;text-decoration:none}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--green)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;display:grid}.card{color:var(--ink);flex-direction:column;gap:10px;text-decoration:none;display:flex}.card:hover{color:var(--ink)}.card:hover .card-title{text-underline-offset:3px;text-decoration:underline 2px}.thumb{aspect-ratio:16/9;background:var(--ink);border-radius:var(--radius-lg);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb .duration{color:#fff;background:#12161ae0;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:10px}.card-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-size:12px;font-weight:800}.card-title{font-size:18px;font-weight:800;line-height:1.25}.card-meta{color:var(--slate);font-size:14px}.yt{aspect-ratio:16/9;background:var(--ink);border-radius:var(--radius-lg);position:relative;overflow:hidden}.yt img,.yt iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.yt-play{cursor:pointer;background:linear-gradient(#12161a00 45%,#12161a8c);border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:absolute;inset:0}.yt-play .dot{background:var(--signal);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;transition:transform .15s;display:flex}.yt-play:hover .dot,.yt-play:focus-visible .dot{transform:scale(1.06)}.yt-label{color:#fff;text-align:left;font-size:14px;font-weight:600;position:absolute;bottom:16px;left:20px;right:20px}.site-footer{border-top:1px solid var(--line);margin-top:80px}.footer-main{flex-wrap:wrap;gap:32px 64px;padding-top:48px;padding-bottom:40px;font-size:15px;display:flex}.footer-main .about{flex-direction:column;flex:2 260px;gap:10px;display:flex}.footer-main nav{flex-direction:column;flex:140px;gap:10px;display:flex}.footer-main nav a{color:var(--slate);text-decoration:none}.footer-main nav a:hover{color:var(--ink)}.footer-heading{font-weight:800}.legal{border-top:1px solid var(--line);color:var(--slate);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:18px;padding-bottom:32px;font-size:13px;display:flex}.legal a{color:var(--slate)}@media (width<=640px){:root{--gutter:16px}.wordmark{font-size:21px}.site-header .wrap{column-gap:12px}.site-header .btn{padding:0 14px}.brand-link{flex:auto}.main-nav{flex-basis:100%;order:3;gap:4px 24px}.main-nav a{padding:6px 0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
