:root{--ink:#20252b;--muted:#60666e;--gold:#c9a23f;--line:#dfe3e7;--blue:#487d96}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.5 Satoshi,Arial,sans-serif}a{color:inherit;text-underline-offset:3px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.site-head{min-height:64px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px max(20px,calc((100% - 1120px)/2))}.brand{display:flex;align-items:center;gap:16px;text-decoration:none}.brand img{width:112px;height:auto}.brand span{border-left:1px solid var(--line);padding-left:16px;font-size:14px}.site-head nav{display:flex;gap:20px;font-size:14px}.site-head nav a{text-decoration:none}main{max-width:1120px;margin:auto;padding:24px 20px 40px}.crumbs{font-size:13px;color:var(--muted);margin-bottom:20px}h1{font-size:34px;line-height:1.15;margin:0 0 12px}h2{font-size:24px;line-height:1.25;margin:0 0 12px}.lede{max-width:800px;margin:0 0 24px;color:var(--muted)}.calculator{border-top:3px solid var(--gold);border-bottom:1px solid var(--line);padding:20px 0}.inputs{display:grid;grid-template-columns:1fr 1fr 170px 46px;gap:16px;align-items:end}.field{min-width:0}.field label{font-size:13px;font-weight:700;display:block;margin-bottom:6px}input,select{border:1px solid #aeb5bd;background:#fff;color:var(--ink);border-radius:4px;padding:11px;width:100%;min-width:0;min-height:46px}#swap{height:46px;border:1px solid #aeb5bd;background:#fff;border-radius:4px;font-size:24px}#error{color:#9e2933;border-left:3px solid #b2323e;padding:10px;margin-top:18px}#result{padding-top:20px;min-height:178px}#result h2{font-size:15px;color:var(--muted);font-weight:500}.result-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}.result-pair>div{min-width:0}.result-pair span{display:block;font-size:14px}.result-pair strong{display:block;font-size:32px;font-variant-numeric:tabular-nums;line-height:1.5}.result-pair small{font-size:14px;font-weight:500;color:var(--muted)}.bar{height:9px;background:#f0f2f4;margin:8px 0}.bar i{display:block;height:100%;background:var(--gold)}.result-pair>div:nth-child(2) .bar i{background:var(--blue)}.result-note{font-size:14px;margin:12px 0 0}.save-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.save-actions button{border:1px solid #bdc3ca;border-radius:4px;background:#fff;padding:10px 14px;font-size:14px;font-weight:700;min-height:44px}.save-actions button:first-child{border-color:var(--gold);box-shadow:inset 0 -3px var(--gold)}.save-actions button:hover:not(:disabled){background:#f3f5f6}#save-status{font-size:13px;min-height:20px;margin:8px 0}.basis{font-size:12px;color:var(--muted);margin:0}.examples{display:flex;gap:12px 28px;flex-wrap:wrap;padding:16px 0;font-size:13px}section:not(.calculator){padding:32px 0;border-bottom:1px solid var(--line)}section>p{max-width:880px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.section-head label{font-size:12px;width:260px}.section-head input{margin-top:4px}.table-wrap{overflow:auto;max-height:580px;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}thead{position:sticky;top:0;background:#f3f5f6}tbody th{font-weight:500}td{font-variant-numeric:tabular-nums}td:last-child,thead th:last-child{text-align:right}.data-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-weight:700}details p{max-width:850px;color:var(--muted)}footer{max-width:1120px;padding:24px 20px;margin:auto;color:var(--muted);font-size:12px}[hidden]{display:none!important}@media(max-width:650px){.site-head{padding:12px 16px;gap:12px}.site-head nav{gap:12px}.site-head nav a:first-child{display:none}.brand img{width:88px}.brand span{padding-left:9px}.brand{gap:9px}main{padding:20px 16px}h1{font-size:27px}.crumbs{margin-bottom:14px}.lede{font-size:14px;margin-bottom:18px}.inputs{grid-template-columns:1fr 1fr;gap:12px}.mass{grid-column:1}#swap{width:46px;justify-self:end}.result-pair{gap:18px}.result-pair strong{font-size:25px}.result-pair small{display:block;font-size:12px}.result-pair span{font-size:13px;min-height:38px}.save-actions{display:grid;grid-template-columns:1fr 1fr}.save-actions button{padding:10px 6px;font-size:13px}.section-head{align-items:start;flex-direction:column;gap:8px}.section-head label{width:100%}h2{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}