/* Calculator-only surface. Account navigation keeps its existing styling. */
body { background:#0d1016; }
.tools-main { --ink:#edf1f5; --muted:#9da9b8; --line:#ffffff12; --green:#77e6bc; width:100%; max-width:688px; margin:0 auto; padding:38px 24px 80px; color:var(--ink); font-family:Inter,system-ui,sans-serif; }
.tools-main * { box-sizing:border-box; }
.tools-main [hidden] { display:none!important; }
.tools-main h1 { font-family:'Space Grotesk',Inter,sans-serif; font-size:28px; font-weight:600; letter-spacing:-.8px; line-height:1.2; margin:0 0 22px; }
.tools-main button,.tools-main input,.tools-main select { font:inherit; }
.tools-main button,.tools-main select,.tools-main summary { cursor:pointer; }
.tools-main button:focus-visible,.tools-main select:focus-visible,.tools-main summary:focus-visible,.tools-main a:focus-visible { outline:2px solid var(--green); outline-offset:3px; }
.tools-nav { display:flex; gap:4px; align-items:center; margin-bottom:18px; }
.tools-nav button,.tools-more select { min-height:42px; border:0; border-radius:7px; background:transparent; color:#aeb9c8; font-size:13px; font-weight:500; padding:10px 14px; white-space:nowrap; }
.tools-nav button:hover { color:white; background:#ffffff06; }
.tools-nav button[aria-pressed=true] { background:#1b3932; color:#89edc7; }
.tools-more { margin-left:auto; min-width:0; }
.tools-more select { max-width:160px; background:#0d1016; padding-right:4px; }
.tools-more select.is-active { color:var(--green); }
.calc-card { background:#121820; border:1px solid #ffffff16; border-radius:12px; overflow:hidden; box-shadow:0 10px 35px #00000012; }
.calc-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; border-bottom:1px solid var(--line); min-height:75px; }
.calc-toolbar>.calc-field { display:flex; align-items:center; gap:14px; }
.calc-toolbar>.calc-field>span { margin:0; white-space:nowrap; }
.calc-toolbar select { width:260px; height:40px; font-size:13px; }
.tools-main h2 { font-size:15px; line-height:1.4; font-weight:600; margin:0; letter-spacing:-.15px; }
.calc-help-button { display:flex; gap:7px; align-items:center; padding:9px 0 9px 9px; flex-shrink:0; color:#b6c2d0; border:0; background:none; font-size:12px!important; }
.calc-help-button>span { display:grid; place-items:center; width:16px; height:16px; border:1px solid #697587; border-radius:50%; font-size:10px; }
.calc-inputs { padding:18px 20px 0; }
.calc-row { display:grid; grid-template-columns:1fr 1fr; gap:16px 22px; padding:16px; border-radius:8px; background:#ffffff03; border:1px solid #ffffff09; }
.calc-row+.calc-row { margin-top:10px; }
.calc-back { background:#1b2934; border-color:#314654; }
.calc-lay { background:#35232e; border-color:#694051; }
.calc-lay .calc-field>span { color:#f2cad9; }
.calc-field { display:block; min-width:0; }
.calc-field>span { display:block; margin:0 0 8px; font-size:12px; line-height:1.4; font-weight:500; color:#cbd5e1; }
.calc-field input,.calc-field select { display:block; width:100%; height:42px; min-width:0; border:1px solid #ffffff20; border-radius:6px; background:#0c121bd9; color:var(--ink); padding:0 12px; box-shadow:0 1px 2px #0001; }
.calc-field input { font-size:17px; font-weight:500; font-variant-numeric:tabular-nums; }
.calc-field select { font-size:13px; }
.calc-field input:focus { outline:2px solid #77e6bc88; outline-offset:1px; border-color:var(--green); }
.calc-field input[aria-invalid=true] { border-color:#fc9c99; }
.calc-field input::-webkit-inner-spin-button,.calc-field input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.calc-field input[type=number] { -moz-appearance:textfield; }
.calc-error { color:#ffb2ab; font-size:12px; line-height:1.5; margin:12px 22px 0; }
.calc-error:empty { display:none; }
.calc-actions { display:flex; justify-content:flex-end; padding:4px 20px 6px; }
.calc-clear,.calc-copy { background:none; border:0; color:#aebac9; font-size:12px!important; padding:10px 0; }
.calc-clear:hover,.calc-copy:hover,.calc-help-button:hover { color:white; }
.calc-result { border-top:1px solid #ffffff16; padding:20px; background:#161f27; }
.calc-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.calc-metric>span { display:block; font-size:11px; line-height:1.4; color:#b4c1cf; margin-bottom:7px; }
.calc-metric>output { display:block; font-family:'Space Grotesk',Inter,sans-serif; font-size:25px; line-height:1.2; font-weight:500; letter-spacing:-.7px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.calc-metric.is-primary>output { color:var(--green); }
.calc-result-footer { display:flex; align-items:flex-start; gap:20px; margin-top:16px; border-top:1px solid var(--line); padding-top:6px; }
.calc-breakdown { flex:1; margin-top:14px; color:#adbac9; font-size:12px; }
.calc-result-footer>.calc-breakdown { margin:0; }
.calc-breakdown summary { padding:10px 0; font-size:12px; }
.calc-breakdown p { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:8px 0; font-size:12px; line-height:1.5; }
.calc-breakdown output { color:#e2e8ed; white-space:nowrap; font-variant-numeric:tabular-nums; }
.calc-scenario { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:18px; padding-top:15px; border-top:1px solid var(--line); font-size:12px; color:#b4c1cf; }
.calc-scenario>output { color:var(--green); font-size:19px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.tools-main dialog { max-width:490px; width:calc(100% - 32px); max-height:calc(100% - 48px); padding:22px; border:1px solid #39444f; border-radius:12px; color:var(--ink); background:#151c25; box-shadow:0 20px 90px #0008; }
.tools-main dialog::backdrop { background:#0009; backdrop-filter:blur(4px); }
.help-header { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px; }
.help-header button { width:32px; height:32px; border:1px solid #ffffff22; border-radius:6px; background:none; color:#dde7f1; font-size:23px; }
.tools-main dialog h3 { font-size:14px; margin:0 0 10px; }
.tools-main dialog p { font-size:13px; line-height:1.7; margin:12px 0; color:#b9c5d3; }
.tools-main dialog a { font-size:13px; color:var(--green); }
.tools-main .sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:600px) {
 .tools-main { padding:26px 14px 100px; }
 .tools-main h1 { font-size:25px; margin-bottom:17px; }
 .tools-nav { gap:2px; margin-bottom:16px; }
 .tools-nav button,.tools-more select { font-size:11px; padding:10px 8px; }
 .tools-more select { max-width:80px; padding-left:4px; padding-right:0; }
 .calc-toolbar { padding:13px 14px; gap:12px; }
 .calc-toolbar>.calc-field { display:block; flex:1; }
 .calc-toolbar>.calc-field>span { font-size:11px; margin-bottom:6px; }
 .calc-toolbar select { width:100%; max-width:285px; font-size:12px; }
 .calc-inputs { padding:14px 14px 0; }
 .calc-row { padding:12px; gap:14px; }
 .calc-field>span { font-size:11px; }
 .calc-field input { height:44px; font-size:16px; padding:0 10px; }
 .calc-field select { font-size:12px; padding:0 9px; }
 .calc-actions { padding:4px 14px 6px; }
 .calc-result { padding:17px 14px; }
 .calc-metrics { gap:10px; }
 .calc-metric>span { font-size:10px; min-height:28px; margin-bottom:3px; }
 .calc-metric>output { font-size:21px; letter-spacing:-.6px; }
 .calc-scenario { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .tools-main * { scroll-behavior:auto!important; } }