/* Pre-launch notice bar. Remove this file and its markup once the authorities issue.
   See PRELAUNCH-REVERSAL.md in the New website folder for the full checklist. */
:root{--pl-h:44px}

body{padding-top:var(--pl-h)}
.nav{top:var(--pl-h)!important}
html{scroll-padding-top:calc(var(--nav-h, 84px) + var(--pl-h))}

.pl-bar{position:fixed;top:0;left:0;right:0;z-index:70;min-height:var(--pl-h);
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:9px 18px;background:#B6F03C;color:#02050D;
  font:500 14px/1.35 'IBM Plex Sans',system-ui,sans-serif;text-align:center;
  box-shadow:0 2px 14px rgba(0,0,0,.35)}
.pl-bar p{margin:0}
.pl-bar b{font-weight:700}
.pl-bar a{color:#02050D;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.pl-bar a:hover{text-decoration-thickness:2px}

/* No shipments exist yet, so the shipment update section has nothing to check on. */
#track{display:none}
.foot a[href$="#track"]{display:none}

@media (max-width:760px){
  :root{--pl-h:56px}
  .pl-bar{font-size:13px;padding:8px 14px;gap:6px}
}
/* on a phone the bar says the essential half and links to the rest */
@media (max-width:620px){
  :root{--pl-h:52px}
  .pl-long{display:none}
  .pl-bar a{display:inline-block}
}
@media print{
  .pl-bar{display:none}
  body{padding-top:0}
}