.main-article__inner{max-width:720px;margin-inline:auto}.main-article__header{text-align:center;margin:var(--space-6) 0 var(--space-6)}.main-article__title{text-transform:uppercase;margin:var(--space-3) 0}.main-article__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);font:var(--text-caption);color:var(--text-muted)}.main-article__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-3)}.main-article__tag-pill{padding:var(--space-1) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-pill);font:var(--text-caption);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);text-decoration:none;color:var(--text-primary)}.main-article__tag-pill:hover{border-color:var(--ink-0);background:var(--ink-0);color:#fff}.main-article__media{margin-bottom:var(--space-8)}.main-article__media img{width:100%;height:auto;display:block}.main-article__content{font:var(--text-body-md);color:var(--text-secondary)}.main-article__content h2{font:var(--text-heading-lg);color:var(--text-primary);margin:var(--space-8) 0 var(--space-3)}.main-article__content h3{font:var(--text-heading-sm);color:var(--text-primary);margin:var(--space-6) 0 var(--space-2)}.main-article__content p{margin:0 0 var(--space-4)}.main-article__content ul,.main-article__content ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.main-article__content a{color:var(--text-link)}.main-article__content img{max-width:100%;height:auto;margin:var(--space-4) 0}.main-article__nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);margin:var(--space-10) 0;padding:var(--space-5) 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.main-article__nav-link{display:inline-flex;align-items:center;gap:var(--space-1);font:var(--text-label);text-decoration:none;color:var(--text-primary)}.main-article__nav-link:hover{color:var(--brand-primary)}.main-article__nav-link--next{justify-self:end}.main-article__nav-link--back{justify-self:center}.main-article__comments-title{text-transform:uppercase;margin-bottom:var(--space-6)}.main-article__comment-list{list-style:none;margin:0 0 var(--space-8);padding:0}.main-article__comment{padding:var(--space-4) 0;border-bottom:1px solid var(--border-default)}.main-article__comment-author{font-weight:700;margin:0}.main-article__comment-date{font:var(--text-caption);margin:0 0 var(--space-2)}.main-article__comment-content{font:var(--text-body-sm);color:var(--text-secondary)}.main-article__no-comments{margin-bottom:var(--space-8)}.main-article__comment-form{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-10)}.main-article__form-title{margin:0}.main-article__form-row{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:640px){.main-article__form-row{grid-template-columns:1fr 1fr}}.main-article__field{display:flex;flex-direction:column;gap:var(--space-2)}.main-article__field input,.main-article__field textarea{font:var(--text-body-md);color:var(--text-primary);background:var(--surface-card);border:var(--border-width-default) solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.main-article__field input:focus-visible,.main-article__field textarea:focus-visible{outline:none;border-color:var(--ink-0);box-shadow:0 0 0 1px var(--ink-0)}.main-article__field textarea{resize:vertical;min-height:120px}.main-article__moderation-note{font:var(--text-caption)}.main-article__form-success{font:var(--text-body-md);font-weight:600;color:var(--status-success);padding:var(--space-4);border:var(--border-width-default) solid var(--status-success);border-radius:var(--radius-sm);margin:0}.main-article__form-errors{border:var(--border-width-strong) solid var(--status-error);border-radius:var(--radius-sm);padding:var(--space-4)}.main-article__form-errors ul{margin:0;padding-left:var(--space-5)}.main-article__form-errors a,.main-article__form-errors li{color:var(--status-error)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-main-article.css.map */
