.compound-calculator:where(.astro-szres265){margin:2rem 0}.compound-shell:where(.astro-szres265){grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:1.5rem;display:grid}.compound-panel:where(.astro-szres265),.results-panel:where(.astro-szres265){border:1px solid color-mix(in srgb, var(--sl-color-gray-5) 60%, transparent);background:radial-gradient(circle at 0 0,#57c1ff29,#0000 35%),linear-gradient(#09131ff2,#0a1d29e6);border-radius:1.5rem;padding:1.5rem;box-shadow:0 20px 50px #0000002e}.compound-copy:where(.astro-szres265) h2:where(.astro-szres265){margin:.1rem 0 .5rem}.compound-copy:where(.astro-szres265) p:where(.astro-szres265){margin-top:0}.eyebrow:where(.astro-szres265){color:#9dd9ff;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem}.compound-form:where(.astro-szres265){grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.compound-form:where(.astro-szres265) label:where(.astro-szres265),.toggle-row:where(.astro-szres265){flex-direction:column;gap:.4rem;min-width:0;display:flex}.compound-form:where(.astro-szres265) span:where(.astro-szres265){color:var(--sl-color-gray-2);font-size:.92rem}.compound-form:where(.astro-szres265) input:where(.astro-szres265),.compound-form:where(.astro-szres265) select:where(.astro-szres265){width:100%;color:var(--sl-color-white);font:inherit;background:#ffffff0d;border:1px solid #ffffff24;border-radius:.9rem;padding:.85rem .95rem}.compound-form:where(.astro-szres265) input:where(.astro-szres265):disabled{opacity:.58;cursor:not-allowed}.toggle-row:where(.astro-szres265){justify-content:end}.checkbox-label:where(.astro-szres265){align-items:center;gap:.65rem;min-height:100%;display:inline-flex}.checkbox-label:where(.astro-szres265) input:where(.astro-szres265){width:auto;margin:0}.results-grid:where(.astro-szres265){grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.result-card:where(.astro-szres265),.percentile-panel:where(.astro-szres265),.percentile-table:where(.astro-szres265)>div:where(.astro-szres265){min-width:0}.result-card:where(.astro-szres265){background:#ffffff0d;border:1px solid #ffffff14;border-radius:1.1rem;padding:1rem;overflow:hidden}.result-card-primary:where(.astro-szres265){background:linear-gradient(#61c6ff33,#ffffff0f);border-color:#9dd9ff52}.result-card:where(.astro-szres265) p:where(.astro-szres265),.result-card:where(.astro-szres265) span:where(.astro-szres265),.disclaimer:where(.astro-szres265){color:var(--sl-color-gray-2);margin:0}.result-card:where(.astro-szres265) strong:where(.astro-szres265){color:var(--sl-color-white);overflow-wrap:anywhere;word-break:break-word;margin:.35rem 0;font-size:1.5rem;line-height:1.1;display:block}.result-card:where(.astro-szres265) span:where(.astro-szres265){color:var(--sl-color-gray-3);overflow-wrap:anywhere;font-size:.9rem}.percentile-grid:where(.astro-szres265){grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.percentile-panel:where(.astro-szres265){background:#ffffff0d;border:1px solid #ffffff14;border-radius:1.1rem;padding:1rem;overflow:hidden}.percentile-panel:where(.astro-szres265) h3:where(.astro-szres265){margin:0 0 .85rem;font-size:1rem}.percentile-table:where(.astro-szres265){color:var(--sl-color-gray-2);grid-template-columns:minmax(0,.7fr) repeat(2,minmax(0,1fr));align-items:center;gap:.55rem .75rem;display:grid}.percentile-table:where(.astro-szres265)>div:where(.astro-szres265){overflow-wrap:anywhere;word-break:break-word}.table-head:where(.astro-szres265){color:var(--sl-color-white);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.disclaimer:where(.astro-szres265){margin-top:1rem;font-size:.92rem}@media (width<=960px){.compound-shell:where(.astro-szres265){grid-template-columns:1fr}}@media (width<=640px){.compound-form:where(.astro-szres265),.results-grid:where(.astro-szres265),.percentile-grid:where(.astro-szres265){grid-template-columns:1fr}.percentile-table:where(.astro-szres265){gap:.45rem .55rem;font-size:.92rem}.compound-panel:where(.astro-szres265),.results-panel:where(.astro-szres265){border-radius:1.1rem;padding:1.1rem}}
