:root{--color-primary:#1e3a5f;--color-accent:#e63946;--color-secondary:#ffd60a;--color-text:#2d3748;--color-text-secondary:#4a5568;--color-bg:#f7fafc;--color-surface:#fff;--color-success:#38a169;--color-warning:#dd6b20;--color-border:#e2e8f0;--font-body:'Inter',sans-serif;--font-mono:'JetBrains Mono',monospace;--max-content-width:820px;--section-gap:clamp(3rem, 6vw, 5rem);--content-padding:clamp(1rem, 4vw, 2rem);--color-primary:#4a7ab8;--color-accent:#ff6b6b;--color-secondary:#ffd60a;--color-text:#e2e8f0;--color-text-secondary:#a0aec0;--color-bg:#0d1117;--color-surface:#161b22;--color-border:#30363d}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:clamp(1rem, 1.5vw, 1.125rem);line-height:1.7;color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4{font-weight:600;line-height:1.3;color:var(--color-text);text-align:left}h2{font-size:clamp(1.5rem, 3vw, 2rem);margin-bottom:1.25rem;scroll-margin-top:2rem}h3{font-size:clamp(1.25rem, 2.5vw, 1.5rem);margin-top:2rem;margin-bottom:1rem;scroll-margin-top:2rem}p{margin-bottom:1.25rem;text-align:left}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}a:hover{color:var(--color-primary)}a:focus{outline:2px solid var(--color-accent);outline-offset:2px}ul,ol{margin-bottom:1.25rem;padding-left:1.5rem;text-align:left}li{margin-bottom:.5rem}blockquote{border-left:3px solid var(--color-accent);padding-left:1.25rem;margin:1.5rem 0;font-style:italic;color:var(--color-text-secondary);text-align:left}strong{font-weight:600}em{font-style:italic}table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;background:var(--color-surface)}tr:nth-child(even){background:rgba(0,0,0,.02)}@media (prefers-color-scheme:dark){tr:nth-child(even){background:rgba(255,255,255,.02)}}figure{margin:2rem auto;max-width:100%}figcaption{font-size:.875rem;color:var(--color-text-secondary);text-align:center;margin-top:.75rem;line-height:1.5}header{position:relative}main{width:100%}[data-content]{max-width:var(--max-content-width);margin:0 auto;padding:var(--section-gap) var(--content-padding)}[data-content]+[data-content]{padding-top:0}.info-box{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:4px;padding:1.25rem 1.5rem;margin:1.5rem 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.info-box p{margin-bottom:.75rem;text-align:left;color:var(--color-text)}.info-box p:last-child{margin-bottom:0}.odds-example{background:var(--color-primary);color:var(--color-bg);border-radius:6px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 12px rgba(30,58,95,.15)}@media (prefers-color-scheme:dark){.odds-example{background:#1e3a5f;color:#f7fafc}}.odds-example p{text-align:center;margin-bottom:.5rem;color:inherit}.odds-example p:last-child{margin-bottom:0}.odds-example .odds-value{font-family:var(--font-mono);font-size:1.75rem;font-weight:500;display:block;text-align:center}.odds-example .odds-label{font-size:.875rem;opacity:.85;display:block;text-align:center}.callout{background:var(--color-surface);border-left:4px solid var(--color-warning);padding:1.25rem 1.5rem;margin:1.5rem 0;border-radius:0 4px 4px 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.callout p{margin-bottom:0;text-align:left;color:var(--color-text)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px, 1fr));gap:1rem;margin:1.5rem 0}.card-grid .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:1.25rem;box-shadow:0 2px 4px rgba(0,0,0,.04);transition:transform .2s ease,box-shadow .2s ease}.card-grid .card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.card-grid .card p{margin-bottom:0;text-align:left;color:var(--color-text)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}@media (max-width:600px){.comparison{grid-template-columns:1fr}}.comparison>div{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.05)}.comparison>div p{text-align:left;margin-bottom:0;color:var(--color-text)}.tldr{background:var(--color-surface);border-left:4px solid var(--color-accent);padding:1.5rem;margin:1.5rem auto;border-radius:0 6px 6px 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.tldr h2{font-size:clamp(1.125rem, 2vw, 1.25rem);margin-bottom:1rem;color:var(--color-text)}.tldr ul{margin-bottom:0}.tldr li{margin-bottom:.75rem;color:var(--color-text)}.tldr li:last-child{margin-bottom:0}.key-takeaway{border-top:2px solid var(--color-accent);padding-top:1.25rem;margin:2rem 0}.key-takeaway p{font-size:clamp(1.125rem, 2vw, 1.375rem);font-weight:600;line-height:1.5;margin-bottom:0;text-align:left;color:var(--color-text)}.fun-fact{position:relative;padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:var(--color-text-secondary)}.fun-fact:before{content:'—';position:absolute;left:0;color:var(--color-accent);font-weight:600}.fun-fact p{margin-bottom:0;color:inherit}.glossary-term{display:flex;align-items:baseline;gap:.75rem;margin:1rem 0}@media (max-width:500px){.glossary-term{flex-direction:column;gap:.25rem}}.glossary-term .term{font-family:var(--font-mono);color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.glossary-term .definition{color:var(--color-text-secondary)}.dos-donts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}@media (max-width:600px){.dos-donts{grid-template-columns:1fr}}.dos-donts .do{background:var(--color-surface);border:1px solid var(--color-success);border-radius:6px;padding:1.25rem}.dos-donts .dont{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:6px;padding:1.25rem}.dos-donts h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.dos-donts .do h4{color:var(--color-success)}.dos-donts .dont h4{color:var(--color-accent)}.dos-donts ul{margin-bottom:0;padding-left:1.25rem}.dos-donts li{color:var(--color-text)}.pre-bet-checklist{margin:2rem 0}.pre-bet-checklist h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:1rem}.pre-bet-checklist ul{border-left:2px solid var(--color-border);padding-left:1.5rem;margin-bottom:0;list-style:none}.pre-bet-checklist li{position:relative;margin-bottom:.75rem;color:var(--color-text)}.pre-bet-checklist li:before{content:'☐';position:absolute;left:-1.5rem;color:var(--color-accent);background:var(--color-bg);padding:0 2px}.at-a-glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px, 1fr));gap:0;margin:1.5rem 0;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.at-a-glance>div{padding:1.25rem;text-align:center;border-right:1px solid var(--color-border);background:var(--color-surface)}.at-a-glance>div:last-child{border-right:none}@media (max-width:600px){.at-a-glance{grid-template-columns:1fr}.at-a-glance>div{border-right:none;border-bottom:1px solid var(--color-border)}.at-a-glance>div:last-child{border-bottom:none}}.at-a-glance .stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:500;display:block;color:var(--color-text)}.at-a-glance .stat-label{font-size:.8rem;color:var(--color-text-secondary);display:block;margin-top:.25rem}.worked-example{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:1.75rem;margin:1.5rem 0;box-shadow:0 2px 6px rgba(0,0,0,.06)}.worked-example h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:1rem}.worked-example p{text-align:left;color:var(--color-text)}.worked-example .step{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start}.worked-example .step-num{font-family:var(--font-mono);font-size:.875rem;background:var(--color-border);color:var(--color-text);width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.worked-example .result{font-family:var(--font-mono);font-size:1.125rem;font-weight:500;color:var(--color-success);background:rgba(56,161,105,.1);padding:.75rem 1rem;border-radius:4px;margin-top:1rem;text-align:center}@media (prefers-color-scheme:dark){.worked-example .result{background:rgba(56,161,105,.15)}}.section-bridge{text-align:center;font-style:italic;color:var(--color-accent);margin:2.5rem 0;position:relative}.section-bridge:before,.section-bridge:after{content:'—';margin:0 .75rem;opacity:.5}[data-content=hero]{max-width:none;padding:0;margin:0;width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(135deg,#1e3a5f 0%,#0d1f33 100%);position:relative;overflow:hidden}[data-content=hero]:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(230,57,70,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,214,10,.04) 0%,transparent 40%),repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(255,255,255,.015) 40px,rgba(255,255,255,.015) 80px);pointer-events:none}[data-content=hero]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,var(--color-bg),transparent);pointer-events:none}.hero-inner{max-width:var(--max-content-width);margin:0 auto;padding:clamp(4rem, 10vw, 7rem) var(--content-padding) clamp(5rem, 12vw, 8rem);position:relative;z-index:1;text-align:center}.hero-meta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);padding:.4rem .75rem;border-radius:4px}.hero-trust{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,214,10,.8)}[data-content=hero] h1{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:1.25rem;text-align:center}.hero-subtitle{font-size:clamp(1rem, 2vw, 1.25rem);color:#a0aec0;margin-bottom:2rem;font-weight:400}.hero-hook{font-size:.875rem;letter-spacing:.04em;color:rgba(255,214,10,.9);margin-bottom:2.5rem}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-accent);color:#fff;padding:.875rem 1.75rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.95rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px rgba(230,57,70,.35)}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(230,57,70,.45);color:#fff}.hero-cta:focus{outline:2px solid #fff;outline-offset:2px}[data-content=hero] figure{margin-top:2.5rem;position:relative}[data-content=hero] img.hero-image{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.3)}[data-content=hero] figcaption{color:rgba(255,255,255,.6);margin-top:1rem}[data-content=toc]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:2rem;margin-top:calc(var(--section-gap) * -0.5);box-shadow:0 4px 16px rgba(0,0,0,.06)}[data-content=toc] h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:1.5rem;text-align:center}.toc-grid{column-count:2;column-gap:2rem}@media (max-width:650px){.toc-grid{column-count:1}}.toc-item{break-inside:avoid;margin-bottom:1.25rem}.toc-item a{color:var(--color-text);text-decoration:none;font-weight:500;display:block;padding:.25rem 0;transition:color .2s ease}.toc-item a:hover{color:var(--color-accent)}.toc-item ul{margin:.5rem 0 0;padding-left:1rem;list-style:none}.toc-item ul li{margin-bottom:.4rem}.toc-item ul a{font-weight:400;font-size:.9rem;color:var(--color-text-secondary)}.toc-item ul a:hover{color:var(--color-accent)}details{border-bottom:1px solid var(--color-border);text-align:left}details:first-of-type{border-top:1px solid var(--color-border)}summary{padding:1.25rem 2rem 1.25rem 0;cursor:pointer;font-weight:500;color:var(--color-text);position:relative;list-style:none;transition:color .2s ease}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:400;color:var(--color-accent);transition:transform .3s ease}details[open] summary:after{transform:translateY(-50%) rotate(45deg)}summary:hover{color:var(--color-accent)}summary:focus{outline:2px solid var(--color-accent);outline-offset:2px}details{interpolate-size:allow-keywords}details::details-content{opacity:0;block-size:0;overflow:hidden;transition:opacity .3s ease,block-size .3s ease;transition-behavior:allow-discrete}details[open]::details-content{opacity:1;block-size:auto}details>div{padding-bottom:1.25rem}details>div p{color:var(--color-text-secondary)}@supports not selector(::details-content){details[open]>*:not(summary){animation:fade-in .3s ease forwards}@keyframes fade-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}img.hero-image{max-width:100%;height:auto;display:block;margin:0 auto}img.article-image{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:6px}@media (max-width:768px){[data-content=toc]{padding:1.5rem}.hero-inner{text-align:center}.at-a-glance .stat-value{font-size:1.25rem}.comparison,.dos-donts{gap:.75rem}}@media (max-width:480px){:root{--content-padding:1rem}[data-content=hero] h1{font-size:1.75rem}.hero-cta{width:100%;justify-content:center}}.site-header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border,#333);position:sticky;top:0;z-index:100}.top-navigation-bar{max-width:var(--wide-width,1100px);margin:0 auto;padding:15px var(--component-padding,24px);display:flex;align-items:center;justify-content:flex-end}.site-nav--desktop{display:none}@media (min-width:769px){.top-navigation-bar{justify-content:center}.site-nav--desktop{display:block}.mobile-controls{display:none}.menu-desktop{display:flex;gap:30px;list-style:none;margin:0;padding:0}.menu-desktop a{text-decoration:none;color:var(--color-text);font-family:var(--font-body,sans-serif);font-weight:500;font-size:16px;transition:color .2s ease}.menu-desktop a:hover{color:var(--color-accent)}}.burger{background:0 0;border:none;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:5px;z-index:1000}.burger span{display:block;width:28px;height:3px;background-color:var(--color-text);transition:transform .3s ease,opacity .3s ease;border-radius:2px}.burger.is-active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.burger.is-active span:nth-child(2){opacity:0}.burger.is-active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:-100%;width:85%;max-width:400px;height:100vh;background-color:var(--color-bg);box-shadow:-5px 0 20px rgba(0,0,0,.5);transition:right .4s cubic-bezier(.4,0,.2,1);z-index:999;overflow-y:auto;padding:60px 30px}.mobile-menu.is-open{right:0}.mobile-menu__close{position:absolute;top:20px;right:20px;background:0 0;border:none;font-size:36px;line-height:1;color:var(--color-text);cursor:pointer;transition:color .2s ease}.mobile-menu__close:hover{color:var(--color-accent)}.menu-mobile{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:25px}.menu-mobile a{text-decoration:none;color:var(--color-text);font-size:20px;font-family:var(--font-display,sans-serif);font-weight:600;display:block;transition:color .2s ease,padding-left .2s ease}.menu-mobile a:hover{color:var(--color-accent);padding-left:10px}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s;z-index:998}.mobile-menu-overlay.is-active{opacity:1;visibility:visible}#crumbs{padding:10px 0;margin-bottom:20px;font-size:14px;color:#666;text-align:center}#crumbs a{text-decoration:none;color:#0073aa}#crumbs a:hover{text-decoration:underline}#crumbs .current{font-weight:700;color:#fff}.custom-footer{background-color:#111827;color:#9ca3af;padding:60px 20px 20px;font-family:sans-serif;border-top:1px solid #374151}.custom-footer .footer-container{max-width:1200px;margin:0 auto}.custom-footer .footer-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px, 1fr));gap:40px;margin-bottom:40px}.custom-footer .footer-col h4{color:#f3f4f6;font-size:1.1rem;margin-bottom:20px;position:relative;padding-bottom:10px;margin-top:0}.custom-footer .footer-col h4:after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#3b82f6}.custom-footer .footer-col ul{list-style:none;padding:0;margin:0}.custom-footer .footer-col ul li{position:relative;padding-left:16px;margin-bottom:12px;font-size:.9rem;line-height:1.4}.custom-footer .footer-col ul li:before{content:'';position:absolute;left:0;top:6px;width:6px;height:6px;background-color:#3b82f6;border-radius:50%}.custom-footer a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.custom-footer a:hover{color:#60a5fa}.custom-footer .footer-bottom{border-top:1px solid #374151;padding-top:25px;text-align:center;font-size:.85rem}.custom-footer .footer-disclaimer p{margin:0 auto 15px auto;max-width:100%;color:#6b7280;line-height:1.6}.custom-footer .footer-copyright p{margin:0 auto;max-width:100%}@media (max-width:768px){.custom-footer .footer-row{grid-template-columns:1fr;gap:30px}}