/* Decoration for the temporary English Sites homepage only. This file is
   injected by api/homepage; no markup, typography, images or controls move. */
body:has(.home-hero) {
  --ah-home-paper-rgb: 246, 243, 237;

  --ah-home-reading-wash: none;
  background-color: #f6f3ed;
  background-image: none;

  background-repeat: repeat;
  background-position: center top;
}

/* Reading areas share the clean canvas. Selected states, focus outlines and
   image crops remain with their original components. */
body:has(.home-hero) :is(.horoscope-home, .daily-paths > .section-heading, .ritual-copy, .playground-heading, .playground-note) {
  background-image: var(--ah-home-reading-wash);
}

/* This upstream version shares its Chinese entrance with the world chapter.
   Give that existing chapter an opaque rice-paper ground, beneath its image. */
body:has(.home-hero) .home-world:has(a[href^="/kinesisk-astrologi"]) {
  background-color: #f5f0e5;
  background-image: none;
  background-size: auto, 720px auto;
  background-repeat: repeat;
  background-position: center top;
}

@media (max-width: 600px) {
  body:has(.home-hero) {

    --ah-home-reading-wash: none;
  }
  body:has(.home-hero) .home-world:has(a[href^="/kinesisk-astrologi"]) { background-size: auto, 460px auto; }
}

@media print {
  body:has(.home-hero),
  body:has(.home-hero) :is(.horoscope-home, .daily-paths > .section-heading, .ritual-copy, .playground-heading, .playground-note, .home-world:has(a[href^="/kinesisk-astrologi"])) {
    background-image: none;
  }
}

/* The temporary English homepage gets the same modest desktop inset. */
@media screen and (min-width: 1024px) {
  body:has(.home-hero) main { --ah-content: 1080px; }
  body:has(.home-hero) main > .shell,
  body:has(.home-hero) main > section > .shell {
    max-width: 1080px;
    padding-inline: 20px;
  }
}

/* Public English homepage: use the same clean margin rhythm. */
body:has(.home-hero) main > .shell,
body:has(.home-hero) main > section > .shell {
  width: min(1120px, calc(100% - clamp(40px, 8vw, 96px)));
  margin-inline: auto;
  padding-inline: 0;
}