:root{color-scheme:light;--ink:#191714;--paper:#fffaf0;--accent:#9b7523}"
        "*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;"
        "color:var(--ink);background:var(--paper);line-height:1.6}"
        "header,main,footer{max-width:72rem;margin:auto;padding:1.25rem}"
        "nav ul{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0}"
        "a{color:var(--ink)}.hero{padding:4rem 0 2rem}"
        ".card{border:1px solid #d8caa8;border-radius:.75rem;padding:1rem;margin:1rem 0}"
        "@media(max-width:40rem){.hero{padding-top:2rem}nav ul{display:block}}

/* ANNAM WEBSITE QUALITY LOCK */
img {
  max-width: 100%;
  height: auto;
}

:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

body {
  text-rendering: optimizeLegibility;
}



/* ANNAM_TOUCH_TARGET_LOCK_START */

/*
 * WCAG 2.2 touch-target repair.
 * Existing navigation is preserved.
 * Only clickable geometry/spacing changes.
 */

header nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

header nav li {
  margin: 0;
  padding: 0;
}

header nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 44px;
  min-width: 44px;

  padding: 0.625rem 0.75rem;

  line-height: 1.25;
  box-sizing: border-box;
}

/*
 * Preserve usable spacing on narrow screens.
 */
@media (max-width: 640px) {
  header nav ul {
    gap: 0.375rem;
  }

  header nav a {
    min-height: 44px;
    padding: 0.625rem;
  }
}

/* ANNAM_TOUCH_TARGET_LOCK_END */