/** SEO Total Blog listing design. Copyright since 2026 SEO Total, AFL-3.0 (see LICENSE.txt). */
/* Home/category presentation options. All selectors stay inside the listing wrapper. */
.seototal-blog-listing>.seototal-blog-card{min-width:0;overflow-wrap:anywhere}
.seototal-blog-listing .seototal-blog-card__image{height:100%}
.seototal-blog-listing--ratio-standard .seototal-blog-card__media{aspect-ratio:4/3}
.seototal-blog-listing--ratio-square .seototal-blog-card__media{aspect-ratio:1}
.seototal-blog-listing--flat>.seototal-blog-card{border:0;border-radius:0}
.seototal-blog-listing--flat .seototal-blog-card__body{padding-inline:0}
.seototal-blog-listing--list{grid-template-columns:minmax(0,1fr)}
.seototal-blog-listing .seototal-blog-card__read-more{align-self:flex-start;margin-top:auto;padding-top:.75rem;color:var(--stb-accent);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
.seototal-blog-card__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.seototal-blog-listing a:focus-visible{outline:2px solid var(--stb-accent);outline-offset:3px}
@media (min-width:768px){
  .seototal-blog-listing--list>.seototal-blog-card{flex-direction:row;align-items:flex-start}
  .seototal-blog-listing--list .seototal-blog-card__media{flex:0 0 34%;width:34%}
  .seototal-blog-listing--list .seototal-blog-card__body{align-self:stretch;min-width:0;padding:1.25rem}
  .seototal-blog-listing--editorial>.seototal-blog-card:first-child{grid-column:1/-1;flex-direction:row;align-items:flex-start}
  .seototal-blog-listing--editorial>.seototal-blog-card:first-child .seototal-blog-card__media{flex:0 0 52%;width:52%}
  .seototal-blog-listing--editorial>.seototal-blog-card:first-child .seototal-blog-card__body{align-self:stretch;justify-content:center;min-width:0;padding:1.5rem}
  .seototal-blog-listing--editorial>.seototal-blog-card:first-child .seototal-blog-card__title{font-size:1.75rem}
}
@media (min-width:992px){
  .seototal-blog-listing--columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seototal-blog-listing--columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .seototal-blog-listing--list{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.seototal-blog-listing .seototal-blog-card__image{transition:none;transform:none}}

