/* Reset-ish + global layout */
*,
*::before,
*::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  /* Always reserve room for the vertical scrollbar so page width stays
     constant between short and long pages — no horizontal content "jump". */
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: var(--mc-font);
  font-size: var(--mc-fs-base);
  line-height: 1.6;
  color: var(--mc-text);
  background-color: var(--mc-bg);
  /* a tiled block "wall" with a radial veil over it (see tokens.css) */
  background-image: var(--mc-veil), var(--mc-wall);
  background-repeat: no-repeat, repeat;
  background-size: cover, var(--mc-wall-size) var(--mc-wall-size);
  background-attachment: fixed, fixed;
  image-rendering: pixelated;
}

/* Crisp, blocky scaling for every Minecraft texture asset. */
.mc-pixel,
img.mc-pixel { image-rendering: pixelated; }

h1, h2, h3 {
  color: var(--mc-heading);
  text-shadow: var(--mc-shadow);
  line-height: 1.25;
  margin: 0 0 0.6em;
}

a { color: var(--mc-link); text-decoration: none; }
a:hover { color: var(--mc-link-hover); text-decoration: underline; }

p { margin: 0 0 0.8em; }

code, .mc-code {
  font-family: var(--mc-font);
  background: var(--mc-code-bg);
  padding: 0.05em 0.45em;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.mc-muted { color: var(--mc-muted); }
.mc-title { color: var(--mc-gold); letter-spacing: 0.02em; }

.mc-main {
  flex: 1 0 auto;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(20px, 4vw, 48px) 16px;
}