/* Use native system fonts instead of the theme's remote Google font
   (Source Sans Pro). Avoids the font-swap flash where some navbar items
   render in a fallback face at a different size/baseline. */
:root {
  --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

body,
.navbar,
.navbar-brand,
.navbar-nav .nav-link {
  font-family: var(--bs-body-font-family);
}

.page-layout {
  max-width: 1100px;
  margin: 0 auto;
}

.icon-box {
  margin-bottom: 1.25rem;
  text-align: center;
}

.icon-img {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

main a {
  text-decoration: none;
}

main a:hover {
  text-decoration: underline;
}

main ul li + li {
  margin-top: 0.35rem;
}

.navbar-nav .nav-link {
  text-transform: uppercase;
  letter-spacing: 0.03em;
}