/* Meridian base shell — package styles arrive as inline CSS on this handle */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

:root {
  --mdn-font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --mdn-font-display: "Syne", "Avenir Next", sans-serif;
  --mdn-font-size: 1rem;
}

body.mdn-body {
  margin: 0;
  min-height: 100vh;
  background: #0e1014;
  color: #e8ecf4;
  font-family: var(--mdn-font-body);
  font-size: var(--mdn-font-size);
}

.mdn-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.mdn-shell__row {
  display: flex;
  flex: 1;
  align-items: stretch;
  width: 100%;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mdn-pager {
  margin-top: 2rem;
}

a.link-button,
button.link-button,
.link-button {
  cursor: pointer;
}

.mdn-nav a {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.mdn-nav__icon {
  display: block;
  width: var(--mdn-menu-icon-size, 20px);
  height: var(--mdn-menu-icon-size, 20px);
  object-fit: contain;
  flex-shrink: 0;
}

.mdn-nav__label {
  min-width: 0;
}