/* Static placement preview. Ads occupy spare navigation space and the end of the list. */
.ad-preview{margin:0;min-width:0}
.ad-preview figcaption{font:500 12px/18px var(--font);color:#6c7c70;letter-spacing:.2px}
.ad-preview img{display:block;width:100%;height:auto;object-fit:cover;object-position:50% 45%;background:#112a23;border-radius:6px}
.ad-preview--header{width:clamp(280px,35vw,440px);flex:0 1 440px;margin-left:auto;display:flex;flex-direction:column-reverse;gap:1px}
.ad-preview--header img{height:34px;border:1px solid #527060}
.ad-preview--header figcaption{color:#c3d0c7;font-size:12px;line-height:15px;text-align:right}
.masthead-inner>.ad-preview--header+.header-right{margin-left:0;flex-shrink:0}
.ad-preview--sidebar{margin-top:18px}
.ad-preview--sidebar figcaption{margin-bottom:5px}
.ad-preview--sidebar img{aspect-ratio:1;object-fit:contain;border:1px solid #dce4de}
.ad-preview--end{margin-top:18px;padding:10px 12px 12px;border:1px solid #e0e6df;border-radius:8px;background:#eaf0e9}
.ad-preview--end figcaption{margin-bottom:6px;text-align:center}
.ad-preview--end img{height:96px;max-width:800px;margin:0 auto}
.ad-preview--inline{padding:10px 16px 12px;background:#edf2eb;border-top:1px solid #dce5da;border-bottom:1px solid #dce5da}
.ad-preview--inline figcaption{text-align:center;margin-bottom:5px}
.ad-preview--inline img{height:82px;max-width:800px;margin:0 auto}
.ad-preview--detail{margin:18px 23px 10px;padding-top:12px;border-top:1px solid var(--line)}
.ad-preview--detail figcaption{text-align:center;margin-bottom:6px}
.ad-preview--detail img{max-width:300px;aspect-ratio:1;object-fit:contain;margin:0 auto}
.ad-rail{display:none}
@media(min-width:1700px){
  .layout{position:relative}
  .ad-rail{display:block;position:absolute;left:calc(100% + 14px);top:20px;bottom:26px;width:180px}
  .ad-rail-inner{position:sticky;top:20px}
  .ad-preview--rail figcaption{margin-bottom:6px}
  .ad-preview--rail img{aspect-ratio:1;object-fit:contain}
}
@media(max-width:1100px) and (min-width:1031px){
  .masthead-inner{gap:16px}
  .ad-preview--header{min-width:270px}
}
@media(max-width:1030px){
  .ad-preview--header,.ad-preview--sidebar{display:none}
}
@media(max-width:760px){
  .ad-preview,.ad-rail{display:none!important}
}