/* Heart Failure Solutions — base rules. Layout and type are set inline on each page. */

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: #FFFFFF; }

a { color: #1B4B9B; }
a:hover { color: #0B1A33; }

img { max-width: 100%; }

/* keyboard focus is always visible, on light and dark sections alike */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #5F9BFF;
  outline-offset: 3px;
  border-radius: 4px;
}

.btn { display: inline-block; transition: filter 120ms ease; }
.btn:hover { filter: brightness(0.88); }

.skip {
  position: absolute;
  left: 16px;
  top: -80px;
  z-index: 10;
  background: #0B1A33;
  color: #FFFFFF;
  padding: 12px 18px;
  border-radius: 6px;
  font: 600 15px/1.2 'IBM Plex Sans', system-ui, sans-serif;
}
.skip:hover { color: #FFFFFF; }
.skip:focus { top: 12px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .btn { transition: none; }
}
