form{margin-top:8px}.form-grid,.fields{display:grid;grid-template-columns:1fr;gap:18px}.field.field-wide{grid-column:1 / -1}.field label{display:block;font-size:14px;font-weight:500;color:var(--ink);margin-bottom:6px}.field input,.field select{width:100%;font-family:var(--mono);font-size:16px;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:var(--radius);padding:11px 12px;min-height:46px}.field select{font-family:var(--sans);padding-right:36px;appearance:none;background-color:var(--bg);background-image:linear-gradient(var(--ink-3),var(--ink-3));-webkit-mask:none;background-repeat:no-repeat;background-position:right 13px center;background-size:0}.field .select-wrap{position:relative}.field .select-wrap:after{content:"";position:absolute;right:13px;top:50%;width:10px;height:6px;transform:translateY(-50%);pointer-events:none;background-color:var(--ink-3);-webkit-mask:var(--chevron) center/contain no-repeat;mask:var(--chevron) center/contain no-repeat}.field input:hover,.field select:hover{border-color:var(--ink-3)}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.field [aria-invalid=true]{border-color:var(--warn);border-width:2px}.field [aria-invalid=true]:focus-visible{border-color:var(--warn);outline-color:var(--warn)}.field-msg{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--warn)}.field .hint{font-size:13px;color:var(--ink-3);margin-top:6px;line-height:1.45}.form-actions{display:flex;gap:16px;align-items:center;margin-top:24px;flex-wrap:wrap}button.calc{font-family:var(--sans);font-size:15px;font-weight:500;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:8px;padding:13px 26px;cursor:pointer;min-height:48px;width:100%}button.calc:hover{background:var(--accent-hov);border-color:var(--accent-hov)}.no-js-only{font-size:13.5px;color:var(--ink-3)}.has-js .no-js-only{display:none}.example-note{margin:0;padding:12px var(--pad);font-size:13.5px;line-height:1.5;color:var(--warn);background:var(--warn-soft);border-bottom:1px solid var(--line)}.example-note b{font-weight:600;color:var(--warn)}.choices{border:0;padding:0;margin:0;min-width:0}.choices legend{padding:0;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--ink)}.choice-grid{display:grid;gap:10px}.choices .choice{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);cursor:pointer}.loan-pg{display:flex;align-items:flex-start;gap:9px;margin-top:10px;cursor:pointer;font-size:13.5px;color:var(--ink-2);line-height:1.45}.field .loan-pg input{width:16px;height:16px;min-height:0;margin:2px 0 0;padding:0;border:0;accent-color:var(--accent);flex:none}.loan-pg b{color:var(--ink);font-weight:600}.choices .choice input{grid-row:span 2;width:16px;height:16px;min-height:0;padding:0;margin:3px 0 0;border:0;border-radius:50%;background:none;accent-color:var(--accent)}.choices .choice b{font-size:14.5px;font-weight:600}.choices .choice span{grid-column:2;font-size:12.5px;line-height:1.45;color:var(--ink-3)}.choices .choice:hover{border-color:var(--line-2)}.choices .choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.choices .choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}@media(min-width:640px){.choice-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.calc-split .choice-grid{grid-template-columns:1fr}}.calc-split{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:26px}.calc-split>form{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:22px 24px 24px}.calc-split .doc{margin-top:0}@media(min-width:1024px){.calc-split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:start}.calc-split .form-grid,.calc-split .fields{grid-template-columns:1fr;gap:18px}}@media print{.calc-split{display:block}}.doc:before{content:"";display:block;height:3px;background:var(--accent)}.doc{margin-top:30px;border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden;position:relative}.doc-head{display:flex;flex-direction:column;gap:8px;padding:14px var(--pad);background:var(--surface);border-bottom:1px solid var(--line)}.doc-head h2{font-size:15px;font-weight:600;letter-spacing:-.01em}.period{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.period button{font:inherit;font-size:12.5px;line-height:1;color:var(--ink-3);background:none;border:0;border-radius:6px;padding:6px 10px;min-height:28px;cursor:pointer}.period button:hover{color:var(--ink)}.period button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}@media print{.period{display:none}}.doc-head .meta{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);line-height:1.7}.headline{padding:26px var(--pad) 22px}.headline .lab{display:block;margin-bottom:10px}.headline .fig{color:var(--accent)}.fig{font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums;font-size:40px;line-height:1;letter-spacing:-.035em;color:var(--accent)}.qual{margin-top:14px;font-size:14.5px;color:var(--ink-2);max-width:44rem}.qual b{color:var(--ink);font-weight:600}.doc .review{background:var(--surface);padding:0 var(--pad) 24px;font-size:12.5px;line-height:1.55;color:var(--ink-3)}.working-wrap{padding:4px var(--pad) 24px;overflow-x:auto}.working{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.working caption{text-align:left;padding-bottom:12px}.working th[scope=col]{text-align:left;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--ink);padding:0 8px 8px 0;white-space:normal}.working th[scope=col].r{text-align:right}.working .detail{display:none}.working th[scope=row]{text-align:left;font-weight:400;font-size:14px;color:var(--ink);padding:12px 8px 12px 0;border-bottom:1px dashed var(--line);vertical-align:top;white-space:normal}.working td{padding:12px 8px 12px 0;border-bottom:1px dashed var(--line);vertical-align:top}.working td:last-child{padding-right:0}.working .r{text-align:right}.working .amt{font-family:var(--mono);font-size:14px;white-space:nowrap;color:var(--ink)}.working .amt[data-role=tax]{color:var(--out-1)}.working .amt[data-role=ni]{color:var(--out-2)}.working .amt[data-role=loan]{color:var(--out-3)}.working .amt[data-role=defer]{color:var(--defer)}.working tr[data-line=total] .amt,.working tfoot .amt{color:var(--keep)}.working tr[data-line=total] th,.working tr[data-line=total] td{border-bottom:none;border-top:2px solid var(--ink);padding-top:15px}.working tr[data-line=total] th{font-weight:600;font-size:15px}.working tr[data-line=total] .amt{font-size:17px;font-weight:500}.working-note{font-size:13px;color:var(--ink-3);margin-top:14px}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}button.ghost{font:inherit;font-size:13px;line-height:1;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 13px;min-height:36px;cursor:pointer}button.ghost:hover{color:var(--ink);border-color:var(--line-2)}.copy-said{font-size:12.5px;color:var(--ink-3);flex-basis:100%}@media print{.result-actions{display:none}}.next-step{margin-top:8px;font-size:12.5px;line-height:1.45;color:var(--ink-2)}.next-step b{color:var(--ink);font-weight:600}.kept-rate{margin-top:14px;font-size:13.5px;color:var(--ink-2)}.kept-rate b{color:var(--keep);font-weight:600;font-variant-numeric:tabular-nums}.comp{display:flex;height:10px;margin-top:18px;border-radius:2px;overflow:hidden;background:var(--line)}.comp-seg{height:100%}.comp-seg+.comp-seg{border-left:1.5px solid var(--bg)}.comp-keep{background:var(--keep)}.comp-defer{background:var(--defer)}.comp-tax{background:var(--out-1)}.comp-ni{background:var(--out-2)}.comp-loan{background:var(--out-3)}.comp-none{background:var(--line-2);opacity:.35}.comp-key{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:11px;font-size:12.5px;color:var(--ink-3)}.comp-key span{display:inline-flex;align-items:center;gap:7px}.comp-key i{width:9px;height:9px;border-radius:2px;flex:none}.comp-key b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}@media print{.comp,.comp-key{display:none}}.split{display:flex;height:6px;margin-top:22px;border-radius:1px;overflow:hidden;background:var(--line)}.split-arrears{background:var(--pos)}.split-current{background:var(--accent)}.split-key{font-size:13px;color:var(--ink-3);margin-top:10px;display:flex;flex-direction:column;gap:6px}.split-key span{display:inline-flex;align-items:center;gap:7px}.split-key i{width:9px;height:9px;border-radius:1px;flex:none}.timeline-wrap{padding:2px var(--pad) 20px}.tl{list-style:none;display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.tl li{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.tl li i{display:block;width:100%;height:26px;border-radius:2px;background:var(--line);print-color-adjust:exact;-webkit-print-color-adjust:exact}.tl li b{font-family:var(--mono);font-size:11px;font-weight:500;line-height:1;color:var(--ink-3)}.tl li[data-tl=owed] i{background:var(--pos)}.tl li[data-tl=uplift] i{background:var(--accent)}.tl li[data-tl=after] i{background:var(--accent-soft)}.tl li[data-tl=outside] i{opacity:.45}.tl li[data-paid=true] i{box-shadow:inset 0 0 0 2px var(--accent)}.tl li[data-tl=owed] b,.tl li[data-tl=uplift] b{color:var(--ink)}.tl-key{font-size:13px;color:var(--ink-3);margin-top:12px;display:flex;flex-direction:column;gap:6px}.tl-key span{display:inline-flex;align-items:center;gap:7px}.tl-key i{width:9px;height:9px;border-radius:1px;flex:none;background:var(--line);print-color-adjust:exact;-webkit-print-color-adjust:exact}.tl-key i[data-tl=owed]{background:var(--pos)}.tl-key i[data-tl=uplift]{background:var(--accent)}.tl-key i[data-tl=paid]{background:var(--bg);box-shadow:inset 0 0 0 2px var(--accent)}.assume{border-top:1px solid var(--line);padding:22px var(--pad) 24px;background:var(--surface)}.assume h3{margin-bottom:12px}.doc .notes{border-top:1px solid var(--line);background:var(--surface);padding:20px var(--pad) 24px}.doc .note-strong{padding:4px var(--pad) 0;font-size:14.5px;color:var(--ink)}.doc .note-strong b{font-weight:600}.assume ul,.doc .notes{list-style:none}.assume li,.doc .notes li{font-size:13.5px;color:var(--ink-2);padding:5px 0 5px 14px;position:relative;break-inside:avoid;line-height:1.5}.assume li:before,.doc .notes li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:1px;background:var(--ink-3)}.panel{padding:34px var(--pad) 38px;max-width:44rem}.panel .lab{display:block;margin-bottom:10px;color:var(--accent)}.panel-title{font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.018em}.panel p{margin-top:14px;color:var(--ink-2);font-size:15px}.panel ul.errors{margin-top:20px;list-style:none}.panel ul.errors li{padding:14px 0;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-2)}.panel ul.errors b{display:block;margin-bottom:4px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.panel ul.errors b a{color:var(--warn)}.doc .callout{margin-top:22px}.skel{height:14px;background:var(--surface);border-radius:2px;margin:14px 0}.doc[data-stale=true] .headline,.doc[data-stale=true] .working-wrap,.doc[data-stale=true] .assume{opacity:.38}.doc[data-stale=true]:after{content:"Being edited — figures shown are for your previous entry";position:absolute;inset:auto 0 0;background:var(--banner-bg);color:var(--banner-ink);font-size:12px;padding:9px var(--pad);text-align:center}.print-origin{display:none;border-top:1px solid var(--line);margin-top:14px;padding-top:10px;font-size:9.5pt;color:var(--ink-2)}.print-origin b{font-weight:600}.hint .is-error{color:var(--warn);font-weight:500}.hint .composition{display:block;margin-bottom:2px;color:var(--ink);font-weight:500}.hint.spaced{margin-top:14px}.wide-only{display:none}.row-qual{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.narrow-hide{display:none}@media(min-width:640px){.wide-only{display:inline}.narrow-hide{display:table-cell}.row-qual{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:inherit}}.calc-split .row-qual{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.money-wrap{position:relative}.money-wrap:before{content:"£";position:absolute;left:13px;top:50%;transform:translateY(-50%);font-family:var(--mono);color:var(--ink-3);pointer-events:none}.money-wrap input{padding-left:30px}.field input,.field select{border-radius:8px}.unsocial-head{display:block;font-weight:500;margin-bottom:6px}.unsocial-pair{display:grid;grid-template-columns:1fr;gap:10px}.unsocial-one{display:block}.unsocial-sub{display:block;font-size:12.5px;color:var(--ink-2);font-weight:400;margin-bottom:4px}.unsocial-pair input{width:100%}@media(min-width:480px){.unsocial-pair{grid-template-columns:1fr 1fr;gap:12px}}