.tools-hero{padding:40px 0 8px}.tools-hero .kicker{margin-bottom:8px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:8px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);color:inherit;transition:border-color var(--ease), box-shadow var(--ease), transform var(--ease);flex-direction:column;gap:10px;padding:22px;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--hover-border);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.tool-card .tool-ico{background:var(--soft);width:42px;height:42px;color:var(--accent-deep);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.tool-card .tool-ico svg{width:22px;height:22px}.tool-card h2{margin:0;font-size:1.12rem}.tool-card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.tool-card .tool-cat{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:800}.tool-card .tool-go{color:var(--accent);margin-top:auto;font-weight:800}.tool-wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:24px;margin-top:8px;display:grid}@media (width<=820px){.tool-wrap{grid-template-columns:1fr}}.tool-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:22px}.tool-panel h2{margin:0 0 4px;font-size:1.15rem}.tool-panel .panel-note{color:var(--muted);margin:0 0 16px;font-size:.9rem}.field{margin-bottom:16px;display:block}.field>label{color:var(--ink);margin-bottom:6px;font-size:.92rem;font-weight:700;display:block}.field .hint{color:var(--muted);margin-top:4px;font-size:.82rem;font-weight:400;display:block}.field input,.field select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--ink);background:#fff;padding:11px 12px}.field input:focus-visible,.field select:focus-visible{border-color:var(--accent);box-shadow:var(--ring);outline:none}.field-inline{align-items:center;gap:8px;display:flex}.field-inline input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand)}.field-inline label{margin:0;font-weight:600}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=480px){.field-row{grid-template-columns:1fr}}.tool-result{position:sticky;top:90px}.result-headline{background:var(--paper-dark);color:#eafbe6;border-radius:var(--radius);margin-bottom:14px;padding:22px}.result-headline .result-label{letter-spacing:.04em;text-transform:uppercase;opacity:.8;margin:0 0 6px;font-size:.82rem}.result-headline .result-value{font-size:2.1rem;font-weight:900;font-family:var(--font-display);margin:0;line-height:1.05}.result-headline .result-sub{opacity:.85;margin:8px 0 0;font-size:.9rem}.result-rows{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.result-rows .row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 16px;font-size:.95rem;display:flex}.result-rows .row:last-child{border-bottom:0}.result-rows .row .k{color:var(--muted)}.result-rows .row .v{color:var(--ink);text-align:right;font-weight:800}.result-rows .row.total{background:var(--soft)}.result-rows .row.total .v{color:var(--accent-deep)}.result-note{color:var(--muted);margin:12px 0 0;font-size:.85rem}.result-flag{border-radius:var(--radius-sm);border:1px solid var(--gold-deep);color:#6a4e00;background:#fff7dc;margin-top:12px;padding:10px 14px;font-size:.88rem}.result-flag[hidden]{display:none}.tool-bar{border-radius:var(--radius-pill);border:1px solid var(--line);height:20px;margin:6px 0 10px;display:flex;overflow:hidden}.tool-bar span{height:100%;display:block}.tool-bar .seg-contrib{background:var(--accent)}.tool-bar .seg-growth{background:var(--gold)}.bar-legend{color:var(--muted);gap:16px;font-size:.82rem;display:flex}.bar-legend .dot{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.bar-legend .dot.contrib{background:var(--accent)}.bar-legend .dot.growth{background:var(--gold)}.tool-related{margin-top:40px}.tool-related h2{font-size:1.2rem}.tool-related ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.tool-related a{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface);transition:border-color var(--ease), background var(--ease);padding:14px 16px;font-weight:700;text-decoration:none;display:block}.tool-related a:hover{border-color:var(--hover-border);background:var(--hover-surface)}.tool-disclaimer{border-radius:var(--radius);background:var(--soft);color:var(--ink-soft);margin-top:34px;padding:16px 18px;font-size:.86rem;line-height:1.55}