/* An editorial calculation note inside the existing earnings workspace. */
.pay-insight{margin:0 0 22px;border-top:2px solid #344e76;border-bottom:1px solid var(--line);background:#fff;min-width:0}
.insight-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px 0}
.insight-heading .eyebrow{font:9px var(--mono);letter-spacing:1px;color:#52647b;margin-bottom:6px}
.insight-heading h2{font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.4px;text-wrap:balance;scroll-margin-top:24px}
.insight-controls{flex-shrink:0}
.insight-controls>span{display:block;font-size:10px;line-height:1.5;color:#596779;margin-bottom:6px}
.insight-presets{display:flex;border:1px solid #b9c6d7;border-radius:3px;overflow:hidden}
.insight-presets button{font:11px var(--mono);font-variant-numeric:tabular-nums;min-height:40px;min-width:72px;padding:9px 12px;border:0;border-right:1px solid #b9c6d7;background:#fff;color:#344e76;cursor:pointer;touch-action:manipulation}
.insight-presets button:last-child{border-right:0}
.insight-presets button:hover{background:#edf2ff;color:#173dab}
.insight-presets button[aria-pressed=true]{background:#263f74;color:white}
.insight-presets button:focus-visible{outline:2px solid #f1b359;outline-offset:-4px}
.insight-presets button:disabled{cursor:default;opacity:.6}
.insight-scenario{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);gap:30px;padding:20px 22px}
.insight-result,.insight-reading{min-width:0}
.insight-result h3,.insight-unavailable h3{margin:0;font-size:11px;font-weight:500;color:#465b75}
.insight-range{font:10px/1.8 var(--mono);color:#596779;margin-top:4px;overflow-wrap:anywhere}
.insight-range>span[aria-hidden]{padding:0 4px}
.insight-amount{margin:12px 0 6px}
.insight-amount strong{display:block;font:33px/1.3 var(--mono);letter-spacing:-1.3px;color:#2146b5;font-variant-numeric:tabular-nums}
.insight-amount>span,.insight-annual{font-size:11px;color:#596779;line-height:1.7}
.insight-retention{font-size:15px;line-height:1.55;color:#26374c}
.insight-retention strong{font-weight:600;font-variant-numeric:tabular-nums}
.insight-allocation{margin:16px 0 12px}
.insight-allocation-title{font-size:10px;color:#596779;margin-bottom:8px}
.insight-bar{display:flex;width:100%;height:10px;overflow:hidden;border-radius:2px;background:#eef1f4}
.insight-slice{display:block;height:100%;flex-shrink:0}
.slice-takeHome{background:#315fe7}
.slice-incomeTax{background:#344e76}
.slice-nationalInsurance{background:#7d8da4}
.slice-employeePension{background:#3c8068}
.slice-studentLoan{background:#b66936}
.insight-legend{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.insight-legend li{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:6px;font-size:10px;line-height:1.5;color:#596779;min-width:0}
.insight-key{display:block;width:7px;height:7px;border-radius:1px}
.insight-legend strong{font:10px var(--mono);font-variant-numeric:tabular-nums;color:#26374c;white-space:nowrap}
.insight-explanation,.insight-employer{font-size:12px;color:#596779;line-height:1.75;max-width:65ch;margin-top:8px}
.insight-employer{color:#345b4d}
.insight-details{margin-top:10px;border-top:1px solid #e5e9ee;font-size:11px;color:#596779}
.insight-details summary{min-height:44px;padding:12px 0;cursor:pointer;color:#344e76;line-height:1.6;touch-action:manipulation}
.insight-details summary:hover{color:#2146b5}
.insight-details summary:focus-visible,.insight-assumptions a:focus-visible{outline:2px solid #315fe7;outline-offset:4px;border-radius:2px}
.insight-details table{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:12px}
.insight-details caption{text-align:left;font-size:10px;padding:3px 0 10px;line-height:1.6}
.insight-details th{text-align:left;font-weight:400;padding:7px 14px 7px 0;line-height:1.6}
.insight-details td,.insight-details thead th:last-child{text-align:right}
.insight-details td{font:11px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.insight-details thead{border-bottom:1px solid var(--line)}
.insight-details .insight-total{border-top:1px solid var(--line);color:#263f74}
.insight-details .insight-total th{font-weight:600}
.insight-details>p,.insight-warnings{line-height:1.8}
.insight-warnings{margin:10px 0 0;padding-left:18px}
.insight-warnings li+li{margin-top:7px}
.insight-caution{font-size:12px;line-height:1.7;border-left:2px solid #9a6b2b;padding-left:10px;color:#79501c;margin-top:10px}
.insight-assumptions{font-size:10px;line-height:1.8;color:#596779;border-top:1px solid #e5e9ee;padding:12px 22px;max-width:none}
.insight-assumptions a{color:#315baf;text-underline-offset:3px}
.insight-assumptions a:hover{text-decoration-thickness:2px;color:#2146b5}
.insight-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.insight-comparison .insight-scenario{grid-template-columns:1fr;gap:18px}
.insight-comparison .insight-scenario+.insight-scenario{border-left:1px solid var(--line)}
.insight-comparison .insight-scenario:nth-child(2) .insight-amount strong{color:var(--orange)}
.insight-unavailable{display:block;font-size:12px;line-height:1.8}
.insight-unavailable>p:last-child{margin-top:10px;max-width:70ch}
@media(max-width:760px){.insight-heading{padding:17px 18px 0;align-items:flex-start;flex-wrap:wrap;gap:16px}.insight-controls{width:100%}.insight-presets button{flex:1;min-height:44px;font-size:12px}.insight-scenario{grid-template-columns:1fr;gap:16px;padding:18px}.insight-heading h2{font-size:20px}.insight-amount strong{font-size:32px}.insight-amount>span,.insight-annual,.insight-range{font-size:12px}.insight-result h3,.insight-assumptions{font-size:11px}.insight-comparison{grid-template-columns:1fr}.insight-comparison .insight-scenario+.insight-scenario{border-left:0;border-top:1px solid var(--line)}.insight-assumptions{padding:12px 18px}.insight-details,.insight-details table{font-size:12px}.insight-details caption{font-size:11px}.insight-legend{grid-template-columns:1fr}.insight-legend li,.insight-legend strong{font-size:11px}}
@media print{.pay-insight{break-inside:avoid;background:white}.insight-details,.insight-controls{display:none}.insight-assumptions a{display:none}.insight-bar{print-color-adjust:exact}.insight-key{print-color-adjust:exact}}