@layer components{.article{padding-block:var(--section-y)}.article__container{display:flex;flex-direction:column;gap:var(--space-6)}.article__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;max-width:880px;margin:0 auto;padding-block:var(--space-4) var(--space-2)}.article__tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0;padding:0;list-style:none}.article__tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);background:var(--color-accent-soft);padding:4px 10px;border-radius:var(--radius-pill);font-weight:var(--font-weight-semibold)}.article__title{font-size:calc(var(--text-3xl) * var(--heading-size-scale));line-height:var(--leading-tight);margin:0;color:var(--color-text);text-wrap:balance;view-transition-name:article-title}@media(min-width:750px){.article__title{font-size:calc(var(--text-5xl) * var(--heading-size-scale))}}.article__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);justify-content:center}.article__meta-sep{color:var(--color-text-subtle)}.article__author--link{color:var(--color-accent);text-decoration:none}.article__author--link:hover{color:var(--color-accent-hover);text-decoration:underline}.article__hero{margin:0;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 9;background:var(--color-surface-elevated)}.article__hero-image{width:100%;height:100%;object-fit:cover}.article__body{max-width:var(--article-max, 720px);margin:0 auto;color:var(--color-text);font-size:var(--text-lg);line-height:var(--leading-relaxed);text-wrap:pretty;width:100%}.article__body>*+*{margin-block-start:var(--space-5)}.article__body p{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.article__body h2{font-size:calc(var(--text-2xl) * var(--heading-size-scale));margin-block-start:var(--space-12);margin-block-end:var(--space-3);line-height:var(--leading-snug);text-wrap:balance;scroll-margin-top:var(--space-12)}@media(min-width:750px){.article__body h2{font-size:calc(var(--text-3xl) * var(--heading-size-scale))}}.article__body h3{font-size:calc(var(--text-xl) * var(--heading-size-scale));margin-block-start:var(--space-8);margin-block-end:var(--space-2);line-height:var(--leading-snug);text-wrap:balance}@media(min-width:750px){.article__body h3{font-size:calc(var(--text-2xl) * var(--heading-size-scale))}}.article__body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;transition:color var(--duration-fast) var(--ease-out)}.article__body a:hover{color:var(--color-accent-hover);text-decoration-thickness:2px}.article__body strong{font-weight:var(--font-weight-bold);color:var(--color-text)}.article__body em{font-style:italic}.article__body ul,.article__body ol{padding-inline-start:var(--space-6);list-style:revert}.article__body ul{list-style:disc}.article__body ol{list-style:decimal}.article__body li+li{margin-block-start:var(--space-2)}.article__body blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border-inline-start:3px solid var(--color-accent);background:var(--color-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-muted);font-style:italic;font-size:var(--text-lg);line-height:var(--leading-relaxed)}.article__body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin-block:var(--space-4)}.article__body figure{margin:var(--space-6) 0}.article__body figcaption{font-size:var(--text-sm);color:var(--color-text-subtle);text-align:center;margin-block-start:var(--space-2)}.article__body code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.article__body hr{border:0;border-block-start:1px solid var(--color-border);margin-block:var(--space-8)}.article__body table{width:100%;border-collapse:collapse;margin-block:var(--space-4);font-size:var(--text-base)}.article__body th,.article__body td{padding:var(--space-3);border-block-end:1px solid var(--color-border);text-align:start}.article__body th{font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-surface)}.article__embed-card{margin-block:var(--space-6);max-width:360px;margin-inline:auto}.article__internal-links{margin-block-start:var(--space-10);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.article__internal-links-heading{font-size:var(--text-base);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin:0 0 var(--space-3);font-weight:var(--font-weight-semibold)}.article__internal-links-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.article__internal-links-item+.article__internal-links-item{border-block-start:1px solid var(--color-border)}.article__internal-links-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;color:var(--color-text);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--duration-fast) var(--ease-out)}.article__internal-links-link:hover{color:var(--color-accent)}.article__internal-links-arrow{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.article__internal-links-link:hover .article__internal-links-arrow{transform:translate(2px);color:var(--color-accent)}.article__footer{max-width:var(--article-max, 720px);margin:0 auto;width:100%}.article__author-block{max-width:var(--article-max, 720px);margin:0 auto;width:100%;display:grid;grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center}@media(min-width:750px){.article__author-block:has(.article__author-avatar){grid-template-columns:100px 1fr}}.article__author-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:var(--color-surface-elevated);flex-shrink:0}.article__author-img{width:100%;height:100%;object-fit:cover}.article__author-eyebrow{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);font-weight:var(--font-weight-semibold)}.article__author-name{font-size:var(--text-xl);margin:var(--space-1) 0 var(--space-2)}.article__author-name a{color:var(--color-text);text-decoration:none}.article__author-name a:hover{color:var(--color-accent)}.article__author-bio{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.article__related{margin-block-start:var(--space-8);padding-block-start:var(--space-8);border-block-start:1px solid var(--color-border)}.article__related-heading{font-size:calc(var(--text-2xl) * var(--heading-size-scale));margin:0 0 var(--space-5);text-align:center}.article__related-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin:0;padding:0;list-style:none}@media(min-width:750px){.article__related-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.article__related-grid{grid-template-columns:repeat(3,1fr)}}.article__related-item{display:flex}.article__related-item>.article-card{width:100%}.share-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4) 0;border-block:1px solid var(--color-border);margin-block:var(--space-2)}.share-buttons__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-subtle);font-weight:var(--font-weight-semibold)}.share-buttons__list{display:flex;gap:var(--space-2);margin:0;padding:0;list-style:none}.share-buttons__btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-target-min);height:var(--tap-target-min);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;text-decoration:none;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.share-buttons__btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.share-buttons__copy-confirm,.share-buttons__btn--copy[data-copied=true] .share-buttons__copy-default{display:none}.share-buttons__btn--copy[data-copied=true] .share-buttons__copy-confirm{display:inline-flex;color:var(--color-success)}@media(prefers-reduced-motion:reduce){.article__title{view-transition-name:none}}}@layer components{.article__author,.article__author-info,.article__date,.article__reading-time{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--color-text-muted)}.article__author{color:var(--color-text);font-weight:var(--font-weight-medium)}.article__author-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block:var(--space-3) var(--space-6)}.article__date:before,.article__reading-time:before{content:"\b7";color:var(--color-text-subtle);margin-inline-end:4px}.share-buttons__btn--native{display:none}.share-buttons__native{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:8px 14px;border-radius:var(--radius-md);cursor:pointer;min-height:44px;font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out)}.share-buttons__native:hover{border-color:var(--color-accent)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-main-article.css.map */