.mc-page { --mc-green:#1cad75; --mc-ink:#101311; --mc-muted:#c6c9c7; --mc-line:#737b76; --mc-error:#ffb6b6; --mc-gap:16px; --mc-radius:10px; padding-bottom:48px; }
.mc-page [hidden] { display:none !important; }
.mc-page *, .mc-page *::before, .mc-page *::after { box-sizing:border-box; }
.mc-page .tw-grid > *, .mc-page .tw-field { min-width:0; }
.mc-page .tw-wrap { max-width:1240px; }
.mc-page .tw-title { font-size:clamp(2rem,4vw,3rem); margin-top:32px; }
.mc-intro { max-width:740px; margin-bottom:24px; line-height:1.6; }
.mc-page .tw-card__inner { margin:0; padding:24px; }
.mc-page .tw-card { background:#1b1c1c; }
.mc-page .top-header { margin:24px 0 0 !important; }
.mc-page .mc-nav { display:flex; gap:12px; flex-wrap:wrap; }
.mc-page .mc-nav a { color:var(--mc-muted); padding:10px 0; min-height:44px; border-bottom:2px solid transparent; }
.mc-page .mc-nav a[aria-current] { color:#fff; border-bottom-color:var(--mc-green); }
.mc-page .tw-grid { gap:24px; }
.mc-main-column { display:contents; }
.mc-page .tw-leadbox { grid-column:1/-1; order:2; margin-top:0; }
.mc-page .tw-results { min-width:0; }
.mc-page .tw-card__heading { font-size:1.2rem; margin-bottom:24px; }
.mc-page .tw-form { gap:24px; }
.mc-page .tw-field label,.mc-leg label { display:block; color:var(--mc-muted); font-size:14px; font-weight:600; margin-bottom:8px; }
.mc-page .tw-input,.mc-page .tw-select { min-height:48px; padding:12px; font-size:16px; line-height:1.4; border:1px solid var(--mc-line); border-radius:var(--mc-radius); background:#111; width:100%; color:#fff; }
.mc-controls { display:grid; grid-template-columns:1fr 1fr; gap:var(--mc-gap); }
.mc-segmented { display:flex; gap:8px; border-bottom:1px solid #444; }
.mc-segmented button { flex:1; padding:12px 16px; min-height:48px; background:transparent; color:var(--mc-muted); border:0; border-bottom:3px solid transparent; font-weight:700; cursor:pointer; }
.mc-segmented button[aria-pressed="true"] { color:#fff; border-bottom-color:var(--mc-green); }
.mc-segmented button:hover { background:#262827; }
.mc-page :is(button,a,input,select,summary):focus-visible { outline:3px solid #71dfb3; outline-offset:4px; }
.mc-legs-heading { display:flex; align-items:center; justify-content:space-between; margin:0 0 16px; gap:16px; }
.mc-legs-heading h3 { margin:0; font-size:16px; font-weight:700; }
.mc-legs-heading span { color:var(--mc-muted); font-size:14px; }
.mc-legs { display:grid; gap:12px; }
.mc-leg { display:grid; grid-template-columns:60px minmax(0,1fr) 48px; align-items:center; gap:12px; }
.mc-leg label { margin:0; }
.mc-remove { width:48px; height:48px; border:1px solid var(--mc-line); border-radius:var(--mc-radius); background:transparent; color:#fff; cursor:pointer; }
.mc-remove:hover:not(:disabled) { background:#35302f; }
.mc-remove:disabled { opacity:.4; cursor:default; }
.mc-page .mc-secondary { background:transparent; color:#fff; border:1px solid var(--mc-line); box-shadow:none; }
.mc-page .tw-btn { min-height:48px; border-radius:var(--mc-radius); box-shadow:none; }
.mc-page .tw-btn:not(.mc-secondary) { color:var(--mc-ink); }
.mc-page .tw-btn:hover { transform:none; box-shadow:none; }
.mc-leg-actions { margin-top:16px; }
.mc-help { margin:8px 0 0; font-size:14px; color:var(--mc-muted); line-height:1.5; }
.mc-error { color:var(--mc-error); font-size:14px; line-height:1.5; margin:0; }
.mc-page [aria-invalid="true"] { border-color:var(--mc-error); }
.mc-return { background:rgba(28,173,117,.09); border:1px solid rgba(113,223,179,.35); border-radius:12px; padding:24px; }
.mc-return p { margin:0 0 8px; color:var(--mc-muted); }
.mc-return strong { display:block; font-size:clamp(2.5rem,5vw,3.5rem); line-height:1.15; color:#71dfb3; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.mc-return-split { display:grid; grid-template-columns:1fr 1fr; gap:var(--mc-gap); padding-top:24px; }
.mc-return-split span { display:block; color:var(--mc-muted); font-size:14px; margin-bottom:4px; }
.mc-return-split b { font-size:20px; font-variant-numeric:tabular-nums; }
.mc-equation { color:var(--mc-muted); line-height:1.6; margin:16px 0 24px; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.mc-prices { margin:0; }
.mc-prices div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-top:1px solid #383c39; }
.mc-prices dt { color:var(--mc-muted); font-weight:400; }
.mc-prices dd { text-align:right; margin:0; font-weight:700; overflow-wrap:anywhere; min-width:0; }
.mc-next { border-top:1px solid #383c39; margin-top:24px; padding-top:24px; line-height:1.6; }
.mc-next a,.mc-page .mc-info a { color:#71dfb3; text-decoration:underline; text-underline-offset:3px; }
.mc-info { margin-top:32px; }
.mc-info h2 { font-family:Poppins,sans-serif; font-size:1.4rem; font-weight:700; margin:0 0 16px; }
.mc-info p { line-height:1.7; color:var(--mc-muted); max-width:850px; }
.mc-info details { border-top:1px solid #383c39; }
.mc-info summary { min-height:48px; padding:16px 0; font-weight:600; cursor:pointer; }
.mc-info details p { margin:0 0 16px; }
@media(max-width:600px) { .mc-page .tw-card__inner { padding:16px; } .mc-page .tw-grid { gap:16px; } .mc-page .tw-title { margin-top:24px; } .mc-controls { grid-template-columns:1fr; } .mc-leg { grid-template-columns:44px minmax(0,1fr) 44px; gap:8px; } .mc-remove { width:44px; } .mc-return { padding:16px; } .mc-page .tw-actions { gap:12px; } .mc-page .tw-card__heading { font-size:1.1rem; } }