.age-page{width:min(var(--sk-content-max),calc(100% - 56px));margin:0 28px 34px}.age-tool{border:1px solid var(--pg-brd);border-radius:16px;background:var(--card-bg);overflow:hidden}.age-tool-head{padding:24px 26px 8px}.age-tool-head h2{margin:0 0 8px;font-size:var(--sk-h2);color:var(--pg-hd)}.age-tool-head p{margin:0;color:var(--pg-muted);font-size:var(--f-pg);line-height:1.65}.age-form{padding:18px 26px 26px}.age-fieldset{border:0;padding:0;margin:0}.age-fieldset legend{font-weight:800;color:var(--pg-hd);margin-bottom:12px}.age-date-grid{display:grid;grid-template-columns:.8fr 1.3fr 1fr;gap:12px}.age-date-grid label,.age-ref-date{display:grid;gap:7px}.age-date-grid label>span,.age-ref-date>span{font-size:13px;font-weight:700;color:var(--pg-muted)}.age-date-grid select,.age-ref-date input{width:100%;min-height:48px;border:1px solid var(--pg-brd);border-radius:10px;background:var(--card-bg);color:var(--pg-tx);font:inherit;padding:0 12px;outline:none}.age-date-grid select:focus,.age-ref-date input:focus{border-color:var(--pg-lnk);box-shadow:0 0 0 3px color-mix(in srgb,var(--pg-lnk) 16%,transparent)}.age-reference{margin-top:18px;padding-top:18px;border-top:1px solid var(--pg-brd)}.age-check{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--pg-tx);cursor:pointer}.age-check input{width:18px;height:18px;accent-color:var(--pg-lnk)}.age-ref-date{display:none;margin-top:14px;max-width:320px}.age-reference.is-open .age-ref-date{display:grid}.age-error{min-height:20px;margin:12px 0 0;color:#b3261e;font-size:14px}.age-actions{display:flex;gap:10px;margin-top:8px}.age-actions button{border-radius:10px;min-height:48px;padding:0 20px;font:inherit;font-weight:800;cursor:pointer}.age-primary{border:1px solid var(--pg-lnk);background:var(--pg-lnk);color:#fff}.age-secondary{border:1px solid var(--pg-brd);background:var(--card-bg);color:var(--pg-tx)}.age-result{border-top:1px solid var(--pg-brd);padding:24px 26px;background:color-mix(in srgb,var(--pg-lnk) 3%,var(--card-bg))}.age-result-top{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px;border-radius:14px;background:var(--pg-hd);color:#fff}.age-result-top>div{display:flex;align-items:flex-end;gap:8px}.age-result-kicker{align-self:flex-start;font-size:12px;opacity:.7;position:absolute}.age-result-top strong{font-size:clamp(48px,8vw,76px);line-height:1}.age-result-top>p{margin:0;text-align:right;font-weight:800;font-size:clamp(18px,2.8vw,28px)}.age-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.age-stat-grid>div{padding:15px;border:1px solid var(--pg-brd);border-radius:12px;background:var(--card-bg)}.age-stat-grid span{display:block;font-size:12px;color:var(--pg-muted);margin-bottom:6px}.age-stat-grid strong{font-size:22px;color:var(--pg-hd);font-variant-numeric:tabular-nums}.age-detail-list{margin:12px 0 0;border:1px solid var(--pg-brd);border-radius:12px;background:var(--card-bg);overflow:hidden}.age-detail-list>div{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding:12px 15px;border-bottom:1px solid var(--pg-brd)}.age-detail-list>div:last-child{border-bottom:0}.age-detail-list dt{color:var(--pg-muted)}.age-detail-list dd{margin:0;font-weight:800;color:var(--pg-hd);text-align:right}.age-content{max-width:900px;margin:30px 0 0}.age-content section{margin:0 0 28px}.age-content h2{font-size:var(--sk-h2);margin:0 0 10px;color:var(--pg-hd)}.age-content p{font-size:var(--f-pg);line-height:1.78;color:var(--pg-tx);margin:0 0 12px}.age-note{border-left:4px solid var(--pg-lnk);background:color-mix(in srgb,var(--pg-lnk) 7%,var(--card-bg));padding:14px 16px;border-radius:0 10px 10px 0;font-size:var(--f-pg);line-height:1.65;color:var(--pg-tx)}@media(max-width:760px){.age-page{width:calc(100% - 28px);margin:0 14px 28px}.age-tool-head,.age-form,.age-result{padding-left:16px;padding-right:16px}.age-date-grid{grid-template-columns:1fr 1fr}.age-date-grid label:last-child{grid-column:1/-1}.age-stat-grid{grid-template-columns:1fr 1fr}.age-result-top{align-items:flex-start;flex-direction:column}.age-result-top>p{text-align:left}.age-detail-list>div{grid-template-columns:1fr;gap:4px}.age-detail-list dd{text-align:left}.age-actions{flex-direction:column}.age-actions button{width:100%}}@media(max-width:420px){.age-stat-grid{grid-template-columns:1fr}.age-date-grid{grid-template-columns:1fr}.age-date-grid label:last-child{grid-column:auto}}