:root {
  --user-font-scale: 0.8;
}

/* Scale main text */
.md-typeset {
  font-size: calc(0.8rem * var(--user-font-scale)) !important;
  line-height: 1.65;
}

/* === Floating zoom buttons (same size as menu arrow toggle) === */
.font-buttons {
  position: fixed;
  bottom: 3.5rem;        /* aligns with menu toggle */
  right: 1.5rem;
  z-index: 999;
  display: flex;
  gap: 0.3rem;           /* small space between A- and A+ */
}

.font-buttons button {
  background: #0f172a !important;   /* dark navy */
  color: #fff;
  border: none;
  border-radius: 0.35rem;
  width: 1.2rem;                    /* ✅ same as menu arrow */
  height: 1.2rem;                   /* ✅ same as menu arrow */
  font-size: 0.8rem;                /* same visual scale as arrow */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  transition: all 0.25s ease;
}

.font-buttons button:hover {
  background: #1e293b !important;   /* lighter navy on hover */
  transform: translateY(-1px);
}