/* Regular Home with its Hero (owner's local review, 26 Oct 2026). Loaded after home-dussehra.css; every rule here
   applies only while the page holds the regular Hero (.hx), so the Dussehra Home is unchanged. */

/* The header over the regular Hero's bright photograph stays dark, as in the regular prototype (home.css), instead of
   the Dussehra Home's cream over its lamp-lit photograph. */
html.hm-top .dh-page:has(.hx) .sc-header .sc-iconbtn,
html.hm-top .dh-page:has(.hx) .sc-header .sc-nav__link { color: var(--ui-text); text-shadow: none; }
html.hm-top .dh-page:has(.hx) .sc-header .sc-iconbtn:hover { color: var(--ui-accent); }
html.hm-top .dh-page:has(.hx) .sc-header .sc-nav__link:hover { color: var(--ui-accent); border-bottom-color: var(--ui-accent); }
html.hm-top .dh-page:has(.hx) .sc-header .sc-iconbtn svg { filter: none; }
html.hm-top .dh-page:has(.hx) .sc-header__left::after { background: color-mix(in srgb, var(--ui-text) 30%, transparent); }

/* The weave ribbon sits straight under the Hero, and the sections follow without a gap (owner, 26 Oct 2026). */
.hm > .hx + .hm-ribbon { margin-top: 0; }
.hm > .sm { margin-top: 0; }

/* Occasions in the Six Moods frames: the occasions' names are longer than the moods' one word, so a name on two lines
   stays centred under its frame. */
.sm__name { text-align: center; text-wrap: balance; }