.margin-intro{padding:52px 0 28px;max-width:850px}.margin-intro h1{font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.05;letter-spacing:-.045em;margin:16px 0 24px}.margin-intro>p{max-width:700px;line-height:1.7}.margin-notice{font-size:.88rem;border-left:3px solid #567b96;padding-left:16px}.margin-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0}.margin-toolbar button{padding:11px 16px;border:1px solid #55708a;border-radius:8px;background:#fff;color:#13283a;cursor:pointer;font:inherit}.margin-remember{display:flex;gap:10px;align-items:center}.margin-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;align-items:start}.margin-panel{background:#fff;border:1px solid #d7e0e7;border-radius:16px;padding:28px;margin-bottom:24px;color:#152b3d;min-width:0}.margin-panel h2,.margin-results h2{font-size:1.65rem;letter-spacing:-.03em;margin:12px 0 22px}.margin-step{font-size:.69rem;letter-spacing:.15em;font-weight:700}.margin-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px;margin-top:22px}.margin-panel label{display:block;font-size:.86rem;font-weight:600;margin-bottom:7px}.margin-panel input[type=number],.margin-panel select{width:100%;box-sizing:border-box;border:1px solid #9caebc;background:#f9fbfc;color:#172d40;border-radius:7px;padding:11px;font:inherit;min-height:44px}.margin-panel input[aria-invalid=true]{border:2px solid #a92233;background:#fff4f5}.margin-panel input:focus-visible,.margin-panel select:focus-visible,.margin-toolbar button:focus-visible{outline:3px solid #2d688f;outline-offset:3px}.margin-help{font-size:.82rem;line-height:1.6;color:#50616e}.margin-results{background:#102738;color:#fff;border-radius:16px;padding:30px;position:sticky;top:20px;min-width:0}.margin-results .margin-help{color:#ccd8e1}.margin-total{font-size:clamp(2.3rem,4vw,3.8rem);font-weight:700;letter-spacing:-.035em;overflow-wrap:anywhere;margin:0}.margin-percent{color:#d1e3f0;margin:8px 0 26px}.margin-breakdown{margin:0}.margin-breakdown>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #425463}.margin-breakdown dt{font-size:.86rem}.margin-breakdown dd{margin:0;text-align:right;white-space:nowrap}.margin-negative{color:#ffb6b6}.margin-channels{margin-top:4px}.margin-channel{display:grid;grid-template-columns:minmax(150px,1.15fr) 1fr 1fr minmax(115px,.8fr);gap:20px;padding:23px 0;border-top:1px solid #d7e0e7;align-items:center}.margin-channel label.margin-channel-choice{display:flex;align-items:center;gap:10px;font-size:1rem}.margin-channel output{font-size:1.15rem;font-weight:700}.margin-channel small{display:block;font-size:.72rem;color:#50616e;margin-bottom:5px}.margin-channel input[type=radio],.margin-remember input{width:19px;height:19px;accent-color:#244e6b;flex-shrink:0}.margin-method summary{cursor:pointer;font-weight:700;padding:4px}.margin-method li{margin:10px 0;line-height:1.6}#margin-validation{font-size:.9rem;line-height:1.6;color:#ffd6a5}#margin-storage:empty,#margin-validation:empty{display:none}@media(max-width:850px){.margin-layout{grid-template-columns:1fr}.margin-results{position:static;margin-bottom:24px}.margin-channel{grid-template-columns:1fr 1fr}.margin-channel-choice{grid-column:1/-1}}@media(max-width:420px){.margin-panel,.margin-results{padding:21px}.margin-fields{grid-template-columns:1fr}.margin-toolbar{align-items:flex-start;flex-direction:column}.margin-channel{gap:14px}.margin-breakdown>div{gap:9px}.margin-breakdown dd{white-space:normal}}
