.calculator-page { padding-bottom:56px; }
.calculator-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr); gap:24px; align-items:start; }
.calculator-panel,.calculator-summary,.calculator-note { border:1px solid #d5e0e8; border-radius:12px; background:#fff; box-shadow:0 10px 24px rgba(7,29,46,.06); }
.calculator-panel { padding:24px; }
.calculator-panel h2,.calculator-summary h2 { margin:0 0 8px; color:#071d2e; font-size:20px; }
.calculator-intro { margin:0 0 22px; color:#52677b; line-height:1.55; }
.calculator-field { display:grid; gap:7px; color:#071d2e; font-size:13px; font-weight:750; }
.calculator-field input,.calculator-field select { width:100%; min-height:46px; box-sizing:border-box; border:1px solid #b9c8d4; border-radius:7px; padding:10px 12px; background:#fff; color:#071d2e; font:700 16px/1.2 var(--body); }
.calculator-field input:focus,.calculator-field select:focus { outline:3px solid rgba(36,211,25,.22); border-color:#147c0e; }
.calculator-field input[readonly] { background:#f1f5f7; color:#294153; }
.calculator-field select:disabled { background:#f1f5f7; color:#294153; opacity:1; }
.calculator-field small { color:#667b8c; font-weight:500; line-height:1.4; }
.parlay-settings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.parlay-table-head { display:grid; grid-template-columns:44px minmax(130px,.8fr) minmax(160px,1fr) 42px; gap:10px; padding:0 12px 8px; color:#607486; font:750 10px var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.parlay-legs { display:grid; gap:10px; }
.parlay-leg { display:grid; grid-template-columns:44px minmax(130px,.8fr) minmax(160px,1fr) 42px; gap:10px; align-items:end; padding:12px; border:1px solid #d7e1e8; border-radius:9px; background:#f7f9fb; }
.parlay-leg-number { display:grid; place-items:center; width:34px; height:34px; margin-bottom:6px; border-radius:50%; background:#071d2e; color:#fff; font:800 12px var(--mono); }
.parlay-remove { display:grid; place-items:center; width:42px; height:46px; border:1px solid #c6d2dc; border-radius:7px; background:#fff; color:#52677b; cursor:pointer; }
.parlay-remove:hover { border-color:#9a2638; color:#9a2638; }
.parlay-remove:disabled { opacity:.35; cursor:not-allowed; }
.calculator-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.calculator-button { min-height:42px; border:1px solid #147c0e; border-radius:7px; padding:9px 15px; background:#147c0e; color:#fff; font:750 13px var(--body); cursor:pointer; }
.calculator-button:hover { background:#0f6510; }
.calculator-button.secondary { background:#fff; color:#147c0e; }
.calculator-summary { position:sticky; top:92px; overflow:hidden; }
.calculator-summary-head { padding:19px 20px; background:#071d2e; color:#fff; }
.calculator-summary-head h2 { color:#fff; }
.calculator-summary-head p { margin:0; color:#b9cad7; font-size:12px; }
.calculator-metrics { display:grid; }
.calculator-metric { display:flex; justify-content:space-between; gap:18px; padding:15px 20px; border-bottom:1px solid #e0e7ec; }
.calculator-metric:last-child { border-bottom:0; }
.calculator-metric span { color:#607486; font-size:12px; }
.calculator-metric strong { color:#071d2e; font:800 17px var(--mono); text-align:right; }
.calculator-metric.is-primary { background:#edfaec; }
.calculator-metric.is-primary strong { color:#116c0d; font-size:21px; }
.calculator-status { min-height:20px; margin:14px 0 0; color:#9a2638; font-size:12px; font-weight:700; }
.conversion-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.conversion-grid .calculator-field:first-child { grid-column:1 / -1; }
.calculator-note { margin-top:24px; padding:22px 24px; }
.calculator-note h2 { margin:0 0 10px; font-size:18px; }
.calculator-note p,.calculator-note li { color:#52677b; line-height:1.6; }
.calculator-note ul { margin:0; padding-left:20px; }
.nav-resources { position:relative; display:flex; align-items:center; }
.nav-resources-trigger { display:flex; align-items:center; gap:5px; min-height:38px; border:0; padding:0; background:transparent; color:#c4d0df; font:inherit; cursor:pointer; }
.nav-resources-trigger::after { content:""; width:6px; height:6px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(-2px) rotate(45deg); }
.nav-resources-trigger:hover,.nav-resources-trigger[aria-expanded="true"],.nav-resources:has(a[aria-current="page"]) .nav-resources-trigger { color:#fff; }
.nav-resources-menu { position:absolute; z-index:20; top:calc(100% + 8px); left:50%; display:grid; min-width:205px; padding:8px; border:1px solid #335064; border-radius:10px; background:#071d2e; box-shadow:0 16px 36px rgba(0,15,26,.28); transform:translateX(-50%); }
.nav-resources-menu[hidden] { display:none; }
.site-header .nav-resources-menu a { padding:10px 11px; border-radius:6px; color:#e7eff5; white-space:nowrap; }
.site-header .nav-resources-menu a:hover,.site-header .nav-resources-menu a:focus-visible { background:#173246; color:#fff; }
@media(max-width:900px) {
 .calculator-layout { grid-template-columns:1fr; }
 .calculator-summary { position:static; }
 .nav-resources { display:block; width:100%; }
 .nav-resources-trigger { width:100%; min-height:44px; justify-content:space-between; color:#fff; font-size:15px; }
 .nav-resources-menu { position:static; min-width:0; padding:0 0 5px 14px; border:0; border-radius:0; background:transparent; box-shadow:none; transform:none; }
 .site-header .mobile-navigation .nav-resources-menu a { min-height:40px; padding:8px 0; color:#b9cad7; }
}
@media(max-width:600px) {
 .calculator-page { padding-bottom:40px; }
 .calculator-panel { padding:18px; }
 .parlay-settings { grid-template-columns:1fr; }
 .parlay-table-head { display:none; }
 .parlay-leg { grid-template-columns:34px minmax(0,1fr) 42px; padding:10px; }
 .parlay-leg .calculator-field:nth-child(2) { grid-column:2 / 4; }
 .parlay-leg .calculator-field:nth-child(3) { grid-column:2; }
 .parlay-leg .parlay-remove { grid-column:3; }
 .parlay-leg-number { width:30px; height:30px; }
 .conversion-grid { grid-template-columns:1fr; }
 .conversion-grid .calculator-field:first-child { grid-column:auto; }
}