.article{padding-block:var(--s5);padding-inline:var(--page-margin)}.article__inner{max-inline-size:48rem;margin-inline:auto}.article__header{text-align:center;margin-block-end:var(--s4)}.article__meta{margin:0 0 var(--s2);color:var(--text-muted)}.article__title{margin:0}.article__media{aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--r-sm);margin-block-end:var(--s4);background:var(--surface-sunken)}.article__image{inline-size:100%;block-size:100%;object-fit:cover}.article-comments{margin-block-start:var(--s6);padding-block-start:var(--s4);border-block-start:1px solid var(--border)}.comment-list{margin:0 0 var(--s5);padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s3)}.comment{padding-block:var(--s3);border-block-end:1px solid var(--border)}.comment__meta{margin:0 0 var(--s1);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:var(--track-label);text-transform:uppercase}.comment-form{display:flex;flex-direction:column;gap:var(--s3);max-inline-size:32rem}.comment-form__title{margin:0}.comment-form__success{color:var(--accent-fg)}.comment-form__errors{padding-inline-start:var(--s2);border-inline-start:2px solid var(--accent-fg);color:var(--text)}.comment-form__submit{align-self:flex-start}
/*# sourceMappingURL=/cdn/shop/t/31/assets/article.css.map */
