/* Broker Studio v12: restored kitchen backdrop with readable studio surfaces. */
html.broker-navy.broker-silver body{background:transparent!important;color:#17181b!important;--broker-font:'Broker DM Sans',Arial,sans-serif}
html.broker-navy.broker-silver body::before{display:block!important;content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/kitchen-after-background-20261005.jpg') center center / cover no-repeat!important;opacity:1;filter:none}
html.broker-navy.broker-silver body>header,html.broker-navy.broker-silver body>footer{background:#fff!important;border-color:#e0e1e4!important}
html.broker-navy.broker-silver body main{background:transparent!important}
html.broker-navy.broker-silver body.editorial-page main>.premium-opening{display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr)!important;align-items:center;gap:clamp(24px,4vw,72px);max-width:1600px;width:100%;margin:0 auto!important;padding:clamp(28px,5vw,72px) 5%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html.broker-navy.broker-silver body.editorial-page .premium-opening .editorial-intro{text-align:left;width:100%;margin:0;padding:clamp(20px,2.5vw,36px);border-radius:18px;background:rgba(255,255,255,.96);box-sizing:border-box}
html.broker-navy.broker-silver body.editorial-page .premium-opening h1{font-size:clamp(36px,4.1vw,64px)!important;line-height:1.04!important;letter-spacing:-.045em;max-width:15ch;margin:18px 0 24px!important}
html.broker-navy.broker-silver body.editorial-page .premium-opening .eyebrow{font-size:14px!important;letter-spacing:.09em}
html.broker-navy.broker-silver body.editorial-page .premium-opening .editorial-actions{justify-content:flex-start;gap:16px}
html.broker-navy.broker-silver body.editorial-page .premium-opening .premium-demo-link{background:transparent!important;color:#17181b!important;border:0!important;text-decoration:underline;text-underline-offset:5px;font-size:16px;padding:12px 0;min-height:44px}
.premium-hero-photo{margin:0;min-width:0;padding:16px;border-radius:22px;background:rgba(255,255,255,.96);box-sizing:border-box}.premium-hero-photo .compare{aspect-ratio:3/2;border-radius:16px;overflow:hidden}.premium-hero-photo figcaption{font-size:14px;line-height:1.5;margin-top:12px;color:#50535a}
html.broker-navy.broker-silver body.editorial-page main>.premium-portfolio{width:100%;max-width:1500px;margin:24px auto!important;padding:64px 5%!important;background:rgba(246,246,247,.97)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html.broker-navy.broker-silver body.editorial-page .premium-portfolio .editorial-heading{margin:0 0 28px!important}.premium-portfolio .editorial-heading h2{max-width:24ch}
html.broker-navy.broker-silver body.editorial-page .premium-portfolio #editing-options>.tutorial-card{grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr)!important;gap:32px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important}
html.broker-navy.broker-silver body.editorial-page .premium-portfolio #editing-options>.tutorial-card>.tutorial-example{grid-row:1;grid-column:1;width:100%;margin:0}.premium-portfolio .hero-example-copy{grid-column:2!important;grid-row:1!important;padding:24px 0!important}.premium-portfolio .hero-example-copy .eyebrow{display:none}
html.broker-navy.broker-silver body.editorial-page .premium-portfolio #editing-options .compare{aspect-ratio:3/2!important;border-radius:16px!important}
html.broker-navy.broker-silver body.editorial-page .example-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:0 0 14px;margin:0!important}
html.broker-navy.broker-silver body.editorial-page .example-thumbnails button{flex:0 0 auto;min-width:100px;padding:12px 18px!important;font-size:15px!important;border-radius:999px!important;min-height:44px}
.premium-portfolio .example-thumbnails img{display:none}.premium-portfolio .example-carousel-controls{margin:8px 0 20px!important}
html.broker-navy.broker-silver body.editorial-page .guide-safety{background:#eeeff1!important;border-radius:12px;margin:24px 0 0!important}
html.broker-navy.broker-silver body.editorial-page main>.home-login{max-width:580px;margin:24px auto 56px!important;background:#fff!important;border:1px solid #e0e1e4!important;border-radius:16px!important;padding:28px!important;box-shadow:none!important}
html.broker-navy.broker-silver body.editorial-page main>.premium-kitchen{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;padding:64px 5%;margin:0;background:#fff!important}.premium-kitchen figure{margin:0;min-width:0}.premium-kitchen img{display:block;width:100%;height:auto;border-radius:16px}.premium-kitchen figcaption{font-size:14px;margin-top:12px;color:#50535a}.premium-kitchen h2{font-size:clamp(30px,3.4vw,50px);max-width:19ch}.premium-kitchen p{max-width:45ch}
html.broker-navy.broker-silver body .tier{border-radius:16px!important;border-color:#d9dbe0!important;box-shadow:none!important}
html.broker-navy.broker-silver body :is(button,.button,input,select,textarea){font-family:'Broker DM Sans',Arial,sans-serif!important}
/* Neutral editing surround; controls remain opaque and readable. */
html.broker-navy.broker-silver body [role=dialog].photo-editor{background:#202124!important;color:#f5f5f6!important}
html.broker-navy.broker-silver body .photo-editor .photo-editor-canvas{background:#202124!important}
html.broker-navy.broker-silver body .photo-editor :is(.photo-editor-head,.photo-editor-footer,.photo-editor-tools,.photo-editor-viewbar,.photo-editor-slider){background:#fff!important;color:#17181b!important;border-color:#d5d7dc!important}
html.broker-navy.broker-silver body .photo-editor .photo-editor-head :is(h2,p),html.broker-navy.broker-silver body .photo-editor .photo-editor-footer :is(p,span){color:#17181b!important}
html.broker-navy.broker-silver body .photo-editor .photo-editor-overlay{background:#17181be8!important;color:#fff!important}.photo-editor-overlay span{color:#fff!important}
html.broker-navy.broker-silver body .broker-darkroom .staff-main>header{background:rgba(255,255,255,.97)!important;border:0!important;box-shadow:none!important;padding:20px 24px!important;border-radius:16px}
@media(max-width:760px){html.broker-navy.broker-silver body.editorial-page main>.premium-opening{grid-template-columns:1fr!important;padding:28px 20px!important;gap:24px}.premium-opening .hero-lede{font-size:18px!important}html.broker-navy.broker-silver body.editorial-page .premium-opening h1{max-width:23ch;font-size:clamp(34px,8vw,48px)!important}.premium-opening .editorial-intro>p:not(.hero-lede):not(.hero-small):not(.eyebrow){display:none}html.broker-navy.broker-silver body.editorial-page main>.premium-portfolio{padding:40px 20px!important}html.broker-navy.broker-silver body.editorial-page .premium-portfolio #editing-options>.tutorial-card{display:flex!important;flex-direction:column;gap:8px}.premium-portfolio .hero-example-copy{padding:12px 0!important}.premium-portfolio .hero-example-copy h2{margin:0 0 12px!important}html.broker-navy.broker-silver body.editorial-page main>.premium-kitchen{grid-template-columns:1fr;gap:24px;padding:40px 20px}.photo-editor-footer nav{position:sticky;bottom:0;background:#fff;padding:8px 0;z-index:2}}
@media(prefers-reduced-motion:reduce){html.broker-navy.broker-silver body *{scroll-behavior:auto!important}}

/* Keep navigation legible over the restored photograph. */
@media(forced-colors:active){html.broker-navy.broker-silver body::before{display:none!important}}
@media print{html.broker-navy.broker-silver body::before{display:none!important}}

/* Shared top-banner signature requested by Giles. */
html.broker-navy.broker-silver body header .brand:has(.broker-realtor-tagline){display:flex!important;flex-direction:column;align-items:flex-start;gap:5px}
html.broker-navy.broker-silver body header .broker-realtor-tagline{display:block;color:#35383d!important;font-family:"Broker DM Sans",Arial,sans-serif!important;font-size:14px!important;font-weight:500;line-height:1.4;letter-spacing:.02em;text-transform:none;white-space:normal}

html.broker-navy.broker-silver body.editorial-page main>.coming-soon-pitch{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1240px;width:calc(100% - 48px);margin:32px auto;padding:40px;box-sizing:border-box;border-radius:20px;background:#fff!important;color:#111!important}.coming-soon-pitch h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.12!important;color:#111!important;margin:12px 0!important}.coming-soon-pitch p{font-size:17px;line-height:1.6;color:#111!important}.coming-soon-pitch .eyebrow{font-size:14px;letter-spacing:.1em;color:#41444a!important}.coming-soon-pitch .button{background:#fff!important;color:#18191c!important;border-color:#111!important}.coming-soon-pitch .coming-soon-note{font-size:14px;color:#41444a!important;margin-top:20px}@media(max-width:760px){html.broker-navy.broker-silver body.editorial-page main>.coming-soon-pitch{grid-template-columns:1fr;gap:14px;padding:26px 22px;width:calc(100% - 32px)}}

/* Coming Soon: white surface and dark text, matching the shared silver theme. */
html.broker-navy.broker-silver body.editorial-page main>.coming-soon-pitch h2{color:#111!important}
html.broker-navy.broker-silver body.editorial-page main>.coming-soon-pitch p{color:#111!important}
html.broker-navy.broker-silver body.editorial-page main>.coming-soon-pitch :is(.eyebrow,.coming-soon-note){color:#41444a!important}
html.broker-navy.broker-silver body.editorial-page main>.coming-soon-pitch .button{background:#fff!important;color:#18191c!important;border-color:#111!important}

/* Occupied rental marketing: supplied original and disclosed AI-empty example. */
html.broker-navy.broker-silver body.editorial-page main .rental-property-section{margin:32px auto!important;padding:clamp(24px,5vw,64px)!important;max-width:1500px;box-sizing:border-box;background:#fff!important;color:#17181b!important;border:1px solid #dedfe2;border-radius:18px}
.rental-property-heading{max-width:780px}.rental-property-heading h2{font-size:clamp(30px,4vw,52px)!important;line-height:1.1!important;letter-spacing:-.035em;margin:16px 0 24px!important}.rental-property-section p{font-size:1rem;line-height:1.65}.rental-property-section .eyebrow{font-size:.875rem;letter-spacing:.08em}
.rental-property-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:28px 0}.rental-property-pair figure{margin:0;min-width:0}.rental-property-pair figcaption{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;justify-content:space-between;padding:12px 0;color:#17181b!important;font-size:.875rem;line-height:1.5}.rental-property-pair figcaption strong{font-size:1rem}.rental-property-pair img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:10px;background:#f1f1f2}
.rental-property-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;border-top:1px solid #dedfe2;padding-top:16px}.rental-property-section .rental-property-disclosure{font-size:.875rem;color:#50535a!important}.rental-property-action{align-self:center}.rental-property-action .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:#17181b!important;color:#fff!important;border:1px solid #17181b!important;text-align:center;white-space:normal}.rental-property-action p{font-size:.875rem;color:#50535a!important}.rental-property-action a:focus-visible{outline:3px solid #60646c;outline-offset:4px}
@media(max-width:760px){.rental-property-pair,.rental-property-bottom{grid-template-columns:minmax(0,1fr);gap:20px}.rental-property-heading h2{letter-spacing:-.02em}.rental-property-action .button{width:100%;box-sizing:border-box}}

/* One width for the album, its clipped lower edge and the fixed dock. The
   desktop silver theme previously stretched the album beyond the cutout. */
html.broker-navy.broker-silver {
  --studio-album-width: 100%;
  --studio-album-gutter: max(24px, min(2vw, 32px), env(safe-area-inset-left), env(safe-area-inset-right));
}
html.broker-navy.broker-silver body .staff-shell.broker-darkroom .staff-main {
  width: calc(100% - 2 * var(--studio-album-gutter)) !important;
  max-width: var(--studio-album-width) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box;
}

/* The fixed enhancement dock sits over an uninterrupted slice of the kitchen.
   Reuse its measured height so expanded controls and mobile safe areas fit. */
html.broker-navy.broker-silver body .staff-shell.broker-darkroom .photo-batch-plan:has(> .batch-run-bar)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 79;
  background: url('/assets/kitchen-after-background-20261005.jpg') center center / cover no-repeat;
  --album-gutter: max(var(--studio-album-gutter), calc((100% - var(--studio-album-width)) / 2));
  --album-edge: max(24px, calc(100% - var(--enhancement-toolbar-height, 240px) - env(safe-area-inset-bottom)));
  clip-path: polygon(
    0 calc(var(--album-edge) - 24px),
    var(--album-gutter) calc(var(--album-edge) - 24px),
    calc(var(--album-gutter) + 0.818px) calc(var(--album-edge) - 17.788px),
    calc(var(--album-gutter) + 3.215px) calc(var(--album-edge) - 12.000px),
    calc(var(--album-gutter) + 7.029px) calc(var(--album-edge) - 7.029px),
    calc(var(--album-gutter) + 12.000px) calc(var(--album-edge) - 3.215px),
    calc(var(--album-gutter) + 17.788px) calc(var(--album-edge) - 0.818px),
    calc(var(--album-gutter) + 24.000px) calc(var(--album-edge) - 0.000px),
    calc(100% - var(--album-gutter) - 24.000px) calc(var(--album-edge) - 0.000px),
    calc(100% - var(--album-gutter) - 17.788px) calc(var(--album-edge) - 0.818px),
    calc(100% - var(--album-gutter) - 12.000px) calc(var(--album-edge) - 3.215px),
    calc(100% - var(--album-gutter) - 7.029px) calc(var(--album-edge) - 7.029px),
    calc(100% - var(--album-gutter) - 3.215px) calc(var(--album-edge) - 12.000px),
    calc(100% - var(--album-gutter) - 0.818px) calc(var(--album-edge) - 17.788px),
    calc(100% - var(--album-gutter) - 0.000px) calc(var(--album-edge) - 24.000px),
    100% calc(var(--album-edge) - 24px),
    100% 100%,
    0 100%
  );
  pointer-events: auto;
}
html.broker-navy.broker-silver body .staff-shell.broker-darkroom .photo-batch-plan .batch-run-bar {
  width: calc(100% - 2 * var(--studio-album-gutter));
  max-width: var(--studio-album-width);
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 24px;
  box-shadow: 0 6px 24px #19181724;
}
@media (forced-colors: active), print {
  html.broker-navy.broker-silver body .staff-shell.broker-darkroom .photo-batch-plan:has(> .batch-run-bar)::before {display: none;}
}

/* Match the real album corners and the visible edge above the fixed dock. */
html.broker-navy.broker-silver body .staff-shell.broker-darkroom .staff-roll {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 24px !important;
}
@media (max-width: 600px) {
  html.broker-navy.broker-silver {
    --studio-album-gutter: max(16px, env(safe-area-inset-left), env(safe-area-inset-right));
  }
}

/* Avoid a second inset: the main album and fixed dock share one gutter. */
html.broker-navy.broker-silver body .staff-shell.broker-darkroom{padding-inline:0!important}