/* Captures des piliers : gabarit article SWM, mêmes médias et attribution. */

.blog-page .article-cover{min-width:0;margin:0;padding:18px;border-radius:26px;background-color:var(--cobalt);background-image:var(--grid-w);background-size:var(--grid-size,34px 34px);color:var(--white)}

.blog-page .article-cover-tag{display:inline-flex;padding:6px 10px;margin:0 0 14px;border-radius:7px;background:var(--lime);color:var(--cobalt);font:400 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em}

.blog-page .article-cover img{display:block;width:100%;height:auto;border-radius:14px;background:var(--white)}

.blog-page .article-cover :is(figcaption,.sf-tag-figcaption){padding-top:14px;font:500 13px/1.55 var(--body);color:var(--white)}

@media(max-width:640px){.blog-page .article-cover{padding:14px;border-radius:20px}.blog-page .article-cover-tag{font-size:9px}.blog-page .article-cover :is(figcaption,.sf-tag-figcaption){font-size:12px}}

@media print{.blog-page .article-cover{background:var(--white);border:1px solid var(--brd);color:var(--ink)}.blog-page .article-cover :is(figcaption,.sf-tag-figcaption){color:var(--ink)}}



.blog-page .article-cover-image{display:block;border-radius:14px}.blog-page .article-cover :is(figcaption,.sf-tag-figcaption) a{display:inline-block;min-height:44px;padding-block:10px;color:var(--white)}.blog-page .article-cover a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}

