/**
 * NeuroBloom base — type scale and skip navigation.
 * Loaded on every page ahead of motion.css.
 */

/* Many visitors are older adults, or managing vision and cognitive effects
   post-stroke. 17px base; nothing in a content role sits below 16px. */
html {
  font-size: 106.25%;
}

/* First focusable element on every page: jumps past the fixed nav. */
.nb-skip {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 100;
  transform: translateY(-160%);
  background: #ffffff;
  color: #1a237e;
  font-weight: 600;
  padding: 12px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(26, 35, 126, 0.28);
  outline: 2px solid #1a237e;
  outline-offset: 2px;
}

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

@media (prefers-reduced-motion: no-preference) {
  .nb-skip {
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  }
}

/* Inline SVG icons, sized and coloured the way the icon font was: 1em square,
   inheriting colour, so every existing text-* and text-size class still works. */
.nb-i {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
  flex-shrink: 0;
}