/* Shared year navigation, rendered as real links for keyboard access and crawling. */
header nav{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}
.born-menu{position:relative;color:#943657;font-size:.95rem;font-weight:600}
.born-menu summary{cursor:pointer;padding:.65rem .4rem;min-height:44px;list-style-position:inside}
.born-menu summary:focus-visible,.born-years a:focus-visible{outline:3px solid #943657;outline-offset:3px}
.born-years{position:absolute;top:100%;left:0;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;width:min(320px,85vw);max-height:310px;overflow:auto;padding:.75rem;background:#fff8fb;border:1px solid #e8b9cb;border-radius:12px;box-shadow:0 12px 32px #68304825}
header nav .born-years a{display:flex;justify-content:center;align-items:center;margin:0;padding:.5rem;min-height:44px;color:#84324f;border-radius:6px;font-variant-numeric:tabular-nums}
header nav .born-years a:hover{background:#f8d7e4;color:#542137}
.born-content{max-width:900px}
.born-content h1{text-wrap:balance;max-width:800px}
.born-eyebrow{font-size:.85rem;letter-spacing:.04em;color:#765a69}
.born-calculator{margin:2rem 0;padding:clamp(1rem,4vw,2rem)}
.born-calculator>h2{margin-top:0}
.born-inputs{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:end;margin:1rem 0}
.born-inputs label{display:block;font-weight:600;margin-bottom:.5rem}
.born-inputs select{width:100%;min-height:48px;padding:.65rem;background:#fff;border:1px solid #d4a5b7;border-radius:8px;color:#542137;font:inherit}
.born-inputs select:focus-visible{outline:3px solid #943657;outline-offset:2px}
.born-inputs .born-fixed-year{margin:0;padding:.4rem 0;color:#765a69}
.born-fixed-year strong{display:block;color:#84324f;font-size:1.35rem}
.born-result{border-left:4px solid #943657;background:#fff3f7;padding:1rem 1.25rem;margin:1.5rem 0;border-radius:0 12px 12px 0}
.born-result h2{margin:0 0 .5rem;font-size:1.1rem}
.born-result #exact-age{font-size:clamp(1.4rem,4vw,2rem);font-weight:700;line-height:1.4;color:#84324f;margin-bottom:.5rem;font-variant-numeric:tabular-nums}
.born-result #age-as-of{font-size:.85rem;margin-bottom:0}
.born-countdown{border-bottom:1px solid #f1d4e0;margin-bottom:1rem}
.born-countdown h2{margin-top:0}
#birthday-countdown{font-variant-numeric:tabular-nums;font-weight:700;font-size:clamp(1rem,3vw,1.3rem);color:#84324f}
.born-countdown p:last-child,#birthday-context{font-size:.85rem;color:#765a69}
.born-content .faq-list{margin:2.5rem 0}
.born-content .faq-list details{border-bottom:1px solid #e8b9cb;padding:1rem 0}
.born-content .faq-list summary{cursor:pointer;font-weight:600;min-height:44px}
.born-content .faq-list p{margin:.5rem 0}
.born-adjacent{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:2rem 0}
.born-adjacent a{margin:0;min-height:44px}
@media(max-width:700px){header{gap:.75rem;flex-wrap:wrap;padding:1rem!important}header nav{gap:.25rem .5rem!important}header nav>a{margin:0 .25rem}.born-inputs{grid-template-columns:2fr 1fr}.born-inputs .born-fixed-year{grid-column:1/-1}.born-fixed-year strong{display:inline;margin-left:.5rem}.born-content{margin:1.5rem auto}}