/* ============================================================
   Auth pages skin — /register/ (page-id-66) + /login/ (page-id-65)
   Same visual family as css/birdhouse-waitlist.css and
   css/meet-gurdy.css: rust canvas + vignette, centered cream
   sheet, serif title. Loads AFTER css/account.css (dependency)
   and overrides its flat full-width cream treatment; UM field
   internals stay account.css's.

   FRAMED MODE: inside the 3D shell's popups (body.iframe-mode on
   first load, html.bc-framed on every load) the flat cream look
   is kept — every rule below is scoped out of both.
   ============================================================ */

html:not(.bc-framed) body.page-id-66:not(.iframe-mode),
html:not(.bc-framed) body.page-id-65:not(.iframe-mode) {
  background: #c4824c !important;
  background-image: radial-gradient(
    ellipse at center,
    transparent 40%,
    rgba(0, 0, 0, 0.25) 80%,
    rgba(0, 0, 0, 0.45) 100%
  ) !important;
  background-attachment: fixed !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

html:not(.bc-framed) body.page-id-66:not(.iframe-mode) .site,
html:not(.bc-framed) body.page-id-66:not(.iframe-mode) .site.grid-container,
html:not(.bc-framed) body.page-id-66:not(.iframe-mode) .site-content,
html:not(.bc-framed) body.page-id-66:not(.iframe-mode) .content-area,
html:not(.bc-framed) body.page-id-66:not(.iframe-mode) .site-main,
html:not(.bc-framed) body.page-id-66:not(.iframe-mode) #primary,
html:not(.bc-framed) body.page-id-66:not(.iframe-mode) article,
html:not(.bc-framed) body.page-id-65:not(.iframe-mode) .site,
html:not(.bc-framed) body.page-id-65:not(.iframe-mode) .site.grid-container,
html:not(.bc-framed) body.page-id-65:not(.iframe-mode) .site-content,
html:not(.bc-framed) body.page-id-65:not(.iframe-mode) .content-area,
html:not(.bc-framed) body.page-id-65:not(.iframe-mode) .site-main,
html:not(.bc-framed) body.page-id-65:not(.iframe-mode) #primary,
html:not(.bc-framed) body.page-id-65:not(.iframe-mode) article {
  background: transparent !important;
}

/* the sheet wrapper — caps the full-width sprawl on desktop.
   !important is load-bearing: account.css's iframe-era block
   (.page-id-65 .inside-article) forces max-width:none/width:100%/
   margin:0 with !important, so the cap and centering must outrank it. */
html:not(.bc-framed) body.page-id-66:not(.iframe-mode) .inside-article,
html:not(.bc-framed) body.page-id-65:not(.iframe-mode) .inside-article {
  max-width: 720px !important;
  margin: 40px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

/* cream card — radius/min-height also fight account.css !important rules */
html:not(.bc-framed) body.page-id-66:not(.iframe-mode) .entry-content,
html:not(.bc-framed) body.page-id-65:not(.iframe-mode) .entry-content {
  background: #fffdf9 !important;
  border: 1px solid rgba(65, 40, 24, 0.14);
  border-radius: 15px !important;
  min-height: 0 !important;
  box-shadow: 0 16px 50px rgba(40, 22, 12, 0.28) !important;
  padding: clamp(28px, 5vw, 52px) clamp(24px, 5vw, 56px) !important;
}

/* serif title inside the sheet (matches waitlist page) */
html:not(.bc-framed) body.page-id-66:not(.iframe-mode) .entry-content h1,
html:not(.bc-framed) body.page-id-65:not(.iframe-mode) .entry-content h1 {
  font-family: var(--font-heading), 'Libre Baskerville', serif;
  font-size: clamp(2rem, 4.5vw, 2.8rem);
  line-height: 1.08;
  color: #412818 !important;
  letter-spacing: -0.015em;
  margin: 0 0 0.5em;
}

@media (max-width: 640px) {
  html:not(.bc-framed) body.page-id-66:not(.iframe-mode) .inside-article,
  html:not(.bc-framed) body.page-id-65:not(.iframe-mode) .inside-article {
    margin: 24px auto !important;
  }
}