/* A little warmth on interaction; content stays visible and layout stays still. */
.light-interactions .button,.light-interactions .nav-unlock,.light-interactions .plan-card,.light-interactions .provider-choice{position:relative;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}
.light-interactions .auth-input-wrap,.light-interactions .pay-field input,.light-interactions .region-trigger{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
.light-interactions .auth-input-wrap:focus-within{border-color:var(--wine);box-shadow:0 0 0 3px #b6986c14}
.light-interactions .button:not(:disabled):active,.light-interactions .nav-unlock:active{transform:scale(.985)}
.light-interactions .plan-card:active,.light-interactions .provider-choice:active{transform:scale(.995)}
.interaction-spark{display:block!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;border:0!important;position:absolute!important;right:12px;top:1px;font:20px/1 Georgia,serif!important;color:var(--gold)!important;pointer-events:none;z-index:2;opacity:0}
@media(hover:hover) and (pointer:fine){
 .light-interactions .button:not(:disabled):hover,.light-interactions .nav-unlock:hover{transform:translateY(-2px);box-shadow:0 5px 14px #79554715}
 .light-interactions .plan-card:hover,.light-interactions .provider-choice:hover{border-color:#b6986c;box-shadow:0 4px 16px #7955470b}
 .light-interactions .language-toggle:hover svg,.light-interactions .footer-brand-lockup:hover>img{transform:rotate(-5deg);transition:transform .22s ease}
}
/* Year/month choices are buttons, so selecting one cannot reopen a native phone wheel. */
.birth-calendar{max-height:min(440px,68dvh);overflow-y:auto;overscroll-behavior:contain}
.birth-calendar-head{display:grid;grid-template-columns:36px minmax(0,1fr) 88px 36px;gap:7px}
.birth-calendar-head button.calendar-month,.birth-calendar-head button.calendar-year{width:100%;min-width:0;min-height:40px;padding:7px 5px;border:1px solid var(--line);border-radius:10px;background:#fffcf7;font:15px/1.3 var(--serif);color:var(--wine)}
.birth-calendar .calendar-nav{min-height:40px;height:40px}
.calendar-range{font:12px/1.5 var(--sans);text-align:center;color:var(--ink);margin:0 0 12px}
.calendar-year-grid,.calendar-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.calendar-year-choice,.calendar-month-choice{min-height:44px;min-width:0;padding:10px 5px;border:1px solid #d8c9b380;border-radius:10px;background:#fffdf7;color:var(--wine);font:15px/1.3 var(--sans);font-variant-numeric:tabular-nums;transition:background-color .15s,border-color .15s,transform .15s}
.calendar-year-choice:not(:disabled):hover,.calendar-month-choice:not(:disabled):hover{background:#f2e7db;border-color:var(--wine)}
.calendar-year-choice[aria-pressed=true],.calendar-month-choice[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:var(--paper)}
.calendar-year-choice:active,.calendar-month-choice:active,.calendar-day:not(:disabled):active{transform:scale(.96)}
.birth-calendar button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.birth-calendar .calendar-day{min-height:40px}.calendar-footer button{min-height:40px;font-size:12px}
@media(max-width:760px){
 .birth-calendar{max-height:min(420px,65dvh);padding:15px 11px 9px}
 .birth-calendar-head{grid-template-columns:34px minmax(0,1fr) 78px 34px;gap:5px}
 .birth-calendar .calendar-nav{width:34px}
 .birth-calendar-head button.calendar-month,.birth-calendar-head button.calendar-year{font-size:14px}
 .calendar-year-grid,.calendar-month-grid{gap:7px}.calendar-year-choice,.calendar-month-choice{min-height:44px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .light-interactions .button,.light-interactions .nav-unlock,.light-interactions .plan-card,.light-interactions .provider-choice,.light-interactions .auth-input-wrap,.light-interactions .pay-field input,.light-interactions .region-trigger,.calendar-year-choice,.calendar-month-choice,.calendar-day{transition:none!important;animation:none!important}
 .light-interactions .button:hover,.light-interactions .button:active,.light-interactions .nav-unlock:hover,.light-interactions .nav-unlock:active,.light-interactions .plan-card:active,.light-interactions .provider-choice:active,.calendar-year-choice:active,.calendar-month-choice:active{transform:none!important}
 .interaction-spark{display:none!important}
}
/* Let wheel/touch continue into the form when the date grid reaches its edge. */
#birth-calendar{overscroll-behavior-y:auto;scroll-margin-block:14px}
#birth.auth-dialog{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
#birth .auth-layout,#birth .auth-panel{min-height:0}