:root {
  --header-height: 175px;
  --top-bar-height: 40px;
}

@media print {
  .no-print {
    display: none !important;
  }
  .print-text {
    color: black !important;
  }
  .print-container {
    width: 90% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}

[x-cloak] {
  display: none !important;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.skip-to-content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1em;
  background: #000;
  color: #fff;
  text-decoration: none;
  transform: translateY(-100%);
  z-index: 1000;
}

.skip-to-content:focus {
  transform: translateY(0);
}

.brand {
  font-family: "Satisfy", cursive;
}

.no-scroll {
  overflow: hidden;
}

.ham-bar {
  transform: translateY(-50%);
  transition: transform 0.2s, opacity 0.2s, top 0.2s;
}

.hamburger-menu.active .bar-top {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.hamburger-menu.active .bar-mid {
  opacity: 0;
}

.hamburger-menu.active .bar-bottom {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.markdown a {
  color: #2563eb; /* Tailwind blue-600 */
  text-decoration: underline;
}
.markdown a:hover {
  color: #1d4ed8; /* Tailwind blue-700 */
}