:root{--color-primary:#1a56db;--color-primary-hover:#1444b0;--color-primary-light:#e8effc;--color-secondary:#059669;--color-secondary-hover:#047857;--color-danger:#dc2626;--color-warning:#d97706;--color-bg:#ffffff;--color-bg-alt:#f8fafc;--color-surface:#ffffff;--color-border:#e2e8f0;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                  "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro",
               Menlo, Consolas, monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--max-width:48rem;--max-width-wide:64rem;--content-padding:var(--space-4);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--transition-fast:150ms ease;--transition-normal:250ms ease;--calc-input-height:2.75rem;--calc-label-color:var(--color-text-secondary);--calc-result-bg:var(--color-bg-alt);--calc-result-positive:var(--color-secondary);--calc-result-negative:var(--color-danger)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}fieldset{border:none}summary{cursor:pointer}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:700;color:var(--color-text)}h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}h2{font-size:var(--font-size-2xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}h3{font-size:var(--font-size-xl);margin-top:var(--space-6);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}p:last-child{margin-bottom:0}strong{font-weight:700}code{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-bg-alt);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm)}@media(max-width:640px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}}body{display:flex;flex-direction:column;min-height:100vh}#main-content{flex:1;width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--content-padding);padding-block:var(--space-6)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-6)var(--content-padding);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.site-footer a{color:var(--color-text-secondary)}.home-content{max-width:var(--max-width-wide);margin-inline:auto;padding-inline:var(--content-padding);padding-block:var(--space-6)}.hero{text-align:center;padding:var(--space-12)0 var(--space-8)}.hero h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.hero p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:40rem;margin-inline:auto}.calculator-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-6)}@media(min-width:640px){.calculator-grid{grid-template-columns:repeat(2,1fr)}}.calculator-card{display:block;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast),border-color var(--transition-fast);text-decoration:none;color:inherit}.calculator-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);text-decoration:none}.calculator-card h2,.calculator-card h3{font-size:var(--font-size-lg);margin-top:0;margin-bottom:var(--space-2);color:var(--color-primary)}.calculator-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:0}.category-section{margin-bottom:var(--space-8)}.category-section>h2{margin-top:0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-light)}.category-section>h2 a{color:var(--color-text)}.category-section>h2 a:hover{color:var(--color-primary);text-decoration:none}.calculator-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.calculator-howto,.calculator-formula,.calculator-faq{margin-top:var(--space-8)}.calculator-faq details{border-bottom:1px solid var(--color-border);padding:var(--space-4)0}.calculator-faq summary{font-weight:600;font-size:var(--font-size-base)}.calculator-faq details[open] summary{margin-bottom:var(--space-3)}.calculator-faq details p{color:var(--color-text-secondary)}@media(min-width:640px){:root{--content-padding:var(--space-6)}}@media(min-width:1024px){:root{--content-padding:var(--space-8)}.hero h1{font-size:2.5rem}}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-wide);margin-inline:auto;padding:var(--space-3)var(--content-padding)}.site-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);text-decoration:none;white-space:nowrap}.site-logo:hover{text-decoration:none;color:var(--color-primary)}.site-logo img{height:28px;width:auto}.nav-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:0 0;padding:0}.nav-toggle-icon,.nav-toggle-icon::before,.nav-toggle-icon::after{display:block;width:1.25rem;height:2px;background:var(--color-text);transition:transform var(--transition-fast);position:relative}.nav-toggle-icon::before,.nav-toggle-icon::after{content:"";position:absolute;left:0;width:100%}.nav-toggle-icon::before{top:-6px}.nav-toggle-icon::after{top:6px}.nav-toggle[aria-expanded=true] .nav-toggle-icon{background:0 0}.nav-toggle[aria-expanded=true] .nav-toggle-icon::before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-icon::after{top:0;transform:rotate(-45deg)}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:var(--space-4);max-height:80vh;overflow-y:auto}.main-nav.is-open{display:block}.nav-menu{display:flex;flex-direction:column;gap:var(--space-1)}.nav-item.has-submenu{display:flex;flex-wrap:wrap;align-items:center}.nav-item>a{display:block;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:var(--color-text);font-weight:500;font-size:var(--font-size-sm);transition:background var(--transition-fast)}.nav-item.has-submenu>a{flex:1}.nav-item>a:hover{background:var(--color-bg-alt);text-decoration:none}.nav-item.is-active>a{color:var(--color-primary);background:var(--color-primary-light)}.submenu-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:0 0;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast),transform var(--transition-fast)}.submenu-toggle:hover{background:var(--color-bg-alt)}.submenu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.nav-submenu{display:none;padding-left:var(--space-4);width:100%}.nav-item.is-expanded .nav-submenu{display:block}.nav-submenu li a{display:block;padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm)}.nav-submenu li a:hover{color:var(--color-primary);text-decoration:none}.lang-switcher{display:flex;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.lang-switcher a{font-size:var(--font-size-sm);padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-secondary)}.lang-switcher a:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.breadcrumbs{margin-bottom:var(--space-4)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:var(--space-1);color:var(--color-text-muted)}.breadcrumbs a{color:var(--color-text-secondary)}.breadcrumbs [aria-current=page]{color:var(--color-text);font-weight:500}@media(min-width:768px){.nav-toggle{display:none}.main-nav{display:flex;position:static;background:0 0;border:none;box-shadow:none;padding:0;max-height:none;overflow:visible;align-items:center;gap:var(--space-2)}.nav-menu{flex-direction:row;gap:0}.nav-item{position:relative}.nav-item>a{padding:var(--space-2)var(--space-3)}.nav-submenu{position:absolute;top:100%;left:0;min-width:14rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:200}.submenu-toggle{display:none}.nav-item.has-submenu{flex-wrap:nowrap}.nav-item:hover .nav-submenu,.nav-item:focus-within .nav-submenu{display:block}.nav-item.is-expanded .nav-submenu{display:none}.nav-item.is-expanded:hover .nav-submenu{display:block}.lang-switcher{border-top:none;margin-top:0;padding-top:0;margin-left:var(--space-4);padding-left:var(--space-4);border-left:1px solid var(--color-border)}}.calculator-widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.calc-form{display:flex;flex-direction:column;gap:var(--space-4)}.calc-field{display:flex;flex-direction:column;gap:var(--space-1)}.calc-field label{font-size:var(--font-size-sm);font-weight:600;color:var(--calc-label-color)}.calc-field input,.calc-field select{height:var(--calc-input-height);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition-fast);width:100%}.calc-field input:focus,.calc-field select:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.calc-field input.is-invalid{border-color:var(--color-danger)}.calc-field .field-error{font-size:var(--font-size-xs);color:var(--color-danger);display:none}.calc-field input.is-invalid~.field-error{display:block}.odds-format-selector{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-4)}.odds-format-selector button{flex:1;padding:var(--space-2)var(--space-3);border:none;background:var(--color-bg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.odds-format-selector button+button{border-left:1px solid var(--color-border)}.odds-format-selector button[aria-pressed=true]{background:var(--color-primary);color:#fff}.odds-format-selector button:hover:not([aria-pressed=true]){background:var(--color-bg-alt)}.calc-selections{display:flex;flex-direction:column;gap:var(--space-3)}.calc-selections legend{font-size:var(--font-size-sm);font-weight:600;color:var(--calc-label-color);margin-bottom:var(--space-2)}.calc-selection-rows{display:flex;flex-direction:column;gap:var(--space-3)}.calc-selection-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:end;padding:var(--space-3);background:var(--color-bg-alt);border-radius:var(--radius-md)}.calc-selection-row .calc-field{min-width:0}.calc-selection-row select,.calc-row select{height:var(--calc-input-height);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);cursor:pointer;transition:border-color var(--transition-fast);width:auto;min-width:5.5rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:var(--space-7,1.75rem)}.calc-selection-row select:focus,.calc-row select:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.calc-add-row{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border:1px dashed var(--color-border);background:0 0;color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast);margin-top:var(--space-2)}.calc-add-row:hover{border-color:var(--color-primary);color:var(--color-primary)}.calc-remove-row{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:0 0;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;border-radius:var(--radius-sm);align-self:center}.calc-remove-row:hover{color:var(--color-danger);background:rgba(220,38,38,.1)}.calc-submit{padding:var(--space-3)var(--space-6);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.calc-submit:hover{background:var(--color-primary-hover)}.calc-submit:active{transform:scale(.98)}.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:480px){.calc-row{grid-template-columns:1fr}.calculator-widget{padding:var(--space-4)}}.calc-results{margin-top:var(--space-6);padding:var(--space-6);background:var(--calc-result-bg);border-radius:var(--radius-lg);display:none}.calc-results.is-visible{display:block}.calc-results-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.calc-result-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-3)0;border-bottom:1px solid var(--color-border)}.calc-result-row:last-child{border-bottom:none}.calc-result-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.calc-result-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.calc-result-value.is-positive{color:var(--calc-result-positive)}.calc-result-value.is-negative{color:var(--calc-result-negative)}.calc-result-value.is-highlight{font-size:var(--font-size-2xl);color:var(--color-primary)}.calc-results-table{width:100%;border-collapse:collapse;margin-top:var(--space-4);font-size:var(--font-size-sm)}.calc-results-table th{text-align:left;padding:var(--space-2)var(--space-3);font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.calc-results-table td{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--color-border)}.calc-results-table tr:last-child td{border-bottom:none}.calc-results-table .text-right{text-align:right}.calc-result-group{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.calc-result-group:first-child{margin-top:0;padding-top:0;border-top:none}.calc-result-group-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}@media(max-width:480px){.calc-results{padding:var(--space-4)}.calc-result-value{font-size:var(--font-size-base)}.calc-result-value.is-highlight{font-size:var(--font-size-xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-positive{color:var(--calc-result-positive)}.text-negative{color:var(--calc-result-negative)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.hidden{display:none !important}.calculator-howto ul,.calculator-formula ul,.calculator-faq ul,.page-content ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-4)}.calculator-howto ol,.calculator-formula ol,.calculator-faq ol,.page-content ol{list-style:decimal;padding-left:var(--space-6);margin-bottom:var(--space-4)}.calculator-howto li,.calculator-formula li,.calculator-faq li,.page-content li{margin-bottom:var(--space-2)}.glossary-section{max-width:var(--content-width,48rem);margin-inline:auto;padding:var(--space-6)}.glossary-category{margin-top:var(--space-8)}.glossary-category h2{font-size:var(--font-size-xl);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary)}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-4)}.glossary-card{display:block;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.glossary-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.glossary-card h3{font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--space-1)}.glossary-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.glossary-page{max-width:var(--content-width,48rem);margin-inline:auto;padding:var(--space-6)}.glossary-summary{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.glossary-content{line-height:1.7}.glossary-content h2{font-size:var(--font-size-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.glossary-content h3{font-size:var(--font-size-lg);margin-top:var(--space-6);margin-bottom:var(--space-2)}.glossary-content p{margin-bottom:var(--space-4)}.glossary-content ul{list-style:disc;margin-bottom:var(--space-4);padding-left:var(--space-6)}.glossary-content ol{list-style:decimal;margin-bottom:var(--space-4);padding-left:var(--space-6)}.glossary-content li{margin-bottom:var(--space-2)}.glossary-content code{background:var(--color-bg-alt);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.9em}.glossary-content blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-4)0;color:var(--color-text-secondary);font-style:italic}.glossary-related{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.glossary-related h2{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.related-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.related-calc-link{display:inline-flex;align-items:center;padding:var(--space-2)var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.related-calc-link:hover{background:var(--color-surface);border-color:var(--color-primary)}@media(max-width:480px){.glossary-section,.glossary-page{padding:var(--space-4)}.glossary-grid{grid-template-columns:1fr}}