/* Banner and caption form a single, clearly labelled advertisement. */
.ad{min-width:0;text-align:center}
.ad>a{display:block;overflow-wrap:anywhere}
.ad img{display:block;max-width:100%;height:auto;margin:0 auto}
.ad picture{display:block}
.ad .ad-caption{display:block;font-size:.95rem;line-height:1.5;margin-top:10px}
.ad>small{margin-bottom:10px}
.project-ad-sidebar>.ad{margin-top:0}
@media(max-width:700px){
 .project-ad-layout{display:flex;flex-direction:column;gap:18px}
 .project-ad-layout>.project-main-column{display:contents}
 .project-ad-layout>.project-main-column>.ad[data-ad-position="above"]{order:0}
 .project-ad-layout>.project-main-column>.panel:not(.project-explanation){order:1}
 .project-ad-layout>.project-main-column>.ad[data-ad-position="below"]{order:2}
 .project-ad-layout>.project-ad-sidebar{order:3}
 .project-ad-layout>.project-main-column>.ad[data-ad-position="in_text"]{order:4}
 .project-ad-layout>.project-main-column>.project-explanation{order:5}
 .project-ad-layout .ad{margin:0}
 .project-ad-layout .ad-responsive img{width:468px;max-width:100%;height:auto}
}