.container--date-calculator{max-width:74rem}.date-calculator-intro{max-width:58rem}.date-main-tabs,.date-age-tabs{display:grid;gap:.4rem;padding:.4rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#e8eeec}.date-main-tabs{grid-template-columns:repeat(4,minmax(0,1fr));margin:.8rem 0 1rem}.date-age-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.date-main-tabs button,.date-age-tabs button{min-height:3rem;padding:.5rem;border:1px solid transparent;border-radius:.55rem;background:transparent;color:var(--color-muted);cursor:pointer;font:inherit;font-size:.8rem;font-weight:800}.date-main-tabs button[aria-selected=true],.date-age-tabs button[aria-selected=true]{border-color:var(--color-primary);background:var(--color-surface);color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.date-main-tabs button:focus-visible,.date-age-tabs button:focus-visible{outline:3px solid rgba(20,107,99,.22);outline-offset:2px}.date-mode-panel{margin-top:0}.date-mode-panel h2{margin:0 0 1rem;color:var(--color-primary-dark);font-size:1.08rem}.date-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.date-field label{display:block;margin-bottom:.4rem;color:var(--color-primary-dark);font-size:.8rem;font-weight:800}.date-field input{width:100%;min-width:0;min-height:3rem;padding:.55rem .7rem;border:1px solid #a9bbb6;border-radius:.6rem;background:#fff;color:var(--color-text);font:inherit}.date-field input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:0}.date-input-with-button,.date-number-with-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:stretch}.date-number-with-unit span{display:grid;min-width:3rem;place-items:center;border:1px solid #a9bbb6;border-radius:.6rem;background:#fff;font-weight:800}.date-inline-action{margin-top:.75rem}.date-presets{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.date-presets .button{min-width:3.8rem}.date-error{min-height:1.5rem;margin:.7rem 0 0;color:var(--color-danger);font-size:.8rem;font-weight:750}.date-result{margin-top:1rem;padding:1rem;border-radius:var(--radius-sm);background:#173f3a;color:#fff}.date-result>strong{display:block;color:#d7f5ed;font-size:clamp(1.4rem,4vw,2.35rem);overflow-wrap:anywhere;text-align:center}.date-result>p{margin:.6rem 0 0;color:#e2f2ee;text-align:center}.date-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0 0}.date-result-grid>div{min-width:0;padding:.7rem;border:1px solid rgba(255,255,255,.18);border-radius:.55rem;background:rgba(255,255,255,.06)}.date-result-grid dt{color:#a9d7ce;font-size:.7rem;font-weight:750}.date-result-grid dd{overflow-wrap:anywhere;margin:.25rem 0 0;color:#fff;font-weight:800}.date-result-wide{grid-column:1/-1}.date-global-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}.date-action-status{min-height:1.6rem;text-align:center}.date-guide{margin-top:2rem}.date-faq details{border-bottom:1px solid var(--color-border)}.date-faq summary{padding:.75rem 0;color:var(--color-primary-dark);cursor:pointer;font-weight:800}.date-faq details p{margin:0 0 .8rem}@media(max-width:48rem){.date-main-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.date-input-grid{grid-template-columns:1fr}}@media(max-width:34rem){.date-main-tabs,.date-age-tabs,.date-result-grid,.date-global-actions{grid-template-columns:1fr}.date-input-with-button{grid-template-columns:1fr}.date-input-with-button .button{width:100%}.date-main-tabs button,.date-age-tabs button{min-height:2.75rem}}