.decoder-guide-sourceguardian{--red:#287bc0;--red-soft:#eef7ff}
.article-brand{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff}
.article-brand img{width:220px;max-width:45%;height:auto;object-fit:contain}
.article-brand>div{display:grid;gap:5px;text-align:right}
.article-brand b{font-size:14px;color:#313137}
.article-brand span{font-size:11px;color:#777780}
.article-brand.sg{background:#20252c;border-color:#344354}
.article-brand.sg b{color:#fff}.article-brand.sg span{color:#c0cad7}
.article-meta a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.article-toc{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:28px 0;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fafafb;font-size:13px;line-height:1.5}
.article-toc>b{grid-column:1/-1;color:#303038;margin-bottom:3px}
.article-body [id]{scroll-margin-top:30px}
.article-body a.button.primary{display:inline-flex;margin:8px 12px 0 0;color:#fff;text-decoration:none}
.article-body .article-callout p>a:not(.button){display:inline-block}
@media(max-width:560px){.article-brand{padding:22px;flex-direction:column;gap:19px}.article-brand img{max-width:100%;width:220px}.article-brand>div{text-align:center}.article-toc{grid-template-columns:1fr;padding:19px}.article-meta{flex-wrap:wrap;gap:8px 12px}.article-body a.button.primary{display:flex;justify-content:center;margin:10px 0}.article-header h1{overflow-wrap:break-word}}