/* Shared editorial typography for the private website and shop preview. */
@font-face {
  font-family: "Andada";
  src: url("/assets/fonts/Andada-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root { --heading-font: "Andada", Georgia, serif; }
:is(.site-main, body[data-commerce]) :is(h1, h2, h3, h4, h5, h6, [role="heading"]) {
  font-family: var(--heading-font);
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: -.025em;
  line-height: 1.12;
}
.site-nav .site-nav-links a,
.site-nav .site-actions a,
.site-mode-tabs button {
  font-family: var(--heading-font);
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: 0;
}
.site-nav .site-nav-links a {
  font-size: 18px;
  line-height: 1.3;
  min-height: 46px;
  padding: 11px 12px;
}
.site-nav .site-actions a {
  font-size: 16px;
  min-height: 44px;
  padding: 10px 17px;
}
.site-mode-tabs { flex-wrap: wrap; }
.site-mode-tabs button,
body[data-page="energy"] .site-mode-tabs button {
  font-size: 16px;
  line-height: 1.25;
  min-height: 44px;
  padding: 10px 20px;
}
@media (max-width: 600px) {
  .site-nav .site-nav-links a { font-size: 16px; padding: 11px 10px; }
  .site-nav .site-actions a { font-size: 15px; padding: 10px 13px; }
  .site-modebar { gap: 12px; flex-wrap: wrap; }
  .site-mode-tabs button,
  body[data-page="energy"] .site-mode-tabs button {
    font-size: 15px;
    padding: 10px 14px;
  }
}

@media (max-width: 380px) {
  .site-nav .site-nav-inner { grid-template-columns: minmax(0, 1fr) auto; }
  .site-nav .hero-wordmark { width: 90px; }
  .site-nav .site-actions a { padding-inline: 9px; }
}