:root{--accent:#0F7A5A}
@media (prefers-color-scheme:dark){:root{--accent:#34D399;--accent-ink:#0b1f17}}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:760px){.calc{grid-template-columns:minmax(0,1fr)}}
.calc .out{background:var(--surface-2);border-radius:var(--r-panel);padding:20px;position:sticky;top:80px}
@media (max-width:760px){.calc .out{position:static}#salary-form .out{order:-1}}
.out .label{color:var(--muted);font-weight:500}
.reading{font-size:13px;color:var(--accent);font-weight:600;margin-top:6px;min-height:18px}
.quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.stack{display:flex;height:12px;border-radius:999px;overflow:hidden;margin-top:14px;background:color-mix(in oklab,var(--text) 18%,transparent)}
.stack i{display:block;background:var(--accent);transition:width .3s cubic-bezier(.16,1,.3,1)}
.money{font-variant-numeric:tabular-nums}
.pcts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.pct p{margin:0 0 10px;font-weight:700}
.pct .row{flex-wrap:nowrap}
.pct input{min-width:0}
.pct output{display:block;margin-top:10px;font-size:22px;font-weight:800;color:var(--accent);min-height:33px}
.hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.hub a{display:block;text-decoration:none;padding:16px;border-radius:var(--r-panel);background:var(--surface);border:1px solid var(--line)}
.hub a b{display:block;font-size:17px}.hub a span{color:var(--muted);font-size:14px}
.hub a:hover{border-color:var(--accent)}
.ddgrid{display:grid;gap:16px}
td a{color:var(--accent);font-weight:600;text-decoration:none}
.note{font-size:14px;color:var(--muted);background:var(--surface-2);border-radius:var(--r-ctl);padding:12px 14px;margin-top:16px}