/*
 * The host page's own stylesheet, not the shell's.
 *
 * It exists because the shell sizes itself as `block-size: 100%` of its container, and something has to
 * give `html`/`body` a definite height for that chain to resolve — `container-type: size` needs a
 * definite block size or the container measures zero.
 *
 * It is **not** imported from `main.tsx`, deliberately: page layout is the host's concern, not the
 * shell's, and the host owns viewport units. It is a `<link>` from the same origin, so it survives a
 * `style-src 'self'` header.
 *
 * ⚠️ **Served to both host pages, and it has to be.** This lived in `src/styles/` and was linked only
 * from `frontend/index.html`, so the *server-rendered* shell — the production entry — had no page
 * sizing at all. The effect in a real browser: `.host { block-size: 100% }` resolved against an
 * auto-height `<main>`, collapsed to zero, `.root { overflow: hidden }` clipped the whole shell, and
 * every control reported "outside of the viewport" and could not be clicked. The page looked almost
 * right and was completely inert. Found by driving it, not by reading it.
 *
 * It lives in `public/` so Vite serves it in dev and copies it to `dist/` for the Python tier to
 * serve at `/static/host.css`. One file, one id, both pages.
 */
html,
body {
  block-size: 100%;
  margin: 0;
  background: #0e0c0a;
  /*
   * `dark`, NOT `dark light`. This one keyword shipped the worst defect on the page.
   *
   * `color-scheme: dark light` reads like "dark, falling back to light". It does not mean that.
   * Per CSS Color Adjust the *used* scheme is whichever entry matches the USER's preference — so on
   * a phone set to light mode it resolves to **light**, the UA paints its white `Field` colour
   * behind every input, and the shell's own `color: inherit` (#f6efe6) lands on it.
   *
   * Measured on the live page: **1.14:1**, against a 4.5:1 requirement. The guest's own selection
   * was effectively invisible. The page background is hard-coded dark two lines above, so offering
   * the UA a light option was never coherent.
   *
   * A light-palette tenant sets `--hg-color-scheme: light` and `.root` below picks it up; this
   * declaration is only the floor for the un-themed host page.
   */
  color-scheme: dark;
}

/* The id the server-rendered shell publishes. */
#honeyguide-root {
  block-size: 100%;
}