.section-article{background-color:rgb(var(--color-background-rgb));color:rgb(var(--color-text-rgb))}.article{display:flex;flex-direction:column;gap:var(--space-2xl)}.article__hero{border-radius:var(--border-radius-md);overflow:hidden;aspect-ratio:16 / 7}.article__hero-image{width:100%;height:100%;object-fit:cover}.article__header{display:flex;flex-direction:column;gap:var(--space-sm)}.article__title{font-size:var(--font-size-3xl, 2rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text);margin:0;line-height:1.2}@media screen and (min-width:750px){.article__title{font-size:var(--font-size-4xl, 2.5rem)}}.article__meta{font-size:var(--font-size-sm, .875rem);color:var(--color-text);opacity:.7;margin:0}.article__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.article__tag{font-size:var(--font-size-xs, .75rem);padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-border);border-radius:var(--border-radius-full);color:var(--color-text);text-decoration:none}.article__tag:hover{background-color:var(--color-text);color:var(--color-background)}.article__tag:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.article__share{display:flex;flex-direction:column;gap:var(--space-xs)}.article__share-label{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text);margin:0}.article__related{border-top:1px solid rgba(var(--color-border-rgb),.15);padding-top:var(--space-2xl)}.article__related-heading{font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text);margin:0 0 var(--space-xl)}.article__related-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media screen and (min-width:750px){.article__related-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.article__related-grid{grid-template-columns:repeat(3,1fr)}}.article__comments{border-top:1px solid rgba(var(--color-border-rgb),.15);padding-top:var(--space-2xl)}.article__comments-heading,.article__comment-form-heading{font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text);margin:0 0 var(--space-xl)}.article__comment{padding:var(--space-md) 0;border-bottom:1px solid rgba(var(--color-border-rgb),.1)}.article__comment:last-child{border-bottom:none}.article__comment-author{font-weight:var(--font-weight-semibold, 600);margin:0 0 var(--space-2xs)}.article__comment-date{font-size:var(--font-size-xs, .75rem);opacity:.6;margin:0 0 var(--space-xs)}.article__comment-body{margin:0}.article__comment-form{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-2xl)}.article__comment-field{display:flex;flex-direction:column;gap:var(--space-xs)}.article__comment-field label{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text)}.article__comment-field input,.article__comment-field textarea{padding:var(--space-xs) var(--space-sm);border:1px solid var(--form-field-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-base, 1rem);color:var(--color-text);background:var(--color-background);width:100%}:is(.article__comment-field input,.article__comment-field textarea):focus{outline:none;border-color:var(--color-text)}.article__comment-field textarea{min-height:120px;resize:vertical}.article__comment-submit{align-self:flex-start}
/*# sourceMappingURL=/cdn/shop/t/482/assets/section-article.css.map */