.xi-tools .ss-calc{border:1px solid var(--rule);box-shadow:var(--shadow-hero);background:#fff;border-radius:16px;margin-top:36px;padding:28px}@media (max-width:720px){.xi-tools .ss-calc{border-radius:12px;padding:22px 18px}}.xi-tools .ss-calc-grid{grid-template-columns:1fr 360px;align-items:stretch;gap:28px;display:grid}@media (max-width:880px){.xi-tools .ss-calc-grid{grid-template-columns:1fr}}.xi-tools .ss-calc-inputs{flex-direction:column;gap:22px;display:flex}.xi-tools .ss-output{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-2xl);flex-direction:column;gap:18px;padding:24px;display:flex}.xi-tools .ss-output .ss-eyebrow{margin-bottom:0}.xi-tools .ss-verdict{font:500 14px var(--font-sans);letter-spacing:-.01em;border:1px solid;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.xi-tools .ss-verdict-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.xi-tools .ss-verdict--teal{color:var(--chart-teal);background:color-mix(in srgb, var(--chart-teal) 10%, #fff);border-color:color-mix(in srgb, var(--chart-teal) 30%, transparent)}.xi-tools .ss-verdict--amber{color:var(--chart-amber);background:color-mix(in srgb, var(--chart-amber) 10%, #fff);border-color:color-mix(in srgb, var(--chart-amber) 30%, transparent)}.xi-tools .ss-verdict--red{color:var(--chart-red);background:color-mix(in srgb, var(--chart-red) 10%, #fff);border-color:color-mix(in srgb, var(--chart-red) 30%, transparent)}.xi-tools .ss-verdict--red-dim{color:color-mix(in srgb, var(--chart-red) 75%, var(--muted));background:color-mix(in srgb, var(--chart-red) 4%, #fff);border-color:color-mix(in srgb, var(--chart-red) 25%, transparent)}.xi-tools .ss-verdict-subline{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.xi-tools .ss-result-primary{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.xi-tools .ss-result-num{font:500 44px var(--font-sans);color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.xi-tools .ss-result-unit{color:var(--muted);letter-spacing:-.005em;font-size:14px}.xi-tools .ss-result-secondary{border-top:1px solid var(--rule);grid-template-columns:1fr;gap:10px;padding-top:16px;display:grid}.xi-tools .ss-stat{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.xi-tools .ss-stat-label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.xi-tools .ss-stat-value{font:500 15px var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.xi-tools .ss-muted{color:var(--muted);font-weight:400}.xi-tools .ss-output-error .ss-error-msg{color:var(--danger);margin:6px 0 0;font-size:14.5px;line-height:1.5}.xi-tools .ss-alts{background:color-mix(in srgb, var(--accent) 4%, #fff);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:var(--r-2xl);margin-top:28px;padding:24px}.xi-tools .ss-alts-heading{letter-spacing:-.018em;color:var(--ink);text-wrap:balance;max-width:36ch;margin:4px 0 20px;font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.25}.xi-tools .ss-alts-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (max-width:720px){.xi-tools .ss-alts-grid{grid-template-columns:1fr}}.xi-tools .ss-alt-card{border:1px solid var(--rule);border-radius:var(--r-lg);background:#fff;flex-direction:column;gap:8px;padding:18px;display:flex}.xi-tools .ss-alt-num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.xi-tools .ss-alt-card h4{letter-spacing:-.012em;color:var(--ink);margin:0;font-size:16px;font-weight:500;line-height:1.3}.xi-tools .ss-alt-card p{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.5}.xi-tools .ss-alt-action{font:500 13.5px var(--font-sans);color:var(--accent);cursor:pointer;transition:color var(--dur-micro) var(--ease-out);background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:0;text-decoration:none;display:inline-flex}.xi-tools .ss-alt-action:hover{color:var(--accent-ink)}.xi-tools .ss-alt-action svg{transition:transform var(--dur-micro) var(--ease-out)}.xi-tools .ss-alt-action:hover svg{transform:translate(2px)}.xi-tools .ss-calc-heatmap{border-top:1px solid var(--rule);margin-top:36px;padding-top:28px}.xi-tools .ss-calc-heatmap .ss-section-lede{margin-bottom:18px}.xi-tools .ss-formula{font-family:var(--font-mono);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--accent);letter-spacing:0;border-radius:6px;margin:0 0 18px;padding:18px 22px;font-size:16px;overflow-x:auto}
