/* chrome.css — the basketball site's top-chrome stylesheet (the .lc-* header/nav).
 *
 * SINGLE SOURCE OF TRUTH for the chrome's look. render_chrome() in site_chrome.py
 * links this file (at /basketball/assets/chrome.css) instead of inlining a <style>,
 * so a header/nav restyle is an edit-here-once change: bump CHROME_HREF's ?v= in
 * site_chrome.py and redeploy this one file — NO page regeneration needed.
 *
 * Deploy: deploy_to_github_pages.py copies this into docs/assets/chrome.css, which
 * deploy_to_server.py then rsyncs to /var/www/thelabanalytics/basketball/assets/.
 * It rides the basketball docs/ pipeline (basketball-owned path), so it does NOT
 * depend on the web-root /assets/ deploy (that ships only tokens.css, from baseball).
 *
 * Colors/fonts reference the shared canon via var(--token, <fallback>); the fallback
 * is the exact prior literal, so the chrome renders pixel-identically whether or not
 * /assets/tokens.css is present. Keep this byte-for-byte in step with any change you'd
 * otherwise have made to site_chrome._CSS. */
.labchrome,.labchrome *{box-sizing:border-box;margin:0;padding:0;line-height:1.5}
.labchrome{font-family:var(--display,'Bahnschrift','DIN Alternate','Hanken Grotesk','Century Gothic',sans-serif)}
.lc-top{background:#070707;border-bottom:1px solid var(--rule-soft,#161616);position:sticky;top:0;z-index:310}
.lc-topin{max-width:1180px;margin:0 auto;padding:0 24px;height:38px;display:flex;align-items:center;gap:16px}
.lc-tag{margin-right:auto}
.lc-link{font-size:12px;font-weight:600;letter-spacing:0.3px;color:#aab4c0;text-decoration:none}
.lc-link:hover{color:#fff}
.lc-cta{font-size:12px;font-weight:800;letter-spacing:0.3px;color:#1a1206;padding:6px 15px;border-radius:7px;text-decoration:none;background:linear-gradient(135deg,var(--gold,#e8c067),var(--gold-deep,#b8862c));box-shadow:0 6px 16px -8px var(--gold-glow,rgba(232,192,103,0.22));transition:transform 140ms,box-shadow 140ms}
.lc-cta:hover{transform:translateY(-1px);text-decoration:none;color:#1a1206;box-shadow:0 10px 22px -8px var(--gold-glow,rgba(232,192,103,0.22))}
.lc-head{background:#020202;border-bottom:1px solid var(--rule,#232323);position:sticky;top:38px;z-index:300}
.lc-headin{max-width:1180px;margin:0 auto;padding:14px 24px 0}
.lc-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.lc-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.lc-brand:hover{color:inherit;text-decoration:none}
.lc-logo{height:44px;width:44px;object-fit:contain;flex:none;display:block}
.lc-name{font-size:24px;font-weight:700;color:var(--ink,#F8FAFC);letter-spacing:0.3px}
.lc-name .tag{color:var(--ink4,#64748B);font-weight:400;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;margin-left:8px}
.lc-name .sep{color:var(--rule-strong,#2e2e2e);margin:0 8px;font-weight:300}
.lc-name .sport{color:var(--ink3,#94A3B8);font-weight:700}
.lc-pill{font-size:10px;color:var(--primary,#2273c5);text-transform:uppercase;letter-spacing:2px;font-weight:600;border:1px solid #1e3a6e;padding:3px 10px;border-radius:4px}
.lc-nav{display:flex;gap:3px;border-top:1px solid var(--rule-soft,#161616);margin:0 -24px;padding:7px 22px 9px;flex-wrap:wrap}
.lc-nav a{position:relative;padding:8px 14px;font-size:12px;color:var(--ink3,#94A3B8);letter-spacing:0.4px;font-weight:600;text-transform:uppercase;text-decoration:none;border-radius:8px;transition:color 160ms ease,background 160ms ease}
.lc-nav a:hover{color:#e8edf3;background:rgba(255,255,255,0.05)}
.lc-nav a.here{color:#cfe3fb;background:rgba(34,115,197,0.15)}
.lc-nav a.here::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--primary,#2273c5),var(--primary-h,#4a94de))}
@media(max-width:600px){.lc-pill{display:none}}
*,*::before,*::after{border-radius:0!important}
html [class],html [class]::before,html [class]::after{border-radius:0!important}