*{box-sizing:border-box}body{background:var(--wasd-color-surface-canvas);color:var(--wasd-color-text-default);font-family:var(--wasd-typography-family-sans);margin:0}button,input,select{font:inherit}.date-age-tool{--date-age-accent:#0f766e;--date-age-accent-2:#7c3aed;--date-age-accent-3:#b45309;background:linear-gradient(135deg, color-mix(in srgb, var(--wasd-color-surface-raised) 88%, #0f766e 12%), var(--wasd-color-surface-raised) 52%), var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-md);box-shadow:var(--wasd-shadow-sm);inline-size:100%;padding:var(--wasd-spacing-4)}.date-age-tool--teaser{block-size:100%}.date-age-tool__header h2,.date-age-tool__header p,.date-age-tool__panel h3,.date-age-tool__panel h4,.date-age-tool__error,.date-age-tool__empty,.date-age-tool__status{margin:0}.date-age-tool__workspace{align-items:start;gap:var(--wasd-spacing-4);grid-template-columns:minmax(19rem,.82fr) minmax(25rem,1.18fr);display:grid}.date-age-tool__panel{background:var(--wasd-color-surface-canvas);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);min-inline-size:0;padding:var(--wasd-spacing-4)}.date-age-tool__panel--result{top:var(--wasd-spacing-4);position:sticky}.date-age-tool__field-grid{gap:var(--wasd-spacing-3);display:grid}.date-age-tool__field{gap:var(--wasd-spacing-2);min-inline-size:0;display:grid}.date-age-tool__field>span{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-label-sm-font-size);font-weight:var(--wasd-typography-weight-medium)}.date-age-tool__field .wasd-input-root,.date-age-tool__field .wasd-input-control,.date-age-tool__field .wasd-select-root,.date-age-tool__field .wasd-select-control{inline-size:100%}.date-age-tool__error{background:color-mix(in srgb, var(--wasd-color-surface-raised) 82%, #be123c 18%);border:var(--wasd-border-width-thin) solid color-mix(in srgb, var(--wasd-color-border-subtle) 58%, #be123c 42%);border-radius:var(--wasd-radius-sm);color:var(--wasd-color-text-default);padding:var(--wasd-spacing-3)}.date-age-tool__hero-metrics{gap:var(--wasd-spacing-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.date-age-tool__metric-card,.date-age-tool__info-panel,.date-age-tool__milestone{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);min-inline-size:0;padding:var(--wasd-spacing-3)}.date-age-tool__metric-card:first-child{background:color-mix(in srgb, var(--wasd-color-surface-raised) 78%, #0f766e 22%);border-color:color-mix(in srgb, var(--wasd-color-border-subtle) 64%, #0f766e 36%);grid-column:span 2}.date-age-tool__metric-card:nth-child(2){background:color-mix(in srgb, var(--wasd-color-surface-raised) 84%, #7c3aed 16%)}.date-age-tool__metric-card:nth-child(3){background:color-mix(in srgb, var(--wasd-color-surface-raised) 84%, #b45309 16%)}.date-age-tool__metric-card dt,.date-age-tool__detail-list dt,.date-age-tool__milestone dt{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-label-sm-font-size);font-weight:var(--wasd-typography-weight-medium)}.date-age-tool__metric-card dd{font-family:var(--wasd-typography-family-mono);font-size:clamp(1.28rem,2.5vw,2rem);font-weight:var(--wasd-typography-weight-semibold);margin:var(--wasd-spacing-1) 0 0;overflow-wrap:anywhere;line-height:1.12}.date-age-tool__metric-card:first-child dd{font-size:clamp(1.65rem,3.7vw,3rem)}.date-age-tool__insight-grid{gap:var(--wasd-spacing-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.date-age-tool__info-panel{gap:var(--wasd-spacing-3);display:grid}.date-age-tool__info-panel h4{font-size:var(--wasd-typography-size-heading-xs)}.date-age-tool__detail-list,.date-age-tool__milestone dl{gap:var(--wasd-spacing-2);margin:0;display:grid}.date-age-tool__detail-list div,.date-age-tool__milestone dl div{align-items:baseline;gap:var(--wasd-spacing-3);justify-content:space-between;display:flex}.date-age-tool__detail-list dd,.date-age-tool__milestone dd{font-weight:var(--wasd-typography-weight-semibold);overflow-wrap:anywhere;text-align:end;margin:0}.date-age-tool__milestones{gap:var(--wasd-spacing-3);display:grid}.date-age-tool__milestone-grid{gap:var(--wasd-spacing-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.date-age-tool__milestone{gap:var(--wasd-spacing-2);display:grid}.date-age-tool__milestone strong{overflow-wrap:anywhere}.date-age-tool__milestone>span,.date-age-tool__empty,.date-age-tool__status{color:var(--wasd-color-text-muted)}.date-age-tool__status{min-block-size:1.35em}.date-age-tool--teaser>.wasd-stack{gap:16px;block-size:100%;min-block-size:0;max-block-size:100%;overflow:hidden}.date-age-tool--teaser .date-age-tool__header,.date-age-tool--teaser .date-age-tool__milestones,.date-age-tool--teaser .date-age-tool__status{display:none}.date-age-tool--teaser .date-age-tool__workspace{grid-template-columns:minmax(18rem,.8fr) minmax(30rem,1.2fr);block-size:100%;min-block-size:0;overflow:hidden}.date-age-tool--teaser .date-age-tool__panel{max-block-size:100%;overflow:hidden}@media (width<=72rem){.date-age-tool__workspace,.date-age-tool__insight-grid{grid-template-columns:1fr}.date-age-tool__panel--result{position:static}}@media (width<=48rem){.date-age-tool{box-shadow:none;padding:var(--wasd-spacing-3);border-inline:0;border-radius:0}.date-age-tool__hero-metrics,.date-age-tool__milestone-grid{grid-template-columns:1fr}.date-age-tool__metric-card:first-child{grid-column:auto}.date-age-tool__detail-list div,.date-age-tool__milestone dl div{align-items:start;display:grid}.date-age-tool__detail-list dd,.date-age-tool__milestone dd{text-align:start}}