/* The FAQ and its original vertical creative stay in their own section. */
.ed-page .ed-faq-with-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,160px);align-items:start;gap:clamp(24px,3vw,40px);max-width:1040px;margin-inline:auto}
.ed-page .ed-faq-main{min-width:0}
.ed-page .ed-faq-banner{width:100%;max-width:100%;justify-self:center;align-self:start}
.ed-page .ed-faq-banner a{display:block;max-width:100%}
.ed-page .ed-faq-banner img{display:block;width:100%;height:auto;max-width:100%}
/* Choose a comparable closed-state height for creatives with different ratios.
   The width stays fixed as answers open, so the banner never follows their height. */
@media(min-width:801px){
  .ed-page.ed-extern .ed-faq-with-banner{grid-template-columns:minmax(0,1fr) minmax(0,228px)}
  .ed-page.ed-diadoc .ed-faq-with-banner{grid-template-columns:minmax(0,1fr) minmax(0,216px)}
  .ed-page:is(.ed-ep,.ed-elba,.ed-market) .ed-faq-with-banner{grid-template-columns:minmax(0,1fr) minmax(0,206px)}
  .ed-page .ed-faq-with-banner:has(img[src$="/focus-vertical.png"]){grid-template-columns:minmax(0,1fr) minmax(0,330px)}
}
.ed-page .ed-faq-banner a:focus-visible{outline:3px solid #18191a;outline-offset:4px}
@media(max-width:800px){.ed-page .ed-faq-with-banner{grid-template-columns:minmax(0,1fr);gap:24px}.ed-page .ed-faq-banner{max-width:200px;justify-self:center}.ed-page .ed-faq-banner:has(img){max-width:min(300px,100%)}}