/* Approved extended backgrounds; only their baked header is replaced by shared controls. */
body:has(.reference-page.active) > #siteHeader {
  display:block !important;position:absolute;inset:0 0 auto;width:100%;height:8.373206vw;
  min-height:0;aspect-ratio:auto;margin:0;padding:0;border:0;background:none;
  backdrop-filter:none;pointer-events:none;z-index:50;
  --header-position:0% 0%;
}
body:has(#learn.active) > #siteHeader { --header-position:0% 50%; }
body:has(#consult.active) > #siteHeader { --header-position:0% 100%; }
body:has(.reference-page.active) > #siteHeader::before {
  content:'';position:absolute;inset:0;z-index:-1;
  background-image:url('../extended-header-sky-v1.png');
  background-size:100% auto;background-position:center top;background-repeat:no-repeat;
  mask-image:linear-gradient(#000 0 86%,transparent 100%);
}
body:has(#about.active,#learn.active,#consult.active) > #siteHeader::before {
  background-image:url('../extended-editorial-headers-v1.png');background-size:100% 300%;background-position:var(--header-position);
}
body:has(.reference-page.active) #siteHeader .reference-header {
  position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;
  min-height:0;margin:0;padding:0;
}
body:has(.reference-page.active) #siteHeader .brand {
  position:absolute;left:13.60799%;top:1.498127vw;width:24.968789%;height:4.11985vw;
  min-width:0;margin:0;padding:0;border:0;background:none;pointer-events:auto;box-shadow:none;
}
body:has(.reference-page.active) #siteHeader .brand > * { opacity:0; }
body:has(.reference-page.active) #siteHeader .brand::before { content:none; }
body:has(.reference-page.active) #siteHeader .brand .original-brand {
  position:absolute;inset:0;display:block;width:100%;height:100%;opacity:1;pointer-events:none;
}
body:has(.reference-page.active) #siteHeader .brand::after { content:none; }
body:has(.reference-page.active) #siteHeader .nav-row {
  position:absolute;left:39.950062%;top:1.685393vw;width:45.443196%;height:2.996255vw;
  display:grid;grid-template-columns:64fr 146fr 84fr 122fr 100fr 108fr 104fr;
  margin:0;padding:0;border:0;background:none;gap:0;overflow:visible;
}
body:has(.reference-page.active) #siteHeader .nav-row button {
  position:relative;inset:auto;width:auto;height:100%;min-width:0;min-height:0;
  display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:0;
  background:none;color:#542b59;box-shadow:none;pointer-events:auto;
  font:700 .99875156vw/1.5 'Noto Serif TC','PMingLiU',serif;
  letter-spacing:0;white-space:nowrap;text-shadow:0 1px 3px #fff9;
}
body:has(.reference-page.active) #siteHeader .nav-row button.active,
body:has(.reference-page.active) #siteHeader .nav-row button[aria-current='page'] { color:#a10d48; }
body:has(.reference-page.active) #siteHeader .nav-row button.active::after,
body:has(.reference-page.active) #siteHeader .nav-row button[aria-current='page']::after {
  content:'';position:absolute;left:10%;right:10%;bottom:0;height:1px;background:#dc4b91;
  transform:none;
}
body:has(.reference-page.active) #siteHeader .nav-row button.active::before,
body:has(.reference-page.active) #siteHeader .nav-row button[aria-current='page']::before {
  content:'✦';position:absolute;left:50%;bottom:-.4vw;transform:translateX(-50%);
  color:#d63e84;font-size:.85vw;line-height:1;
}
body:has(.reference-page.active) #siteHeader .reference-moon {
  position:absolute;left:86.891386%;top:2.122347vw;width:3.121099vw;height:3.121099vw;
  display:grid;place-items:center;margin:0;padding:0;min-width:0;min-height:0;
  border:1px solid #dd985f;border-radius:50%;background:#fff9f866;color:#91445c;
  font-size:0;box-shadow:0 0 0 .15vw #fff8;
  pointer-events:auto;
}
body:has(.reference-page.active) #siteHeader .reference-moon svg { width:50%;height:50%;fill:currentColor; }
.approved-bitmap-header-control { display:none !important; }
body:has(.reference-page.active) .commerce-utility {
  position:absolute;left:58.302122%;top:5.05618vw;right:auto;width:27.091136%;height:2.122347vw;
  display:grid;grid-template-columns:122fr 100fr 108fr 104fr;align-items:center;gap:0;margin:0;padding:0;
  background:none;border:0;color:#542b59;
}
body:has(.reference-page.active) .commerce-utility button:not(.utility-brand,.utility-home,.utility-bag) {
  display:block;height:100%;width:100%;min-width:0;margin:0;padding:0;border:0;background:none;
  font:700 .99875156vw/1.5 'Noto Serif TC','PMingLiU',serif;
  letter-spacing:0;white-space:nowrap;
}
body:has(.reference-page.active) .commerce-utility .utility-brand,
body:has(.reference-page.active) .commerce-utility .utility-home,
body:has(.reference-page.active) .commerce-utility .utility-bag { display:none; }
.commerce-utility [data-page='shop'],.commerce-utility .utility-bag { display:none !important; }
body:has(.reference-page.active) .commerce-utility [data-celebrity-open] { grid-column:1; }
body:has(.reference-page.active) .commerce-utility [data-page='dating'] { grid-column:1; }
body:has(.reference-page.active) .commerce-utility [data-page='member'] { grid-column:2; }
body:has(.reference-page.active) .commerce-utility [data-feedback-open] { grid-column:4; }
body:has(.reference-page.active) #siteHeader button:hover { transform:none;background:#fff3; }
body:has(.reference-page.active) #siteHeader button:focus-visible { outline:2px solid #b9256a;outline-offset:2px; }
body.approved-night:has(.reference-page.active) #siteHeader::before { filter:brightness(.62) saturate(.8); }
body.approved-night:has(.reference-page.active) #siteHeader .nav-row button,
body.approved-night:has(.reference-page.active) .commerce-utility button { color:#fff0f7;text-shadow:0 1px 4px #53223f; }

.feature-availability-dialog { width:min(420px,calc(100vw - 32px));background:linear-gradient(135deg,#fffafd,#fff2f7); }
.feature-availability-dialog .commerce-dialog-body { text-align:center; }
.feature-availability-dialog .commerce-dialog-body p { margin:12px 0 24px;line-height:1.8; }

.home-reference-page .home-reference-cosmos { aspect-ratio:1602/982; }
.home-reference-page .home-reference-copy .reference-primary { left:14.106117%;top:47.352342%;width:23.970037%;height:7.84114%; }
.home-reference-page .home-reference-quick-entries { left:4.307116%;top:62.118126%;width:91.448189%;height:22.912423%; }
.home-reference-page .home-reference-zodiac-orbit.approved-home-zodiac { left:4.307116%;top:87.169043%;width:91.448189%;height:10.285132%; }

@media (max-width:760px) {
  body:has(.reference-page.active) .commerce-utility { display:none; }
  .home-mobile-controls button,.approved-mobile-nav button { font-family:'Noto Serif TC','PMingLiU',serif;font-weight:700;font-size:16px; }
}
@media (max-width:800px) {
  .home-reference-page .home-reference-cosmos::after { left:4.307116%;top:87.169043%;width:91.448189%;height:10.285132%; }
  .home-reference-page .home-reference-zodiac-orbit.approved-home-zodiac { top:100%;height:auto; }
}
@media (min-width:761px) and (max-width:1024px) {
  .home-mobile-controls,.approved-mobile-nav { display:flex;flex-wrap:wrap;gap:10px;padding:16px;background:#fff6fa; }
  .home-mobile-controls button,.approved-mobile-nav button {
    min-height:44px;margin:0;padding:8px 14px;border:1px solid #e8b6cd;border-radius:13px;
    background:#fffdfc;color:#823451;font:700 16px/1.5 'Noto Serif TC','PMingLiU',serif;
  }
}