/* Typography for the guide and navigation in the shared header. */
@font-face {
  font-family: "Desainerku Order Roboto";
  src: url("assets/order-guide-intro/roboto-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Desainerku Order Roboto";
  src: url("assets/order-guide-intro/roboto-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Desainerku Order Roboto";
  src: url("assets/order-guide-intro/roboto-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

#site-header .how-to-order-link { color:#fff; text-decoration:none; white-space:nowrap; font-weight:700 }
#site-header .how-to-order-link:hover,#site-header .how-to-order-link[aria-current="page"] { text-decoration:underline; text-underline-offset:4px }
body[data-page="how-to-order"] #support-toggle { display:none }
body[data-page="how-to-order"] { overscroll-behavior-y: none }
@media(max-width:379px) {
  body #site-header .how-to-order-link.service-link { display:inline-flex }
  body #site-header .topbar { gap:8px }
}