/* Broker Studio: photo-led, task-first refinement. Loaded after legacy themes. */
html.broker-navy.broker-silver body.editorial-page .editorial-copy{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(24px,4vw,64px);width:100%;max-width:none;padding:clamp(24px,3vw,48px);background:#fff!important;border:1px solid #d8dade;box-shadow:0 16px 40px #1111}
html.broker-navy.broker-silver body.editorial-page main>.editorial-hero{width:92%;margin:24px auto;padding:0;display:block;min-height:0}
html.broker-navy.broker-silver body.editorial-page .editorial-copy h1{font-size:clamp(32px,3.2vw,54px)!important;line-height:1.08;max-width:18ch;margin:14px 0 20px}
html.broker-navy.broker-silver body.editorial-page .editorial-copy .hero-lede{font-size:clamp(19px,1.6vw,23px);line-height:1.5;font-weight:600}
.editorial-copy p:not(.eyebrow):not(.hero-small){margin:16px 0}.editorial-copy .hero-small{font-size:14px!important;margin:16px 0 0}.editorial-actions{gap:16px;margin-top:24px}
html.broker-navy.broker-silver body.editorial-page .editorial-actions .primary-action,html.broker-navy.broker-silver body.editorial-page .home-login button[type=submit]{background:#15171b!important;color:#fff!important;border-color:#15171b!important}
html.broker-navy.broker-silver body.editorial-page .editorial-actions .editorial-link{background:none!important;border:0!important;color:#25272b!important;font-size:16px;text-decoration:underline;text-underline-offset:5px;padding:10px 0}
html.broker-navy.broker-silver body.editorial-page main>:is(.guided-home-examples,.home-login,.broker-use-cases,.guide-extra),html.broker-navy.broker-silver body.editorial-page .tutorial-card{background:#fff!important}
html.broker-navy.broker-silver body.editorial-page main>.guided-home-examples{padding:clamp(20px,3vw,40px)}
html.broker-navy.broker-silver body.editorial-page .guided-home-examples>:not(summary){margin:0 0 20px}
html.broker-navy.broker-silver body.editorial-page .editorial-heading h2{font-size:clamp(28px,3vw,40px)!important;margin:0 0 12px}.editorial-heading>p{margin:0}
html.broker-navy.broker-silver body.editorial-page #editing-options>.tutorial-card{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);column-gap:32px;align-content:start;align-items:start;padding:24px!important;border:1px solid #e2e4e8!important;box-shadow:none!important}
html.broker-navy.broker-silver body.editorial-page #editing-options>.tutorial-card>*{grid-column:2;margin:0 0 16px;min-width:0}
html.broker-navy.broker-silver body.editorial-page #editing-options>.tutorial-card>.tutorial-example{grid-column:1;grid-row:1/12;margin:0}
html.broker-navy.broker-silver body.editorial-page #editing-options>.tutorial-card h2{font-size:clamp(24px,2.4vw,34px)!important;line-height:1.15}
html.broker-navy.broker-silver body.editorial-page .tutorial-example .compare{aspect-ratio:4/3!important}
html.broker-navy.broker-silver body.editorial-page #editing-options .tutorial-example figcaption{font-size:13px;line-height:1.5;margin-top:12px}
html.broker-navy.broker-silver body.editorial-page #editing-options .tutorial-card>p{font-size:16px;line-height:1.6}
html.broker-navy.broker-silver body.editorial-page .guide-safety{padding:18px 20px;margin:0!important;max-width:none;border:0;background:#f3f4f6!important;font-size:14px}.guide-safety p{margin:8px 0 0}
html.broker-navy.broker-silver body.editorial-page .comparison-controls{border:0!important;padding:12px 0 0!important;background:transparent!important}
html.broker-navy.broker-silver body.editorial-page .comparison-buttons button{font-size:14px!important;padding:8px 12px;min-height:44px}
html.broker-navy.broker-silver body.editorial-page .example-thumbnails button[aria-pressed=true] span{color:#fff!important}
html.broker-navy.broker-silver body.editorial-page main>.home-login{max-width:620px;padding:24px;box-sizing:border-box}.home-login h2{margin:0 0 20px!important}.home-login .home-login-options{gap:10px 20px}.home-login .home-login-options a{font-size:14px}
html.broker-navy.broker-silver body.editorial-page .pricing-options{display:grid;grid-template-columns:1fr 1fr;gap:32px}.pricing-group>h3{font-size:24px;margin:0 0 6px}.pricing-group>p{margin:0 0 20px}
html.broker-navy.broker-silver body.editorial-page .pricing-group .tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
html.broker-navy.broker-silver body.editorial-page .pricing-group .tier{padding:22px!important;display:flex;flex-direction:column;min-width:0;border:1px solid #d8dade!important;background:#f8f9fa!important}
.pricing-group .tier h3{font-size:32px!important;white-space:nowrap}.pricing-group .tier p{font-size:15px}.pricing-group .tier>a,.pricing-group .tier>button{margin-top:auto!important}.pricing-group .tier small{font-size:13px!important}
html.broker-navy.broker-silver body .broker-registration{width:100%;max-width:560px!important;padding:28px!important;margin:24px auto!important;box-sizing:border-box;background:#fff!important}
html.broker-navy.broker-silver body .broker-registration h1{font-size:clamp(28px,3vw,36px)!important;line-height:1.15!important;margin:10px 0 14px!important}
html.broker-navy.broker-silver body .broker-registration form{gap:16px!important;padding:0!important;border:0!important;background:transparent!important}
html.broker-navy.broker-silver body .broker-registration :is(p,label,button){font-size:16px!important;line-height:1.5}.broker-registration .guided-account-switch{padding-top:18px!important;margin-top:20px!important}
html.broker-navy.broker-silver body .broker-studio-nav .broker-main-menu a[aria-current=page]{text-decoration:none!important;background-image:none!important;border-bottom:2px solid #111!important;box-shadow:none!important}
html.broker-navy.broker-silver body .broker-studio-nav .broker-main-menu a[aria-current=page]::after{display:none!important}
html.broker-navy.broker-silver body .staff-shell.broker-darkroom :is(.staff-step,.staff-main>header,.batch-photo,.batch-run-bar){background:#fff!important}
html.broker-navy.broker-silver body .staff-shell.broker-darkroom .compact-batch-plan .batch-photo-actions button{font-size:14px!important;min-height:44px;padding:8px!important}
@media(max-width:1000px){html.broker-navy.broker-silver body.editorial-page .pricing-options{grid-template-columns:1fr}html.broker-navy.broker-silver body.editorial-page .editorial-copy{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:760px){html.broker-navy.broker-silver body.editorial-page main>.editorial-hero{width:calc(100% - 32px);margin:20px auto}html.broker-navy.broker-silver body.editorial-page .editorial-copy{grid-template-columns:1fr;padding:24px;gap:28px}html.broker-navy.broker-silver body.editorial-page .editorial-copy h1{max-width:22ch}html.broker-navy.broker-silver body.editorial-page #editing-options>.tutorial-card{display:flex!important;flex-direction:column;padding:16px!important;gap:0}html.broker-navy.broker-silver body.editorial-page #editing-options>.tutorial-card>.tutorial-example{order:0;width:100%;margin:0 0 18px}html.broker-navy.broker-silver body.editorial-page #editing-options>.tutorial-card>.eyebrow{display:none}html.broker-navy.broker-silver body.editorial-page .guided-home-examples>:not(summary){margin-inline:0}.pricing-group .tier-grid{gap:12px!important}html.broker-navy.broker-silver body .broker-registration{padding:22px!important;margin:16px auto!important}}
@media(max-width:480px){html.broker-navy.broker-silver body.editorial-page .pricing-group .tier-grid{grid-template-columns:1fr}.editorial-actions{align-items:stretch;flex-direction:column}.editorial-actions .button{text-align:center}}
html.broker-navy.broker-silver body.editorial-page #editing-options.example-carousel.carousel-ready>.tutorial-card[hidden]{display:none!important}

html.broker-navy.broker-silver body.editorial-page main>.editorial-hero>.editorial-copy{background:#fff!important}
html.broker-navy.broker-silver body.editorial-page #editing-options.example-carousel{grid-template-columns:minmax(0,1fr)!important;width:100%;}
html.broker-navy.broker-silver body.editorial-page #editing-options.example-carousel>.tutorial-card{width:100%;box-sizing:border-box}

/* One full-width hero, with a compact introduction above the examples. */
html.broker-navy.broker-silver body.editorial-page main>.editorial-hero{max-width:1480px}
html.broker-navy.broker-silver body.editorial-page .editorial-copy{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;padding:clamp(22px,3vw,44px)}
html.broker-navy.broker-silver body.editorial-page .editorial-intro{text-align:center;max-width:980px;margin:0 auto;width:100%}
html.broker-navy.broker-silver body.editorial-page .editorial-intro h1{font-size:clamp(32px,3.6vw,58px)!important;max-width:26ch;margin:12px auto 18px;line-height:1.08}
html.broker-navy.broker-silver body.editorial-page .editorial-intro p{max-width:760px;margin:12px auto}
html.broker-navy.broker-silver body.editorial-page .editorial-intro .editorial-actions{justify-content:center;margin-top:20px}
html.broker-navy.broker-silver body.editorial-page .hero-examples{min-width:0;width:100%;padding:26px 0 0;margin:0;background:transparent!important;border:0;border-top:1px solid #d8dade;box-shadow:none}
html.broker-navy.broker-silver body.editorial-page .hero-examples .editorial-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
html.broker-navy.broker-silver body.editorial-page .hero-examples .editorial-heading h2{font-size:24px!important;margin:0}
html.broker-navy.broker-silver body.editorial-page .hero-examples .editorial-heading p{font-size:14px;margin:0;max-width:none}
html.broker-navy.broker-silver body.editorial-page .hero-examples #editing-options>.tutorial-card{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:28px;padding:0!important;border:0!important;min-height:0;height:auto}
html.broker-navy.broker-silver body.editorial-page .hero-examples #editing-options>.tutorial-card>.tutorial-example{grid-column:1;grid-row:1;margin:0;width:100%;min-width:0}
html.broker-navy.broker-silver body.editorial-page .hero-examples #editing-options>.tutorial-card>.hero-example-copy{grid-column:2;grid-row:1;min-width:0;padding:22px;background:#f3f4f6!important;border:1px solid #e0e2e6;border-radius:14px;margin:0}
html.broker-navy.broker-silver body.editorial-page .hero-example-copy>.eyebrow{display:none}
html.broker-navy.broker-silver body.editorial-page .hero-example-copy h2{font-size:clamp(25px,2.5vw,36px)!important;margin:0 0 16px;line-height:1.2}
html.broker-navy.broker-silver body.editorial-page .hero-example-copy>p{font-size:16px;line-height:1.6;margin:12px 0}
html.broker-navy.broker-silver body.editorial-page .hero-example-copy>a{display:inline-block;width:auto;min-height:44px;font-size:15px!important;padding:12px 18px;margin-top:16px}
html.broker-navy.broker-silver body.editorial-page .hero-examples #editing-options .compare{aspect-ratio:3/2!important;width:100%;min-height:0;border-radius:12px;overflow:hidden}
html.broker-navy.broker-silver body.editorial-page .hero-examples .example-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;gap:10px;overflow:visible}
html.broker-navy.broker-silver body.editorial-page .hero-examples .example-thumbnails button{max-width:none;min-width:0;font-size:13px!important;padding:8px}
html.broker-navy.broker-silver body.editorial-page .hero-examples .example-thumbnails img{height:56px}
html.broker-navy.broker-silver body.editorial-page .hero-examples .example-carousel-controls{margin:12px 0;gap:12px;font-size:14px}
html.broker-navy.broker-silver body.editorial-page .hero-examples .example-carousel-controls button{font-size:14px!important;min-height:44px;padding:8px 14px}
html.broker-navy.broker-silver body.editorial-page .hero-examples .guide-safety{margin-top:22px!important;padding:16px;font-size:13px!important;line-height:1.5}
html.broker-navy.broker-silver body.editorial-page .hero-examples .guide-safety p{font-size:13px;margin:6px 0 0}
.hero-example-details{font-size:14px;line-height:1.5}.hero-example-details summary{cursor:pointer;padding:10px 0;min-height:44px}.hero-example-details ol{padding-left:24px}
@media(max-width:900px){html.broker-navy.broker-silver body.editorial-page .hero-examples #editing-options>.tutorial-card{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}html.broker-navy.broker-silver body.editorial-page .hero-examples #editing-options>.tutorial-card>.hero-example-copy{padding:18px}}
@media(max-width:760px){html.broker-navy.broker-silver body.editorial-page .editorial-copy{grid-template-columns:minmax(0,1fr);gap:24px;padding:22px}html.broker-navy.broker-silver body.editorial-page .editorial-intro{text-align:left}html.broker-navy.broker-silver body.editorial-page .editorial-intro h1{max-width:23ch;margin-left:0}html.broker-navy.broker-silver body.editorial-page .editorial-intro .editorial-actions{justify-content:flex-start}html.broker-navy.broker-silver body.editorial-page .hero-examples{padding-top:22px}html.broker-navy.broker-silver body.editorial-page .hero-examples .editorial-heading{display:block}html.broker-navy.broker-silver body.editorial-page .hero-examples .editorial-heading p{margin-top:8px}html.broker-navy.broker-silver body.editorial-page .hero-examples .example-thumbnails{display:flex;overflow-x:auto;gap:8px}html.broker-navy.broker-silver body.editorial-page .hero-examples .example-thumbnails button{flex:0 0 132px}html.broker-navy.broker-silver body.editorial-page .hero-examples #editing-options>.tutorial-card{display:flex!important;flex-direction:column;gap:18px}html.broker-navy.broker-silver body.editorial-page .hero-examples #editing-options>.tutorial-card>.hero-example-copy{width:100%;box-sizing:border-box}html.broker-navy.broker-silver body.editorial-page .hero-example-copy h2{font-size:25px!important}}
