.article{padding-block:var(--space-12) var(--space-section)}.article__header{max-width:50rem;margin-inline:auto;text-align:center;display:grid;gap:var(--space-3);justify-items:center;margin-bottom:var(--space-8)}.article__crumb{font-size:var(--text-sm);color:var(--color-ink-60)}.article__crumb a{text-decoration:none}.article__crumb a:hover{color:var(--color-accent)}.article__crumb span{margin-inline:.3rem}.article__tag{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent)}.article__title{font-size:var(--text-h1);margin:0;max-width:18ch}.article__meta{color:var(--color-ink-60);font-size:var(--text-sm);display:flex;gap:var(--space-2)}.article__hero{margin-bottom:var(--space-12)}.article__hero-img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.article__layout{display:grid;gap:var(--space-8)}.article__content{max-width:42rem;margin-inline:auto}.article__content :is(h2,h3){font-family:var(--font-display);margin-top:var(--space-12);margin-bottom:var(--space-4);scroll-margin-top:calc(var(--header-height) + 1rem)}.article__content h2{font-size:var(--text-h3)}.article__content p{margin-bottom:var(--space-4)}.article__content img{border-radius:var(--radius-card);margin-block:var(--space-6)}.article__content a{color:var(--color-accent);text-underline-offset:3px}.article__content ul,.article__content ol{padding-left:1.25rem;margin-bottom:var(--space-4);display:grid;gap:var(--space-2)}.article__content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-4);font-size:var(--text-lg);color:var(--color-ink);margin-block:var(--space-6)}.article__toc{display:none}.article__toc-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-60);margin-bottom:var(--space-3)}.article__toc-nav{display:grid;gap:var(--space-2)}.article__toc-nav a{text-decoration:none;font-size:var(--text-sm);color:var(--color-ink-60);padding-left:var(--space-3);border-left:2px solid var(--color-ink-10);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.article__toc-nav a:hover,.article__toc-nav a.is-active{color:var(--color-accent);border-color:var(--color-accent)}.article__author{max-width:42rem;margin:var(--space-12) auto 0}.article__author-inner{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-5)}.article__author-img{width:64px;height:64px;border-radius:var(--radius-pill);object-fit:cover}.article__author-name{font-weight:700}.article__author-role{font-size:var(--text-sm);color:var(--color-accent)}.article__author-bio{font-size:var(--text-sm);color:var(--color-ink-60);margin-top:var(--space-2)}.article__related{margin-top:var(--space-section)}.article__related-h{font-size:var(--text-h3);margin-bottom:var(--space-6)}.article__related-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.article__quizcta{margin-top:var(--space-section)}.article__quizcta-inner{border-radius:var(--radius-card);padding:clamp(2rem,5vw,4rem);display:grid;gap:var(--space-6);justify-items:center;text-align:center}.article__quizcta-inner h2{font-size:var(--text-h2);max-width:20ch}@media(min-width:640px){.article__related-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1000px){.article__layout{grid-template-columns:220px 1fr;align-items:start;max-width:64rem}.article__content{margin-inline:0}.article__toc{display:block;position:sticky;top:calc(var(--header-height) + var(--space-6))}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-article.css.map */