/* Single sidebar: a little wider, most-visited list on top and the advert
   below it, which stays in view while reading. Below 900px it falls under the article. */
@media(min-width:1281px){.single .layout.has-ad-sidebar{grid-template-columns:minmax(0,1fr) 450px;gap:56px}}
@media(min-width:1101px) and (max-width:1280px){.single .layout.has-ad-sidebar{grid-template-columns:minmax(0,1fr) 380px;gap:44px}}
@media(min-width:901px) and (max-width:1100px){.single .layout.has-ad-sidebar{grid-template-columns:minmax(0,1fr) 300px;gap:32px}}
.single .ad-sidebar{position:static;display:grid;gap:40px;align-self:stretch;align-content:start}
.single .ad-sidebar .ad-sticky{position:sticky;top:25px}
.popular-posts h2{margin:0 0 6px;font-family:var(--font-heading);font-size:24px;line-height:1.2;font-weight:600;letter-spacing:var(--heading-tracking);color:var(--ink)}
.popular-posts ol{margin:0;padding:0;list-style:none}
.popular-posts li{border-top:1px solid var(--line)}
.popular-posts li:first-child{border-top:0}
.popular-posts a{display:grid;grid-template-columns:40px minmax(0,1fr) 120px;gap:16px;align-items:center;padding:16px 0;color:var(--ink);text-decoration:none}
.popular-rank{font-family:var(--font-heading);font-size:34px;line-height:1;font-weight:300;color:var(--accent);text-align:left}
.popular-title{font-family:var(--font-heading);font-size:19px;line-height:1.3;font-weight:600;letter-spacing:var(--heading-tracking);transition:color 180ms ease}
.popular-photo{display:block;clip-path:var(--sv-photo-cut);background:#e8ebe2}
.popular-photo img{display:block;width:120px;height:90px;object-fit:cover}
.popular-posts a:hover .popular-title,.popular-posts a:focus-visible .popular-title{color:var(--accent)}
.popular-posts a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:900px){
 .single .ad-sidebar{margin-top:40px}
 .single .ad-sidebar .ad-sticky{position:static}
}
.popular-slot:empty{display:none}
