.percentage-calculator[data-astro-cid-wsck4ywo]{width:min(var(--width-tool), 100%);margin:0 auto}.percentage-calculator__card[data-astro-cid-wsck4ywo]{gap:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--color-white) 0%, var(--color-surface) 100%);box-shadow:var(--shadow-product);padding:var(--space-7);grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);align-items:stretch;display:grid}.percentage-calculator__input-area[data-astro-cid-wsck4ywo]{align-content:start;gap:var(--space-5);min-width:0;display:grid}.percentage-calculator__eyebrow[data-astro-cid-wsck4ywo]{color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;margin:0}.percentage-calculator[data-astro-cid-wsck4ywo] h2[data-astro-cid-wsck4ywo]{color:var(--color-text);font-size:clamp(1.45rem,3vw,2rem);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin:0}.percentage-modes[data-astro-cid-wsck4ywo]{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.percentage-mode[data-astro-cid-wsck4ywo]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-soft);min-height:52px;color:var(--color-muted);cursor:pointer;font:inherit;font-weight:var(--font-weight-semibold);text-align:left;padding:11px 12px;line-height:1.25;transition:background .16s,border-color .16s,color .16s}.percentage-mode[data-astro-cid-wsck4ywo]:hover,.percentage-mode[data-astro-cid-wsck4ywo]:focus-visible{border-color:var(--color-accent);color:var(--color-text);outline:none}.percentage-mode[data-astro-cid-wsck4ywo]:focus-visible{box-shadow:0 0 0 3px #4d8dff29}.percentage-mode[data-astro-cid-wsck4ywo].is-active{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-text)}.percentage-mode[data-astro-cid-wsck4ywo] span[data-astro-cid-wsck4ywo]{display:block}.percentage-fields[data-astro-cid-wsck4ywo]{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.percentage-field[data-astro-cid-wsck4ywo]{gap:var(--space-2);min-width:0;color:var(--color-text);font-weight:var(--font-weight-semibold);display:grid}.percentage-field[data-astro-cid-wsck4ywo] span[data-astro-cid-wsck4ywo]{font-size:.95rem}.percentage-field[data-astro-cid-wsck4ywo] input[data-astro-cid-wsck4ywo]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);width:100%;min-height:52px;color:var(--color-text);font:inherit;font-size:var(--font-size-md);padding:15px 16px}.percentage-field[data-astro-cid-wsck4ywo] input[data-astro-cid-wsck4ywo]:focus{border-color:var(--color-accent);outline:3px solid #4d8dff29}.percentage-result[data-astro-cid-wsck4ywo]{border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-soft) 0%, var(--color-white) 100%);min-width:0;max-width:100%;padding:var(--space-6);flex-direction:column;justify-content:center;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.percentage-result__label[data-astro-cid-wsck4ywo]{margin:0 0 var(--space-3);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.percentage-result__value[data-astro-cid-wsck4ywo]{max-width:100%;color:var(--color-text);font-size:clamp(2rem,4.6vw,3.45rem);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;margin:0;line-height:1.08}.percentage-result__full[data-astro-cid-wsck4ywo]{max-width:100%;margin:var(--space-3) 0 0;color:var(--color-muted);font-size:var(--font-size-sm);overflow-wrap:anywhere;line-height:1.5}.percentage-result__description[data-astro-cid-wsck4ywo]{max-width:100%;margin:var(--space-4) 0 0;color:var(--color-muted);font-size:var(--font-size-base);line-height:var(--line-height-base);overflow-wrap:anywhere}@media (width<=860px){.percentage-calculator__card[data-astro-cid-wsck4ywo]{padding:var(--space-5);grid-template-columns:1fr}}@media (width<=680px){.percentage-modes[data-astro-cid-wsck4ywo],.percentage-fields[data-astro-cid-wsck4ywo]{grid-template-columns:1fr}.percentage-mode[data-astro-cid-wsck4ywo]{text-align:center;min-height:auto}}