/* Giles's supplied kitchen photograph, shared by the public site and Studio.
   The photograph is decorative; all task text stays on a readable navy surface. */
html.broker-navy body,
html.broker-navy body.editorial-page {
  position:relative;
  isolation:isolate;
  background:transparent!important;
  color:#fff!important;
}
html.broker-navy body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(0,20,42,.18),rgba(0,20,42,.04)),url('/assets/wickersham-kitchen-background.jpg') center center / cover no-repeat;
}
html.broker-navy body>header,
html.broker-navy body header.broker-studio-nav,
html.broker-navy body>footer {
  background:rgba(0,29,59,.97)!important;
}
html.broker-navy body>main:not(.staff-main),
html.broker-navy body>.staff-denied {
  background:rgba(0,29,59,.96)!important;
  border-radius:16px;
}
html.broker-navy body>main.broker-account-page {margin:32px auto;max-width:1000px;width:calc(100% - 32px);padding:32px;box-sizing:border-box}
html.broker-navy body>main.checkout-page {margin:32px auto;width:calc(100% - 32px);box-sizing:border-box}
html.broker-navy body .broker-register {box-shadow:0 20px 70px #00162c40}
html.broker-navy body .staff-shell.broker-darkroom,
html.broker-navy body .broker-darkroom .staff-main {background:transparent!important}
html.broker-navy body .broker-darkroom .staff-main>header,
html.broker-navy body .broker-darkroom .photo-wizard-nav {
  padding:20px 24px;
  background:rgba(0,29,59,.97)!important;
  border:1px solid #53718c;
  border-radius:14px;
}
html.broker-navy body .broker-darkroom .photo-wizard-nav {margin:16px 0 20px}
html.broker-navy body .broker-darkroom .staff-main>header p {margin-bottom:0}
html.broker-navy body .broker-darkroom .staff-main>footer {background:rgba(0,29,59,.97)!important;padding:18px 24px;border-radius:12px}
html.broker-navy body.editorial-page {--ink:#fff;--muted:#d6e2ef;color-scheme:dark}
html.broker-navy body.editorial-page>main {
  background:transparent!important;
  color:#fff!important;
  border-radius:0;
}
html.broker-navy body.editorial-page main>.editorial-hero {
  display:flex;
  align-items:center;
  min-height:650px;
  padding:52px 5%;
  box-sizing:border-box;
  background:transparent!important;
}
html.broker-navy .editorial-page .editorial-copy {
  width:min(100%,570px);
  box-sizing:border-box;
  padding:clamp(26px,3vw,44px);
  border:1px solid #9caebe;
  border-radius:18px;
  background:rgba(0,29,59,.96);
  box-shadow:0 20px 60px #00162c30;
}
.editorial-page .editorial-copy h1 {font-size:clamp(38px,4.4vw,62px);max-width:14ch}
.editorial-page .editorial-copy h1 em {text-decoration-color:#95c7ed;text-decoration-thickness:3px}
html.broker-navy .editorial-page main>.guided-home-start,
html.broker-navy .editorial-page main>.guided-home-examples,
html.broker-navy .editorial-page main>.guide-basics,
html.broker-navy .editorial-page main>.guide-extra {
  width:calc(100% - 48px);
  max-width:1240px;
  box-sizing:border-box;
  margin:24px auto;
  padding:32px clamp(22px,4vw,54px);
  background:rgba(0,29,59,.98)!important;
  color:#fff!important;
  border:1px solid #53718c;
  border-radius:16px;
}
html.broker-navy .editorial-page main>.guided-home-examples {padding:0}
.editorial-page .guided-home-examples>summary {padding:24px clamp(22px,4vw,54px)}
.editorial-page .guided-home-examples> :not(summary) {margin:28px clamp(22px,4vw,54px)}
.editorial-page .guided-home-examples>.editorial-feature {max-width:780px;margin:28px auto 44px;padding:0 24px;transform:none}
html.broker-navy .editorial-page .tutorial-card,
html.broker-navy .editorial-page .tier,
html.broker-navy .editorial-page .staging-style-cards article {background:#0c2c4b!important;color:#fff!important;border-color:#64839e}
html.broker-navy .editorial-page .guide-safety {background:#123856!important;color:#fff!important;border-radius:12px}
html.broker-navy .editorial-page #credit-pack {border-color:#a6c7e3;border-top-color:#a6c7e3}
html.broker-navy .editorial-page main :is(button,.button,.text-link) {border-radius:10px!important;border-color:#a6c7e3!important}
html.broker-navy .editorial-page main>.guide-basics .guide-section {background:transparent!important}
.editorial-page .guided-home-start h2 {margin-top:12px}
.editorial-page .guided-home-start p {color:#d6e2ef}
@media(max-width:760px) {
  html.broker-navy body::before {background-position:54% center}
  html.broker-navy body.editorial-page main>.editorial-hero {min-height:0;padding:120px 16px 20px}
  html.broker-navy .editorial-page .editorial-copy {width:100%;padding:26px 22px}
  .editorial-page .editorial-copy h1 {font-size:clamp(36px,9vw,54px)}
  html.broker-navy .editorial-page main>:is(.guided-home-start,.guided-home-examples,.guide-basics,.guide-extra) {width:calc(100% - 32px);margin:20px auto;padding:24px 22px}
  html.broker-navy .editorial-page main>.guided-home-examples {padding:0}
  .editorial-page .guided-home-examples> :not(summary) {margin-left:20px;margin-right:20px}
  .editorial-page .guided-home-examples>.editorial-feature {padding:0}
  html.broker-navy body .broker-darkroom .staff-main>header,
  html.broker-navy body .broker-darkroom .photo-wizard-nav {padding:18px 16px}
  html.broker-navy body>main.broker-account-page {padding:24px 20px}
}
@media(forced-colors:active) {html.broker-navy body::before {display:none}}
@media print {html.broker-navy body::before {display:none}}