/* =============================================================
   MAIN.CSS — Your real canvas.
   WordPress core styles, block-library styles, emoji styles and
   Gutenberg global styles are all dequeued in functions.php.
   Nothing but a browser default stylesheet stands between you
   and this file. Start from zero.
   ============================================================= */

/* -------- 1. Minimal, honest reset -------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

body {
  margin: 0;
  padding: 0;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

ul[class],
ol[class] {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

/* -------- 2. Skip link (accessibility, kept minimal) -------- */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 9999;
}
.skip-link:focus {
  left: 8px;
  top: 8px;
}

/* -------- 3. Layout hooks (structure only, no visual opinion) -------- */
.site-header,
.site-footer,
.site-main {
  width: 100%;
}

.container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 20px;
}

/* -------- 4. Your code starts below this line -------- */