
:root{--ink:#18344b;--dark:#0b2236;--muted:#54687a;--line:#dce6ea;--accent:#0b8d81;--mint:#eaf6f3;--paper:#fff;--bg:#f5f8fa;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:16px/1.7 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink)}a{color:#08756e}img{max-width:100%}.container{max-width:1160px;margin:auto;padding:0 24px}.site-head{background:#0e293e;color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 16px #102a4030}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:22px;font-weight:850;letter-spacing:.5px;color:#fff;text-decoration:none}.brand span{color:#91e4d4}.nav-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.nav-links a{font-weight:650;color:#e5f4f6;text-decoration:none;font-size:14px}.nav-links a:hover,.nav-links .current{color:#8de0cf}.intro{background:linear-gradient(130deg,#102e42,#0f5460);color:#fff;padding:72px 0}.intro .intro-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.12em;color:#a4e6dd}.intro h1{font-size:clamp(35px,4.7vw,59px);line-height:1.12;margin:13px 0 18px;letter-spacing:-.03em}.intro p{font-size:18px;color:#e3f4f4}.intro-art{background:radial-gradient(circle at 80% 20%,#4d9c9d,transparent 38%),linear-gradient(135deg,#155068,#0c263b);border-radius:24px;min-height:300px;display:flex;align-items:center;justify-content:center;font-size:120px;border:1px solid #ffffff20}.button,.cta{display:inline-block;border:0;border-radius:11px;background:#0b8d81;color:#fff!important;text-decoration:none!important;padding:12px 20px;font-weight:750;line-height:1.3;box-shadow:0 5px 16px #0a4e4e18}.button:hover,.cta:hover{background:#076d68}.button.alt{background:#fff;color:#153a48!important}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.section{padding:48px 0}.section h2{font-size:30px;letter-spacing:-.025em}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 6px 30px #0a2e4410}.card h3{margin:4px 0;font-size:20px}.card p{color:#53687b}.card a{font-weight:700}.tag{font-size:12px;color:#4e7575;text-transform:uppercase;letter-spacing:.07em;font-weight:750}.site-footer{background:#102b40;color:#c9dce5;margin-top:48px;padding:32px 0;font-size:13px}.site-footer a{color:#b0ede0}.footer-flex{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.breadcrumbs{font-size:13px;color:#617387;padding:26px 0 10px}.breadcrumbs a{color:#3e6570}.article-wrap{padding:10px 0 44px}.article{max-width:100%;border-radius:22px;background:#fff;border:1px solid var(--line);padding:clamp(22px,4vw,52px);box-shadow:0 8px 35px #18344b10}.article h1{font-size:clamp(32px,4vw,48px);line-height:1.17;letter-spacing:-.035em;color:#15354b;margin:0 0 15px}.article h2{font-size:clamp(24px,2.5vw,33px);line-height:1.25;letter-spacing:-.024em;padding-top:32px;margin:35px 0 14px;border-top:1px solid #e8eef1;scroll-margin-top:100px}.article h3{font-size:19px;margin:22px 0 7px}.article p{margin:0 0 18px;line-height:1.83}.article ol,.article ul{padding-left:24px}.article li{margin:9px 0}.lead{font-size:19px!important;color:#536979}.soft-note{border-radius:13px;padding:17px 20px;background:#edf8f5;color:#225a58;margin:22px 0}.toc{border:1px solid #dce7e9;border-radius:16px;background:#f7fafb;padding:20px 26px;margin:27px 0}.toc summary{cursor:pointer;font-weight:800}.toc ul{columns:2;column-gap:35px;margin:12px 0}.toc li{break-inside:avoid;padding:2px 0}.toc a{text-decoration:none;font-size:14px}.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(120deg,#e5f7f0,#f4f9fb);border:1px solid #cee9e3;padding:22px;border-radius:16px;margin:22px 0}.cta-strip strong{font-size:18px}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.fact{background:#f3f8f8;border-radius:13px;padding:17px;border:1px solid #e0ebed}.fact small{display:block;font-size:12px;color:#587281}.fact strong{font-size:19px}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin:22px 0}.game-card{border:1px solid #e0eaee;border-radius:14px;padding:8px;text-align:center;text-decoration:none;background:#fff;color:#244658;transition:.15s;display:block;overflow:hidden}.game-card:hover{border-color:#0b8d81;transform:translateY(-2px);box-shadow:0 6px 16px #0b52651c}.game-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;display:block}.game-card span{font-size:12px;font-weight:700;display:block;line-height:1.35;padding-top:8px}.mini-table{border-collapse:collapse;width:100%;margin:20px 0;font-size:14px}.mini-table td,.mini-table th{border:1px solid #dce9ea;padding:12px;text-align:left}.mini-table th{background:#edf7f4}.pill-line{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.pill{border:1px solid #cce2df;background:#f4f9f8;border-radius:100px;padding:7px 13px;font-size:13px;font-weight:700}.faq{background:#fafcfc;border:1px solid #e3eaed;border-radius:14px;padding:20px 26px}.faq h3{font-size:18px}.note{border-left:4px solid #168e86;padding:14px 18px;background:#edf7f5;border-radius:0 9px 9px 0}.note p:last-child{margin-bottom:0}.disclosure{font-size:12px;color:#63788a;background:#f2f5f7;padding:14px 17px;border-radius:12px}.game-card:focus-visible,.cta:focus-visible,.nav a:focus-visible{outline:3px solid #fdbd57;outline-offset:3px}@media(max-width:850px){.intro .intro-inner{grid-template-columns:1fr}.intro-art{min-height:160px;font-size:80px}.game-grid{grid-template-columns:repeat(3,1fr)}.facts{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}.nav{align-items:flex-start;padding:16px 0;flex-direction:column;gap:9px}.nav-links{gap:15px}.toc ul{columns:1}}@media(max-width:520px){.container{padding:0 16px}.game-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.article{padding:20px}.facts{grid-template-columns:repeat(2,1fr)}.intro{padding:40px 0}.article h2{margin-top:25px}.intro-art{display:none}}

/* Home SEO section — scoped to historical sports content */
.tzn-seo{padding-top:32px;padding-bottom:24px}.tzn-seo>h2{font-size:clamp(25px,3vw,34px);line-height:1.25;margin:12px 0 18px}.tzn-seo>p{max-width:1000px;color:#405c6d;margin:0 0 17px}.tzn-seo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 39px}.tzn-seo-feature{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px #0a2e440b}.tzn-seo-feature h3{margin:7px 0 10px;font-size:20px;line-height:1.3}.tzn-seo-feature p{margin:0;color:#526b7a}.tzn-seo-note{margin:25px 0 32px;padding:18px 22px;border-left:4px solid var(--accent);background:#eaf6f3;border-radius:0 12px 12px 0}.tzn-seo-faq{display:grid;gap:10px;margin:18px 0 8px}.tzn-seo-faq details{border:1px solid var(--line);background:#fff;border-radius:12px;padding:15px 19px}.tzn-seo-faq summary{font-weight:750;cursor:pointer}.tzn-seo-faq details p{margin:12px 0 1px;color:#486476}@media(max-width:800px){.tzn-seo-feature-grid{grid-template-columns:1fr}.tzn-seo{padding-top:16px}.tzn-seo-feature{padding:20px}}
