/* Loaded only on pages with the shared announcement. JS tracks its real height. */
html{scroll-padding-top:calc(var(--launch-countdown-height,100px) + 12px)}
.has-launch-countdown .nav-outer{position:relative;top:auto}
.launch-countdown{position:sticky;top:0;z-index:45;background:#f1f8f5;color:#245b49;border-bottom:1px solid #d4e7dd}
.has-launch-countdown .hero{margin-top:0;padding-top:40px}
.launch-countdown-inner{max-width:1200px;margin:0 auto;padding:12px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.launch-countdown-copy{min-width:0}
.launch-countdown-copy h2{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.6;margin:0 0 2px}
.launch-countdown-notice{font-size:12px;line-height:1.7;margin:0;color:#527365}
.launch-countdown-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:4px 0;color:#245b49;font-size:12px;line-height:1.7;font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.launch-countdown-link:hover{color:#173c30}
.launch-countdown-link:focus-visible{outline:2px solid #245b49;outline-offset:4px}
@media(max-width:620px){
  .has-launch-countdown .hero{padding-top:32px}
  .launch-countdown-inner{grid-template-columns:minmax(0,1fr);gap:0;padding:8px 16px}
  .launch-countdown-copy h2{font-size:14px}
  .launch-countdown-notice{font-size:11px}
  .launch-countdown-link{justify-self:start;font-size:11px}
}