/* Exact light-theme wordmark typography from cairo-plus.com HeaderNav.astro
   and Layout.astro: same glyphs, weight, responsive sizes, spacing and plus.
   The existing self-hosted Zen Kaku Gothic New 300 logo subset is unchanged. */
@font-face {
  font-family: "Zen Kaku Gothic New";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("zen-kaku-gothic-new-300-cairo-v1.woff2") format("woff2");
  unicode-range: U+43, U+61, U+69, U+6F, U+72, U+FF0B;
}
.cairo-brand {
  display: inline-block;
  flex: 0 0 auto;
  padding: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: .22em;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  color: #1e293b;
}
.cairo-brand__plus {
  font-size: .6em;
  vertical-align: super;
  line-height: 0;
  color: hsl(199, 89%, 48%);
}
.cairo-brand:focus-visible {
  outline: 2px solid #1e293b;
  outline-offset: 5px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .cairo-brand { font-size: 24px; line-height: 32px; }
}