.age-field{width:100%;min-width:0;max-width:100%;border:0!important;margin:0!important;padding:0!important}.age-field>legend{color:var(--brand-ink);margin-bottom:8px;padding:0;font-size:.875rem;font-weight:550}.age-fields{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px;display:grid}.age-field .age-calculator-link,.inverse-age-help .age-calculator-link{min-height:36px;color:var(--brand-link);text-underline-offset:3px;align-items:center;gap:4px;margin-top:6px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:underline;display:inline-flex}.age-calculator-link>svg{flex-shrink:0}.age-field .age-part{flex-direction:column;gap:6px;min-width:0;margin:0;font-size:.875rem;font-weight:400;display:flex}.age-part>span{color:var(--brand-muted);font-size:.875rem}.age-field .age-part input,.age-field .age-month-trigger{box-sizing:border-box;border:1px solid var(--input);width:100%;min-width:0;height:46px;min-height:46px;color:var(--brand-ink);background:var(--card);border-radius:8px;margin:0;padding:10px 12px;font-size:1rem;font-weight:500;line-height:1.5}.age-field input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.age-field .age-month-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.age-field input::placeholder{color:var(--brand-muted);opacity:.7}.age-field .age-month-trigger{flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex;background:var(--card)!important;color:var(--brand-ink)!important;border-color:var(--input)!important;box-shadow:none!important}.age-field .age-month-trigger [data-slot=select-value]{font-size:1rem}.age-month-popup[data-slot=select-content]{min-width:90px;max-height:min(280px, var(--available-height));background:var(--card);color:var(--brand-ink);border:1px solid var(--brand-border);border-radius:10px}.age-month-popup [data-slot=select-item]{min-height:36px;padding:7px 30px 7px 12px;font-size:1rem}.age-month-popup [data-slot=select-item][data-highlighted]{background:var(--brand-soft);color:var(--brand-link)}.field-grid:has(>.age-field){grid-template-columns:1fr 1fr}.field-grid>.age-field{grid-column:1/-1}.history-entry>.age-field{max-width:360px}.bmi-inputs>.age-field{grid-column:1/-1;max-width:400px}.explore-form form>.age-field{max-width:380px;margin-top:22px!important}.extra-form>.age-field{flex:220px;width:auto;min-width:190px}.inverse-percentile-form>label>input,.inverse-percentile-form>label>select,.inverse-percentile-form>button{height:46px;min-height:46px}.inverse-age-help{flex-basis:100%}.inverse-age-help .age-calculator-link{margin-top:0}.percentile-measures{align-items:end}.percentile-measures>fieldset{grid-column:1/-1}.opt-quiz .age-field{margin:22px 0 8px!important}.opt-quiz .age-field>legend{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.opt-quiz .age-part>span{font-size:.9375rem}.opt-quiz .age-part input,.opt-quiz .age-month-trigger{min-height:54px}@media (max-width:430px){.field-grid:has(>.age-field){grid-template-columns:1fr}}