*{box-sizing:border-box}body{margin:0;background:#f3f7fa;color:#142334;font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:#0b67c2}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #20b8d8;outline-offset:4px}.tool-wrap{width:min(1160px,calc(100% - 40px));margin:auto}.tool-preview{font-size:11px;text-align:center;background:#071727;color:#8ce4f4;padding:6px}.tool-breadcrumb{font-size:13px;padding:22px 0 0}.tool-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:32px;align-items:center;padding:20px 0 30px}.tool-intro h1{font-size:clamp(34px,4.2vw,54px);line-height:1.06;letter-spacing:-.04em;margin:10px 0 16px}.tool-kicker{font-size:11px;letter-spacing:.1em;color:#0b67c2;font-weight:800}.tool-intro p{color:#526579;max-width:690px}.tool-intro-art{overflow:hidden;border-radius:14px}.tool-intro-art svg{width:100%;height:auto;display:block}.tool-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.tool-panel{padding:25px;border:1px solid #dce6ed;border-radius:14px;background:#fff;min-width:0}.tool-panel h2{font-size:23px;line-height:1.2;margin:0 0 12px;letter-spacing:-.03em}.tool-panel p,.tool-panel li{font-size:14px;color:#526579}.tool-field{margin:16px 0}.tool-field label{display:block;font-size:13px;font-weight:800;margin-bottom:5px}.tool-field input,.tool-field select{border:1px solid #bbcdd9;background:#fbfdff;border-radius:7px;padding:10px;width:100%;min-height:44px;font-size:18px;color:#142334}.tool-field small{font-size:11px;line-height:1.5;display:block;color:#526579;margin-top:5px}.tool-btn{min-height:44px;background:#071727;color:white;padding:10px 16px;border:1px solid #071727;border-radius:7px;font-size:13px;font-weight:800;cursor:pointer}.tool-btn-secondary{background:#fff;color:#071727}.tool-error{font-size:13px;color:#9c2519}.tool-results{background:linear-gradient(135deg,#071727,#0a2944);color:white;border:0}.tool-results p{color:#c8dae7}.tool-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.tool-metric{min-width:0}.tool-metric strong{display:block;font-size:clamp(25px,3vw,38px);line-height:1.15;color:#8ce4f4;overflow-wrap:anywhere;letter-spacing:-.04em}.tool-metric span{font-size:13px}.tool-result-chart{width:100%;height:auto;display:block}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.tool-results .tool-btn{background:#f5b942;border-color:#f5b942;color:#142334}.tool-results .tool-btn-secondary{color:#fff;background:transparent;border-color:#668397}.tool-table-wrap{overflow:auto}.tool-table{width:100%;border-collapse:collapse;font-size:12px}.tool-table th,.tool-table td{padding:12px 8px;text-align:right;white-space:nowrap;border-bottom:1px solid #dce6ed}.tool-table th:first-child{text-align:left}.tool-next{margin-top:22px}.tool-explain{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:26px 0}.tool-explain h2{font-size:25px}.tool-formula{background:#e7f5fa;padding:14px;border-radius:8px;white-space:pre-line;font-size:13px}.tool-related{padding:25px 0;border-top:1px solid #dce6ed;display:flex;gap:18px;flex-wrap:wrap;font-weight:750;font-size:14px}.tool-print{display:none}.tool-status{font-size:11px;color:#8ce4f4;letter-spacing:.06em}.tool-skip{position:absolute;left:10px;top:10px;z-index:9999;background:#fff;padding:10px;transform:translateY(-150%)}.tool-skip:focus{transform:none}[hidden]{display:none!important}
@media(max-width:800px){.tool-layout{grid-template-columns:1fr}.tool-intro{grid-template-columns:1fr}.tool-intro-art{display:none}.tool-explain{grid-template-columns:1fr}.tool-panel{padding:22px}.tool-wrap{width:calc(100% - 32px)}}@media(max-width:400px){.tool-metrics{grid-template-columns:1fr}}
@media print{.rock-custom-header,.rock-custom-footer,.tool-preview,.tool-actions,.tool-related,.tool-intro-art,.tool-inputs{display:none!important}.tool-layout,.tool-explain{display:block}.tool-results{background:white;color:#142334}.tool-results p,.tool-metric strong{color:#142334}.tool-panel{margin:15px 0;break-inside:avoid}.tool-result-chart{display:none}.tool-print{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.tool-intro h1{font-size:30px}}

/* Keep comparison tables inside their grid columns on narrow screens. */
.tool-layout>*{min-width:0}.tool-table-wrap{min-width:0;max-width:100%;overflow-x:auto}.tool-panel{min-width:0}

.tool-mobile-chart{display:none}
@media(max-width:600px){.tool-result-chart{display:none}.tool-mobile-chart{display:grid;gap:18px;margin:24px 0}.tool-mobile-chart-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:6px;align-items:baseline;font-size:14px;line-height:1.4}.tool-mobile-chart-row span{color:#c8dae7}.tool-mobile-chart-row strong{color:#fff;overflow-wrap:anywhere;max-width:150px;text-align:right;font-size:15px}.tool-mobile-chart-track{grid-column:1/-1;height:8px;border-radius:4px;background:#1a3a52;overflow:hidden}.tool-mobile-chart-track i{display:block;height:100%;background:#8ce4f4;border-radius:4px}.tool-mobile-chart-track i.negative{background:#f5b942}}
@media print{.tool-mobile-chart{display:none!important}}

/* Compact section transitions; preserve form fields and touch targets. */
@media screen{.tool-breadcrumb{padding-top:16px}.tool-intro{padding:16px 0 22px}.tool-next{margin-top:18px}.tool-explain{margin:18px 0;gap:18px}.tool-related{padding:18px 0}}
/* Long source URLs and CSV field labels must wrap on phones. */
.tool-panel p,.tool-field label,.tool-metric span{overflow-wrap:anywhere}.tool-field textarea{max-width:100%;min-width:0}