/* Standalone navigation action; keeps the reference hero's height unchanged. */
.reference-nav{top:3%;height:auto;min-height:0;background:none;border-radius:0;display:flex;flex-direction:column;gap:8px}
.reference-menu{display:flex;background:#fff;border-radius:40px;min-height:44px}
.reference-menu a{min-width:0}
.reference-nav .duty-nav-button{display:flex;justify-content:center;gap:8px;padding:10px 8px;min-height:38px;font-size:clamp(10px,.95vw,13px);font-weight:600;background:#fff;color:#000;border:1px solid #000;border-radius:40px}
.reference-nav .duty-nav-button:hover{background:#f2f2f2;color:#000}
.duty-nav-button svg{flex-shrink:0}
.duty-section{scroll-margin-top:20px}
.duty-card{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid #e3e6eb;border-radius:30px;overflow:hidden}
.duty-form{padding:38px 42px;min-width:0}
.duty-form fieldset{padding:0;margin:0;border:0;min-width:0}
.duty-form legend,.duty-field>label{display:block;font-size:12px;font-weight:650;line-height:1.5;margin-bottom:12px;color:#404857}
.duty-form .duty-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.duty-switch{display:grid;grid-template-columns:1.15fr 1fr;gap:8px;margin-bottom:26px}
.duty-switch label{position:relative;min-width:0;cursor:pointer}
.duty-switch input{position:absolute;opacity:0;width:1px;height:1px}
.duty-switch span{display:flex;flex-direction:column;justify-content:center;border:1px solid #dce1e9;border-radius:14px;padding:15px 12px;min-height:80px;font-size:13px;font-weight:650;line-height:1.35}
.duty-switch small{font-size:10px;font-weight:450;color:#657085;margin-top:5px;line-height:1.5}
.duty-switch input:checked+span{background:#edf3ff;border-color:#245fe0;color:#1d51c0;box-shadow:inset 0 0 0 1px #245fe0}
.duty-switch input:focus-visible+span{outline:3px solid #245fe0;outline-offset:3px}
.duty-field{margin-bottom:23px;min-width:0}
.duty-field select,.duty-field input{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:54px;border:1px solid #cdd3df;border-radius:12px;background:#fff;padding:0 12px;color:#1b2433;font:500 14px 'Montserrat',Arial,sans-serif}
.duty-field select{padding-right:28px;text-overflow:ellipsis}
.duty-field input{font-size:24px;letter-spacing:-.5px}
.duty-field input:focus-visible,.duty-field select:focus-visible{outline:2px solid #245fe0;outline-offset:2px}
.duty-field input[aria-invalid=true]{border-color:#b12828}
.duty-hint{font-size:11px;color:#687182;line-height:1.65;margin:9px 0 0}
.duty-examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.duty-examples button{background:#f2f4f8;border:0;border-radius:8px;padding:9px 12px;font-size:11px;color:#3f506e;cursor:pointer}
.duty-examples button:hover{background:#e5edff}
.duty-submit{width:100%;border:0;cursor:pointer;background:#245fe0;min-height:56px}
.duty-error{font-size:12px;color:#a02525;line-height:1.5}
.duty-result{background:#edf3ff;padding:38px 42px;display:flex;flex-direction:column;min-width:0}
.duty-result-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.3px;font-weight:700;color:#3e5b8d}
.duty-result-icon{display:grid;place-items:center;width:38px;height:38px;background:#fff;border-radius:12px;font-size:22px;font-weight:500;letter-spacing:0}
#duty-total{display:block;font-size:clamp(40px,4.4vw,68px);font-weight:500;letter-spacing:-2.5px;line-height:1.15;color:#193f87;margin:30px 0 12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.duty-result-context{font-size:12px;line-height:1.7;color:#42577a;margin:0 0 26px}
.duty-formula{border-top:1px solid #ccd9ee;padding-top:22px}
.duty-formula h3{font-size:14px;font-weight:650;margin:0 0 12px}
.duty-formula p{font-size:16px;line-height:1.8;margin:0 0 16px;overflow-wrap:anywhere}
.duty-formula a{font-size:11px;line-height:1.7;color:#224f9e;text-decoration:underline;text-underline-offset:3px}
.duty-warning{background:#fff6df;border-radius:12px;padding:14px;font-size:12px;line-height:1.65;color:#795522}
.duty-result-note{font-size:11px;line-height:1.8;color:#51617a;margin:24px 0}
.duty-help-link{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;border-top:1px solid #ccd9ee;padding-top:22px;font-size:13px;font-weight:650;color:#244c90}
.duty-help-link:hover{color:#142d58}
.duty-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#6c717d;margin:16px 2px 28px;line-height:1.6}
.duty-explainer{border-block:1px solid #dcdfe5}
.duty-explainer summary{display:flex;justify-content:space-between;cursor:pointer;font-size:15px;font-weight:600;list-style:none;padding:24px 0}
.duty-explainer summary::-webkit-details-marker{display:none}
.duty-explainer summary>span{font-size:24px;font-weight:400}
.duty-explainer[open] summary>span{transform:rotate(45deg)}
.duty-explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0 0 26px}
.duty-explainer-grid h3{font-size:15px;font-weight:650}
.duty-explainer-grid p,.duty-source-links a{font-size:12px;line-height:1.8;color:#59616e}
.duty-source-links{display:grid;gap:8px}
.duty-source-links a{color:#244c90;text-decoration:underline;text-underline-offset:3px}
.duty-section [hidden]{display:none!important}
@media(max-width:1000px){.duty-form,.duty-result{padding:28px}.duty-switch{grid-template-columns:1fr}.duty-switch span{min-height:60px}.duty-explainer-grid{gap:22px}}
@media(max-width:760px){.reference-nav{top:auto;min-height:0;gap:8px}.reference-menu{min-height:44px}.reference-nav .duty-nav-button{font-size:12px;min-height:42px;padding:10px}.duty-card{grid-template-columns:minmax(0,1fr);border-radius:22px}.duty-form,.duty-result{padding:24px 20px}.duty-switch{grid-template-columns:1fr 1fr}.duty-switch span{font-size:11px;padding:11px 9px;min-height:82px}.duty-switch small{font-size:9px}.duty-field select{font-size:12px}.duty-result #duty-total{font-size:46px;letter-spacing:-1.7px}.duty-formula p{font-size:14px}.duty-meta{flex-direction:column;gap:3px}.duty-explainer-grid{grid-template-columns:1fr;gap:8px}.duty-explainer summary{font-size:13px}.duty-result-context{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.duty-section *{scroll-behavior:auto}}