@layer components{.site .tool{border:1px solid var(--s-line);background:var(--s-tile);text-align:left;border-radius:clamp(18px,2vw,24px);gap:18px;width:100%;max-width:620px;margin:8px auto 0;padding:clamp(22px,3vw,32px);display:grid}.site .tool-field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.site .tool-field>label,.site .tool-field>legend{color:var(--s-ink);padding:0;font-size:15px;font-weight:600}.site .tool-money{border:1px solid var(--s-line);background:var(--s-ground);min-height:48px;color:var(--s-ink-2);border-radius:12px;align-items:center;gap:8px;padding:0 14px;display:flex}.site .tool-money:focus-within{outline:2px solid var(--s-link);outline-offset:1px}.site .tool-money input,.site .tool-field>input{min-width:0;min-height:46px;color:var(--s-ink);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;font-size:19px}.site .tool-field>input{border:1px solid var(--s-line);background:var(--s-ground);border-radius:12px;padding:0 14px}.site .tool-bad{color:var(--s-ink);margin:0;font-size:14px}.site .tool-rates>legend{margin-bottom:8px}.site .tool-rates>div{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:480px){.site .tool-rates>div{grid-template-columns:repeat(var(--tool-cols,2), minmax(0, 1fr));display:grid}}.site .tool-rate{border:1px solid var(--s-line);border-radius:var(--radius-pill);background:var(--s-ground);min-height:40px;color:var(--s-ink);text-align:center;cursor:pointer;justify-content:center;align-items:center;padding:0 16px;font-size:15px;display:inline-flex;position:relative}.site .tool-rate input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.site .tool-rate:has(input:checked){border-color:var(--s-ink);background:var(--s-ink);color:var(--s-ground);font-weight:600}.site .tool-rate:has(input:focus-visible){outline:2px solid var(--s-link);outline-offset:2px}.site .tool-results{border-top:1px solid var(--s-line);gap:0;margin:4px 0 0;display:grid}.site .tool-results>div{border-bottom:1px solid var(--s-line);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.site .tool-results dt{color:var(--s-ink-2)}.site .tool-results dd{color:var(--s-ink);font-variant-numeric:tabular-nums;margin:0}.site .tool-results>div[data-strong] dt,.site .tool-results>div[data-strong] dd{color:var(--s-ink);font-size:19px;font-weight:600}.site .tool-note{color:var(--s-ink-2);margin:0;font-size:13px}}
