/* Guide taster pages (/resources/guides/<slug>/): extras on top of article.css */

.account-tag { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; color: var(--accent, #1D5E7C); background: #E6EFF4; padding: 2px 10px 2px 7px; border-radius: 999px; margin-bottom: 12px; }
.account-tag svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }

/* What's inside (the article's contents box): the first section links down, the rest are in the account */
.contents ol { list-style: none; margin-left: 0; }
.contents li { display: flex; gap: 8px; align-items: baseline; }
.contents li a { display: flex; gap: 8px; align-items: baseline; color: var(--accent, #1D5E7C); font-weight: 500; }
.c-emoji { font-style: normal; flex: none; width: 1.3em; text-align: center; }
.contents li.in-account { color: var(--ink-light, #5F6B73); }
.contents .contents-note { margin: 12px 0 0; font-size: 13px; letter-spacing: 0; text-transform: none; font-weight: 400; color: var(--ink-mid, #51636E); line-height: 1.5; }
.contents .contents-note a { color: var(--accent, #1D5E7C); text-decoration: underline; }

.article ol { margin: 0 0 16px 20px; color: var(--ink-mid, #51636E); }

.article-cta { margin-top: 40px; scroll-margin-top: 96px; }
.cta-actions { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.article .cta-alt { color: #fff; font-size: 14px; font-weight: 500; }
#first-look { scroll-margin-top: 96px; }