.age-workspace{max-width:920px!important;margin:0 auto 42px!important;min-width:0;box-sizing:border-box}
.age-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:16px;max-width:760px;margin:0 auto 24px;min-width:0}
.age-form label{display:grid;gap:7px;min-width:0;color:#65596f;font-size:13px;font-weight:750}
.age-form input,.age-form select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:48px;padding:10px 13px;border:1px solid #e7e1ed;border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-weight:550}
.age-form input:focus,.age-form select:focus{outline:3px solid #e8ddf6;border-color:#b9a1d2}
.age-birth-date{display:grid;align-content:start;gap:7px;min-width:0;margin:0;padding:0;border:0}
.age-birth-date legend{margin:0 0 7px;padding:0;color:#65596f;font-size:13px;font-weight:750}
.age-date-selects{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.2fr) minmax(0,.8fr);gap:8px;min-width:0}
.age-birth-time{display:grid;align-content:start;gap:7px;min-width:0;margin:0;padding:0;border:0}
.age-birth-time legend{margin:0 0 7px;padding:0;color:#65596f;font-size:13px;font-weight:750}
.age-birth-time legend span{color:#918798;font-size:11px;font-weight:550}
.age-time-selects{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;color:#82788b}
.age-privacy,.age-error,.age-form .countdown-form-actions{grid-column:1/-1}
.age-privacy{margin:-4px 0 0;color:#89818d;font-size:11px;line-height:1.55}
.age-error{margin:0;color:#a54f55;font-size:13px;font-weight:650}
.age-form [hidden],.age-result[hidden],.age-empty[hidden]{display:none!important}
.age-form .countdown-form-actions{margin-top:0}
.age-form .countdown-form-actions .button{min-height:48px;padding:12px 23px;gap:10px}
.age-empty{max-width:760px;margin:0 auto}
.age-result{max-width:800px;margin:24px auto 0;padding:clamp(17px,3vw,28px);border:1px solid #eee6f4;border-radius:21px;background:#fff;scroll-margin-block:35vh;min-width:0;box-sizing:border-box;text-align:center}
.age-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.age-celebration{margin:0 auto 22px;color:#29263f;font-size:clamp(20px,3vw,26px);font-weight:850;line-height:1.35}
.age-years-months-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin:0 auto 14px}
.age-years-months-days>div{display:grid;gap:6px;align-content:center;min-width:0;min-height:105px;padding:14px 7px;border:1px solid #eee6f4;border-radius:17px;background:#f8f2fc}
.age-years-months-days>div:nth-child(2){background:#fcfaf7}
.age-years-months-days strong{color:#5d4b6b;font-size:clamp(26px,6vw,38px);line-height:1}
.age-years-months-days span,.age-days-lived span{color:#746b7b;font-size:12px;font-weight:700}
.age-days-lived{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:0 auto 24px;color:#51485c}
.age-days-lived strong{font-size:20px;font-weight:850}
.age-birthday-countdown{max-width:640px;margin:0 auto;padding:clamp(17px,4vw,25px);border:1px solid #eee6f4;border-radius:19px;background:#f7f2fc;box-sizing:border-box}
.age-birthday-countdown h3{margin:0;color:#342c49;font-size:17px;font-weight:850}
.age-birthday-countdown>p{margin:7px 0 17px;color:#81778a;font-size:13px}
.age-birthday-countdown .countdown-clock{margin:0}
.age-birthday-countdown .countdown-clock>div{border-color:#e9e0f0;background:#fff}
.age-birthday-countdown .countdown-clock strong{color:#5d4b6b}
.age-related{margin-top:38px}
.age-faq{margin-top:42px}
.age-page .calendar-page-head{margin-bottom:28px}
.age-page .calendar-page-head h1{max-width:760px}
.age-page .calendar-page-head p{max-width:760px}
.age-page .calendar-related-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
@media(max-width:620px){
  .age-form{grid-template-columns:minmax(0,1fr);gap:14px}
  .age-date-selects{grid-template-columns:minmax(0,.62fr) minmax(0,1.2fr) minmax(0,.8fr);gap:6px}
  .age-date-selects select{padding:9px 7px;font-size:12px}
  .age-privacy,.age-error,.age-form .countdown-form-actions{grid-column:auto}
  .age-form .countdown-form-actions .button{width:100%;justify-content:center}
  .age-result{padding:17px 13px}
  .age-years-months-days{gap:7px}
  .age-years-months-days>div{min-height:88px;padding:12px 4px}
  .age-birthday-countdown{padding:16px 10px}
}