.tool[data-astro-cid-ade5jyte]{gap:var(--space-6);max-width:40rem;padding:var(--space-12) var(--space-4) var(--space-16);flex-direction:column;margin-inline:auto;display:flex}.tool__head[data-astro-cid-ade5jyte]{text-align:center}.tool__title[data-astro-cid-ade5jyte]{margin:0 0 var(--space-2);color:var(--on-surface);font-size:clamp(1.9375rem,6vw,2.4375rem)}.tool__lead[data-astro-cid-ade5jyte]{color:var(--on-surface-variant);font-size:var(--text-lg);margin:0}.tool__explainer[data-astro-cid-ade5jyte]{color:var(--on-surface-variant);font-size:var(--text-sm);line-height:1.55}.tool__explainer[data-astro-cid-ade5jyte] p[data-astro-cid-ade5jyte]{margin:0}.tool__ad[data-astro-cid-ade5jyte]{justify-content:center;display:flex}.tool__cta[data-astro-cid-ade5jyte]{gap:var(--space-4);padding:var(--space-8) var(--space-6);text-align:center;background-color:color-mix(in srgb, var(--primary-container) 12%, transparent);border:var(--border-width) solid color-mix(in srgb, var(--primary-container) 30%, transparent);border-radius:var(--radius-xl);flex-direction:column;align-items:center;display:flex}.tool__cta[data-astro-cid-ade5jyte] p[data-astro-cid-ade5jyte]{color:var(--on-surface);margin:0;font-weight:600}.tool__cta-btn[data-astro-cid-ade5jyte]{min-height:44px;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background-color:var(--primary-container);color:var(--on-primary-container);transition:transform var(--dur-fast) var(--ease-spring);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.tool__cta-btn[data-astro-cid-ade5jyte]:active{transform:scale(.97)}.tool-form{gap:var(--space-5);padding:var(--space-6);background-color:var(--surface-container-lowest);border:var(--border-width) solid var(--outline-variant);border-radius:var(--radius-xl);display:grid;box-shadow:0 10px 30px -10px #0f172a14}.tool-form__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-label-md);color:var(--on-surface-variant);font-weight:600}.field__help{font-size:var(--text-label-sm);color:var(--on-surface-variant)}.field__control{align-items:center;gap:var(--space-2);display:flex}.field input,.field select{width:100%;min-height:44px;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--on-surface);background-color:var(--surface-container-lowest);border:var(--border-width) solid var(--outline-variant);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);font-family:inherit}.field input:focus,.field select:focus{border-color:var(--m-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-container) 60%, transparent);outline:none}.field__unit{color:var(--on-surface-variant);font-size:var(--text-sm);flex:none}.btn-calc{min-height:44px;padding:var(--space-3) var(--space-8);font-size:var(--text-base);color:var(--on-primary-container);background-color:var(--primary-container);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out);border:none;justify-self:start;font-weight:700}.btn-calc:hover{box-shadow:0 8px 20px -6px color-mix(in srgb, var(--primary-container) 50%, transparent)}.btn-calc:active{transform:scale(.97)}.result-card{gap:var(--space-4);padding:var(--space-6);background-color:color-mix(in srgb, var(--primary-container) 10%, var(--surface-container-lowest));border:var(--border-width) solid color-mix(in srgb, var(--primary-container) 30%, transparent);border-radius:var(--radius-xl);flex-direction:column;display:none}.result-card[data-shown=true]{display:flex}.result-card__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.result-stat{gap:var(--space-1);flex-direction:column;display:flex}.result-stat__label{font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant)}.result-stat__value{font-family:var(--font-display);font-weight:800;font-size:var(--text-display-lg-mobile);color:var(--on-surface);line-height:1.1}.result-stat__value--accent{color:var(--m-primary)}.flags{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.flags li{gap:var(--space-2);font-size:var(--text-xs);color:var(--on-surface-variant);display:flex}.flags li:before{content:"ℹ";color:var(--info);font-weight:600}
