/* Opt-in outer page controls only. No case frames, media or scene layers. */
body[data-site-chrome] {
  --chrome-font: 'Site Surface Light', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --chrome-ink: #151515;
  --chrome-rule: #dedede;
}
body[data-site-chrome] :is(#package-title,#social-title,#wallet-page-title,#exchange-title,
  .remote-page-title,.remote-mobile-title,.hero h1),
body[data-site-chrome].voice-studio #page-title,
body[data-site-chrome].remote-page #page-title,
body[data-site-chrome].mobile-remote-page #page-title,
body[data-site-chrome]#top h1 {
  font-family: var(--chrome-font);
  font-weight: 300 !important;
}
body[data-site-chrome] :is(.package-heading,.package-info) :is(.price,.package-price,.renewal,.package-renewal,.inclusions,.package-inclusions) {
  font-family: var(--chrome-font);
  font-weight: 300;
}
body[data-site-chrome] :is(.inclusions,.package-inclusions) button { font-weight: 300; }
body[data-site-chrome] [data-site-contact-open] {
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--chrome-ink) !important;
  box-shadow: none !important;
  font-family: var(--chrome-font) !important;
  font-weight: 300 !important;
  border: 0;
  min-height: 44px;
}
body[data-site-chrome] :is(.package-consult,.consult-button,.social-price-consult,.desktop-contact,.mobile-primary-contact,.video-consult) {
  border-bottom: 1px solid var(--chrome-rule) !important;
  padding: 10px 0 !important;
  justify-content: space-between !important;
}
body[data-site-chrome] > .mobile-dock {
  background: #fff !important;
  border: 0 !important;
  border-top: 1px solid var(--chrome-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--chrome-ink) !important;
  font-family: var(--chrome-font);
  font-weight: 300;
}
body[data-site-chrome] > .mobile-dock :is(a,button) { font-weight: 300; }
body[data-site-chrome] :is([data-open-menu],.menu-toggle) {
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--chrome-ink) !important;
  min-height: 44px;
  min-width: 44px;
  font-family: var(--chrome-font);
  font-weight: 300;
}
body[data-site-chrome] :is([data-open-menu],.menu-toggle) :is(.four-dots,svg,.menu-lines) { display: none !important; }
body[data-site-chrome] :is([data-open-menu],.menu-toggle)::after {
  content: '+';
  display: inline-block;
  font: 300 22px/1 var(--chrome-font);
}
body[data-site-chrome] .menu-toggle > span { display: none; }
body[data-site-chrome] .menu-toggle[aria-expanded='true']::after { content: '−'; }
body[data-site-chrome] .menu-close-footer .four-dots { display: none; }
body[data-site-chrome] .menu-close-footer::after { content: '×'; margin-left: 10px; font-size: 22px; }
body[data-site-chrome] :is(.site-footer,.package-back,.back-link,.scene-tier-links) {
  font-family: var(--chrome-font);
  font-weight: 300;
}
body[data-site-chrome] [data-site-contact-open]:focus-visible,
body[data-site-chrome] [data-open-menu]:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }

/* Voice has one return path and one contact action; keep its orb composition. */
.voice-studio[data-site-chrome] .studio-header { align-items: center; min-height: 64px; }
.voice-studio[data-site-chrome] .studio-contact { grid-column: 6; grid-row: 1; justify-self: end; align-self: center; }
.voice-studio[data-site-chrome] .studio-intro { padding-top: 20px; }
@media(max-width:800px) {
  .voice-studio[data-site-chrome] .studio-contact { grid-column: 2; }
  .voice-studio[data-site-chrome] .studio-header { padding-top: 0; }
  .voice-studio[data-site-chrome] .studio-intro { padding-top: 10px; }
}

@media(max-width:700px) {
  body[data-site-chrome] > .page-header:has(#page-nav) {
    border: 0;
    border-bottom: 1px solid var(--chrome-rule);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
  }
}

:root[data-palette='graphite'] body[data-site-chrome] {
  --chrome-ink: #f1f0ec;
  --chrome-rule: #494a4e;
}