.article{background:var(--color-surface)}.article__container{max-width:48rem}.article__back{display:inline-flex;align-items:center;gap:var(--space-3xs);min-height:44px;font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-base) var(--ease-standard)}.article__back:hover{color:var(--color-cta)}.article__back .icon{width:16px;height:16px}.article__header{margin-top:var(--space-md)}.article__title{font-family:var(--font-display-headline);font-size:clamp(var(--text-xl),1rem + 3vw,var(--text-3xl));font-weight:600;line-height:var(--leading-tight);color:var(--color-primary-dark);margin:0 0 var(--space-xs);text-wrap:balance}.article__meta{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.article__meta-sep{margin-inline:var(--space-3xs)}.article__hero{margin:var(--space-lg) 0 0}.article__hero img{display:block;width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.article__body{margin-top:var(--space-lg);font-size:var(--text-md);color:var(--color-text);line-height:1.75}.article__body>*+*{margin-top:var(--space-md)}.article__body h2,.article__body h3,.article__body h4,.article__body h5,.article__body h6{font-weight:600;line-height:var(--leading-snug);color:var(--color-primary-dark);margin-top:var(--space-xl)}.article__body h2{font-family:var(--font-display-headline);font-size:var(--text-xl)}.article__body h3,.article__body h4,.article__body h5,.article__body h6{font-family:var(--font-body);font-size:var(--text-lg)}.article__body p{margin-bottom:0}.article__body ul,.article__body ol{padding-left:var(--space-md);margin-bottom:0}.article__body :is(h2,h3,h4,h5,h6)+*{margin-top:var(--space-xs)}.article__body li+li{margin-top:var(--space-3xs)}.article__body img{display:block;max-width:100%;max-height:32rem;width:auto;height:auto;margin-inline:auto;border-radius:var(--radius-md);object-fit:contain}.article__body a{color:var(--color-cta);text-decoration-color:var(--border);text-underline-offset:.15em}.article__body a:hover{text-decoration-color:currentColor}.article__body img{display:block;width:100%;height:auto;border-radius:var(--radius-md)}.article__body blockquote{margin:0;padding:var(--space-sm) var(--space-md);border-left:3px solid var(--mauve);background:var(--mauve-tint);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--color-primary-dark)}.article__body hr{border:none;border-top:1px solid var(--border);margin:var(--space-xl) 0}.article__tags{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin:var(--space-xl) 0 0;padding:0}.article__tag{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--white);color:var(--color-primary-dark);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:border-color var(--duration-base) var(--ease-standard)}.article__tag:hover{border-color:var(--color-cta);color:var(--color-cta)}.article__comments{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border)}.article__comments-title{margin-bottom:var(--space-md)}.article__comment{padding:var(--space-sm) 0;border-bottom:1px solid var(--border)}.article__comment-author{margin:0;font-weight:600;color:var(--color-primary-dark)}.article__comment-date{margin:var(--space-3xs) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.article__comment-body{margin:var(--space-2xs) 0 0}.article__comment-form-title{margin:var(--space-lg) 0 var(--space-sm);font-size:var(--text-lg);color:var(--color-primary-dark)}.article__comment-field{display:flex;flex-direction:column;gap:var(--space-3xs);margin-top:var(--space-sm)}.article__comment-field label{font-size:var(--text-sm);color:var(--color-text-muted)}.article__comment-field input,.article__comment-field textarea{min-height:44px;padding:var(--space-2xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:var(--font-body)}.article__comment-field textarea{min-height:8rem;resize:vertical}.article__comments form .btn{margin-top:var(--space-md)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/article.css.map */