/* /brokers/questions/ — hero-only additions over the shared FAQ implementation
   (investor-questions.css). The FAQ body, rail, accordions and close are untouched: this file
   exists so the broker hero can carry a photograph without forking the shared stylesheet.

   Standard standalone hero treatment: copy and the search keep the left seven columns, one
   contained photograph holds the right four across both rows over the pale-Sky offset panel. The
   hero stays functional — the image never pushes the search below the fold. */
.bkq-hero .iq-hero__copy{grid-column:1 / span 7}
.bkq-hero .iq-search{grid-column:1 / span 7}
.bkq-hero__ph{grid-column:9 / span 4;grid-row:1 / span 2;margin:0;align-self:stretch;position:relative;isolation:isolate}
/* Interior-hero standard: quiet pale-Sky panel offset down-left behind the photograph. */
.bkq-hero__ph::before{content:"";position:absolute;inset:22px 40px -22px -22px;background:rgba(145,195,235,.30);border-radius:6px;z-index:-1}
.bkq-hero__ph img{display:block;width:100%;height:100%;max-height:460px;object-fit:cover;object-position:44% 50%;border-radius:6px}
.bkq-hero__dev{grid-column:1 / -1}
@container page (max-width:900px){
  .bkq-hero .iq-hero__copy,.bkq-hero .iq-search{grid-column:1 / -1}
  .bkq-hero__ph{grid-column:1 / -1;grid-row:auto;max-width:420px}
  .bkq-hero__ph::before{display:none}
  .bkq-hero__ph img{aspect-ratio:3 / 2;max-height:none;height:auto}
}