.percentage-calculator[data-astro-cid-gdq76aeb]{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.calculator-panel[data-astro-cid-gdq76aeb],.results-panel[data-astro-cid-gdq76aeb]{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm)}h2[data-astro-cid-gdq76aeb]{margin-bottom:var(--space-4);font-size:var(--font-size-xl)}form[data-astro-cid-gdq76aeb],.mode-field[data-astro-cid-gdq76aeb]{gap:var(--space-3);display:grid}.mode-field[data-astro-cid-gdq76aeb]{font-weight:var(--font-weight-medium)}select[data-astro-cid-gdq76aeb]{min-height:2.75rem;padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.input-grid[data-astro-cid-gdq76aeb]{gap:var(--space-4);display:grid}.form-error[data-astro-cid-gdq76aeb]{padding:var(--space-3);color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md)}.primary-result[data-astro-cid-gdq76aeb]{margin-bottom:var(--space-2);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);display:block}#percentage-summary[data-astro-cid-gdq76aeb],#percentage-difference[data-astro-cid-gdq76aeb]{color:var(--color-text-muted)}#percentage-difference[data-astro-cid-gdq76aeb]{margin-top:var(--space-3)}@media (width>=40em){.input-grid[data-astro-cid-gdq76aeb]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64em){.percentage-calculator[data-astro-cid-gdq76aeb]{grid-template-columns:minmax(0,3fr) minmax(18rem,2fr);align-items:start}}.note[data-astro-cid-gdq76aeb]{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}