/* BridgeCraft shared shell styles.
   Base layer mirrors the mockups' inline <style> exactly; the shell chrome
   rules below only affect the injected header/footer (and the book page). */
@layer base {
  html, body {
    margin: 0;
    padding: 0;
  }
  body {
    overscroll-behavior: none;
  }
  main > :first-child {
    margin-top: 0 !important;
  }
  main > :last-child {
    margin-bottom: 0 !important;
  }
}
::-webkit-scrollbar {
  display: none;
}

/* --- Shared shell chrome (header + footer) ---
   These are defensive: on Tailwind pages preflight already provides
   box-sizing and link resets; on book.html preflight is disabled so the
   shell chrome must carry its own. */
.shell-header,
.shell-footer,
.shell-header *,
.shell-footer * {
  box-sizing: border-box;
}
.shell-header a,
.shell-footer a {
  text-decoration: none;
}

/* --- Dubois book page (book.html) ---
   The book ships its own pandoc body styles (max-width 36em, 50px gutters).
   Keep the book's column intact; only clear the fixed h-16 shell header and
   let the shell footer span the full viewport (full-bleed technique). */
body.shell-book {
  padding-top: 5rem; /* clear the fixed h-16 shell header */
}
body.shell-book > footer {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
}