.article-footer { letter-spacing: 0px; background: rgb(9, 13, 16); border-top: 1px solid rgba(255, 255, 255, 0.125); min-height: 100px; padding: 20px 5vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: rgb(244, 242, 236); }
.article-footer a { color: rgb(212, 221, 217); white-space: nowrap; align-items: center; min-height: 44px; display: inline-flex; text-decoration: none; }
.article-footer .footer-visual { justify-self: start; font-size: 18px; font-weight: 650; letter-spacing: 0.055em; }
.article-footer .footer-top { justify-self: center; gap: 7px; font-size: 12px; font-weight: 500; letter-spacing: 0.12em; }
.article-footer .footer-top svg { width: 14px; height: 14px; }
.article-footer .footer-brand { justify-self: end; color: rgb(117, 243, 209); font-size: 14px; font-weight: 800; line-height: 1; letter-spacing: 0.1em; }
.article-footer .silent-i { color: rgba(237, 240, 234, 0.5); }
@media (max-width: 700px){

.article-footer { min-height: 92px; padding: 16px 14px; grid-template-columns: 1fr auto 1fr; }
.article-footer .footer-visual { font-size: 18px; letter-spacing: 0px; }
.article-footer .footer-top { font-size: 10px; gap: 4px; letter-spacing: 0.06em; }
.article-footer { column-gap: 10px; }
.article-footer .footer-brand { font-size: 11px; letter-spacing: 0.04em; white-space: normal; text-align: right; line-height: 1.4; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.article-footer .footer-brand .fb-slash { display: none; }
.article-footer .footer-brand .fb-line1, .article-footer .footer-brand .fb-line2 { white-space: nowrap; }
}
@media(max-width:360px){
 .article-footer{padding-inline:10px;column-gap:6px}
 .article-footer .footer-visual{font-size:15px}
 .article-footer .footer-brand{font-size:10px}
}