:is([data-calculator="age"],[data-calculator="employment-duration"]) .field-grid{grid-template-columns:1fr;gap:14px}
:is([data-calculator="age"],[data-calculator="employment-duration"]) .field-grid>.field-label:first-child{max-width:250px}
:is([data-calculator="age"],[data-calculator="employment-duration"]) .field-grid>.field-label:first-child .input-wrap select{min-height:44px}
.age-date-group{min-width:0;margin:0;padding:13px 16px 15px;border:1px solid var(--line);border-radius:10px;background:#fafaf9}
.age-date-group legend{font-size:.95rem;font-weight:750;margin:0 0 8px;padding:0 5px;color:var(--ink)}
.age-date-row{display:grid;grid-template-columns:82px 170px 104px;gap:9px;align-items:end;justify-content:start}
.age-date-row label{display:grid;gap:7px;min-width:0;margin:0}
.age-date-row label span{font-size:.78rem;font-weight:650;color:var(--muted)}
.age-date-row select{width:100%;min-width:0;min-height:44px;padding:7px 22px 7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:.95rem;font-weight:650;cursor:pointer}
.age-date-row select:hover{border-color:#b9b9b5}
.age-date-row select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:transparent}
@media(max-width:520px){
  :is([data-calculator="age"],[data-calculator="employment-duration"]) .field-grid>.field-label:first-child{max-width:none}
  .age-date-group{padding:12px}
  .age-date-row{grid-template-columns:62px minmax(0,1fr) 92px;gap:7px}
  .age-date-row select{padding-left:8px;padding-right:17px;font-size:.88rem}
}