.age-page {padding:25px 0 70px}
.age-intro {background:linear-gradient(112deg,#fff 0%,#fff 62%,#fff5f0 100%);border:1px solid #e8edf4;border-radius:15px;padding:25px 29px;box-shadow:var(--shadow)}
.age-eyebrow {font-size:10px;letter-spacing:1.2px;color:#d16b61;font-weight:850;margin-bottom:7px}
.age-intro h1 {font-size:28px;line-height:1.35;letter-spacing:-1.1px}
.age-intro h1 span {font-size:23px;vertical-align:2px}
.age-intro p {font-size:13px;color:#7d899f;margin-top:7px}
.age-intro-chips {display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.age-intro-chips span {background:#f1f4f9;border:1px solid #e7edf5;border-radius:6px;padding:4px 9px;font-size:11px;color:#61758e;font-weight:700}
.age-layout {display:grid;grid-template-columns:minmax(0,1fr) 284px;align-items:start;gap:17px;margin-top:17px}
.age-primary {min-width:0;display:grid;gap:17px}
.age-panel,.age-info-panel,.age-faq {background:#fff;border:1px solid #e5eaf1;border-radius:13px;box-shadow:0 3px 18px rgba(36,55,83,.035)}
.age-panel {padding:23px 25px}
.age-section-heading {display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:20px}
.age-section-heading>div {display:flex;align-items:center;gap:9px}
.age-section-heading h2 {font-size:18px;letter-spacing:-.5px}
.age-section-icon {display:grid;place-items:center;background:#eef3fb;color:#46679b;width:29px;height:29px;border-radius:8px;font-size:11px;font-weight:850}
.age-panel-caption {font-size:11px;color:#95a1b0}
.age-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.age-field {min-width:0}
.age-field>span,.age-family-input>label {display:block;font-size:12px;color:#576a84;font-weight:750;margin-bottom:7px}
.age-field input,.age-family-input input {appearance:auto;display:block;width:100%;min-width:0;height:44px;padding:0 11px;background:#fbfcff;border:1px solid #dfe6f0;border-radius:8px;font-size:14px;color:#304057}
.age-field input:focus,.age-family-input input:focus {outline:3px solid #dbe7f9;border-color:#7fa3d5}
.age-field small {display:block;font-size:10px;color:#9ba6b5;margin-top:6px}
.age-today-control {display:flex;gap:6px}
.age-today-control input {flex:1}
.age-today-control button {background:#f0f4f9;border:1px solid #e1e8f2;border-radius:8px;color:#526a8e;padding:0 12px;font-size:12px;font-weight:800;white-space:nowrap}
.age-today-control button:hover {background:#e7f0fd}
.age-result {margin-top:19px}
.age-empty {display:grid;place-items:center;min-height:91px;padding:15px;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:10px;color:#9ba7b7;font-size:12px;text-align:center}
.age-values {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.age-value {border:1px solid #e6edf5;background:#f8fafc;padding:16px 12px;border-radius:10px;min-width:0}
.age-value.main {background:linear-gradient(120deg,#3b5d9c,#5578b4);color:#fff;border-color:transparent}
.age-value small {display:block;font-size:11px;color:#899bb2;font-weight:750}
.age-value.main small {color:#d8e5f9}
.age-value strong {display:block;font-size:31px;line-height:1.3;letter-spacing:-1px;margin-top:4px;white-space:nowrap}
.age-value strong span {font-size:14px;font-weight:650;margin-left:2px}
.age-value p {font-size:10px;color:#9ba6b5;line-height:1.55;margin-top:4px}
.age-value.main p {color:#e2ebfc}
.age-summary {display:flex;justify-content:space-between;gap:13px;align-items:center;background:#fff;border:1px solid #e7edf4;border-radius:9px;padding:11px 13px;margin-top:9px}
.age-summary strong {color:#354e73;font-size:12px}
.age-summary span {font-size:12px;color:#6e7e95;text-align:right}
.age-summary em {font-style:normal;font-size:10px;color:#a0aabd}
.age-fast-wrap {border:1px solid #f2e1c9;background:#fffbf5;border-radius:10px;margin-top:14px;padding:14px}
.age-fast-wrap[hidden],.age-fast-result[hidden] {display:none}
.age-check {display:flex;gap:11px;align-items:flex-start;cursor:pointer}
.age-check input {accent-color:#ce8750;margin-top:4px;width:16px;height:16px;flex-shrink:0}
.age-check strong {display:block;font-size:12px;color:#8d6443;line-height:1.5}
.age-check small {display:block;margin-top:4px;color:#a38a75;font-size:11px;line-height:1.6}
.age-fast-result {background:#fff;border:1px solid #f0dfc8;border-radius:9px;padding:14px;margin-top:13px}
.age-fast-result strong {display:block;color:#995f32;font-size:20px;letter-spacing:-.5px}
.age-fast-result p {color:#856f5b;font-size:11px;line-height:1.7;margin-top:5px}
.age-privacy {border-top:1px solid #eef1f6;padding-top:14px;margin-top:17px;font-size:11px;color:#8797ab;display:flex;align-items:center;gap:6px}
.age-family-intro {font-size:12px;color:#78889c;margin:-8px 0 17px;line-height:1.6}
.age-family-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.age-family-input {min-width:0;border:1px solid #e6ebf3;border-radius:10px;background:#fafcff;padding:15px}
.age-family-label {display:flex;align-items:center;gap:8px;margin-bottom:12px}
.age-family-label strong {font-size:14px;color:#344d71}
.age-person-icon {width:30px;height:30px;border-radius:8px;background:#ecf2fb;display:grid;place-items:center;font-size:16px}
.age-family-input .age-alt-label {margin:10px 0 6px;font-weight:650;color:#8e9bad;font-size:11px}
.age-family-input input[type=number] {height:38px}
.age-parent-results {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:13px}
.age-parent-result {min-width:0}
.age-parent-result .age-empty {min-height:108px}
.age-parent-details {background:#f6f9ff;border:1px solid #e0e9f7;border-radius:10px;padding:14px}
.age-parent-details>div:first-child {display:flex;align-items:center;justify-content:space-between;gap:6px}
.age-parent-details h3 {font-size:13px;color:#3d5d89}
.age-parent-details strong {font-size:22px;color:#253d65;letter-spacing:-.5px}
.age-parent-details strong span {font-size:12px}
.age-parent-details dl {display:grid;gap:4px;margin:12px 0 0}
.age-parent-details dl>div {display:flex;justify-content:space-between;gap:9px;align-items:baseline}
.age-parent-details dt {font-size:11px;color:#8595a9}
.age-parent-details dd {font-size:12px;color:#486281;font-weight:750;margin:0;text-align:right}
.age-parent-details p {margin-top:10px;font-size:10px;color:#8796aa;line-height:1.65}
.age-family-note {font-size:10px;color:#9ba5b4;margin-top:12px}
.age-info-panel {padding:20px;margin-bottom:15px}
.age-info-title {display:flex;align-items:center;gap:7px;margin-bottom:14px}
.age-info-title span {display:grid;place-items:center;background:#edf2fa;color:#5671a3;width:25px;height:25px;border-radius:50%;font-weight:800}
.age-info-panel h2 {font-size:15px;letter-spacing:-.3px}
.age-info-panel dl {margin:0}
.age-info-panel dl>div {padding:11px 0;border-bottom:1px solid #eff2f6}
.age-info-panel dl>div:last-child {border:0;padding-bottom:0}
.age-info-panel dt {font-size:12px;color:#405a81;font-weight:800}
.age-info-panel dt em {font-style:normal;font-size:10px;font-weight:600;color:#9c8a73;margin-left:3px}
.age-info-panel dd {font-size:11px;color:#8594a6;line-height:1.7;margin:3px 0 0}
.age-source {background:#f9fbff}
.age-source p {font-size:11px;line-height:1.8;color:#7f8ca0;margin-top:9px}
.age-source a {font-size:11px;color:#3f70ac;display:inline-block;margin-top:10px;font-weight:800}
.age-faq {padding:24px;margin-top:17px}
.age-faq>h2 {font-size:18px;margin-bottom:13px}
.age-faq-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.age-faq details {border:1px solid #e7ecf3;border-radius:9px;padding:0 13px;background:#fff}
.age-faq summary {font-size:12px;color:#425b7c;font-weight:800;padding:13px 0;cursor:pointer}
.age-faq details p {font-size:11px;color:#7d8da2;line-height:1.8;padding:0 0 13px}
.age-error {font-size:12px;color:#b44b48;background:#fff7f6;border:1px solid #f3d9d5;border-radius:9px;padding:13px}
@media(max-width:900px) {.age-layout {grid-template-columns:minmax(0,1fr)}.age-aside {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.age-info-panel {margin:0}}
@media(max-width:680px) {.age-page {padding:16px 0 42px}.age-intro {padding:19px 18px}.age-intro h1 {font-size:24px}.age-intro p {font-size:12px}.age-panel {padding:17px}.age-section-heading {align-items:flex-start;margin-bottom:16px}.age-panel-caption {font-size:10px;text-align:right}.age-values {gap:6px}.age-value {padding:13px 9px}.age-value strong {font-size:26px}.age-value strong span {font-size:12px}.age-fields {gap:9px}.age-family-fields,.age-parent-results {gap:9px}.age-family-input {padding:12px}.age-parent-details {padding:12px}.age-parent-details strong {font-size:20px}.age-aside {grid-template-columns:1fr}.age-faq {padding:17px}.age-faq-grid {grid-template-columns:1fr}}
@media(max-width:390px) {.age-fields {grid-template-columns:1fr}.age-section-heading {flex-wrap:wrap}.age-value strong {font-size:24px}.age-family-fields {grid-template-columns:1fr}.age-parent-results {grid-template-columns:1fr}}