/* /borrowers/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 borrower hero can carry a photograph without forking the shared stylesheet.

   Restrained asymmetric composition: copy and the search keep the left seven columns, one
   contained 4:5 photograph holds the right four across both rows. The hero stays functional —
   the image never pushes the search below the fold. */
.bq-hero .iq-hero__copy{grid-column:1 / span 7}
.bq-hero .iq-search{grid-column:1 / span 7}
.bq-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. */
.bq-hero__ph::before{content:"";position:absolute;inset:22px 40px -22px -22px;background:rgba(145,195,235,.30);border-radius:6px;z-index:-1}
.bq-hero__ph img{display:block;width:100%;height:100%;max-height:460px;object-fit:cover;object-position:50% 42%;border-radius:6px}
.bq-hero__dev{grid-column:1 / -1}
@container page (max-width:900px){
  .bq-hero .iq-hero__copy,.bq-hero .iq-search{grid-column:1 / -1}
  .bq-hero__ph{grid-column:1 / -1;grid-row:auto;max-width:420px}
  .bq-hero__ph::before{display:none}
  .bq-hero__ph img{aspect-ratio:3 / 2;max-height:none;height:auto}
}