.article{--article-ink: var(--Primary-Black, #1b1a1a);--article-muted: #666666;--article-surface: var(--Primary-Cream, #f3f1e7);max-width:var(--article-measure, 50rem);margin-inline:auto;color:var(--article-ink)}.article__tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem .375rem;margin:0 0 1.25rem;padding:0}.article__tag{position:relative;display:inline-flex;align-items:center;min-height:1.25rem;padding:.25rem .625rem;border-radius:.25rem;background:var(--article-surface);color:var(--article-ink);font-size:var(--Size-Text-XS, .75rem);font-weight:var(--Weight-Font-weight-medium, 500);line-height:1;letter-spacing:0;text-transform:uppercase;text-decoration:none;overflow-wrap:anywhere}.article__tag:after{content:"";position:absolute;top:-.125rem;right:0;bottom:-.125rem;left:0}@media(hover:hover)and (pointer:fine){.article__tag{transition:background-color .2s ease}.article__tag:hover{background:#ebe8dc}}.article__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem .625rem;margin-top:clamp(1.25rem,1.74vw,1.5625rem);font-size:var(--Size-Text-S, .875rem);line-height:1.4;letter-spacing:-.02em}.article__avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;overflow:hidden;border-radius:50%;background:var(--article-ink);color:var(--Primary-White, #ffffff);font-size:var(--Size-Text-XS, .75rem);font-weight:var(--Weight-Font-weight-medium, 500);line-height:1;letter-spacing:0}.article__avatar-image{width:100%;height:100%;object-fit:cover}.article__author{font-weight:var(--Weight-Font-weight-medium, 500)}.article__date{color:var(--article-muted)}.article__content{margin-top:clamp(1.5rem,2.78vw,2.5rem)}.article__comments{--dotted-rule-pitch: 10.3px;margin-top:clamp(3rem,5.56vw,5rem);padding-top:clamp(2rem,3.48vw,3.125rem);background-image:linear-gradient(to right,var(--article-ink) 1px,transparent 1px);background-size:var(--dotted-rule-pitch) 1px;background-repeat:repeat-x;background-position:left top}.article__comments-title{margin:0 0 1.25rem;font-size:var(--Size-Display-S, 1.625rem);font-weight:var(--Weight-Font-weight-medium, 500);line-height:1.2;letter-spacing:-.02em}h3.article__comments-title{font-size:var(--Size-Display-XS, 1.375rem)}.article__comment-list{list-style:none;display:flex;flex-direction:column;gap:1.5rem;margin:0 0 2.5rem;padding:0}.article__comment-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .625rem;margin-bottom:.375rem;font-size:var(--Size-Text-S, .875rem);line-height:1.4;letter-spacing:-.02em}.article__comment-author{font-weight:var(--Weight-Font-weight-medium, 500)}.article__comment-meta time{color:var(--article-muted)}.article__comment-body{font-size:var(--Size-Text-M, 1rem);line-height:1.6;letter-spacing:-.01em;overflow-wrap:break-word}.article__comment-body>*{margin:0}.article__comment-body>*+*{margin-top:.75em}.article__comment-form{display:flex;flex-direction:column;gap:1rem}.article__field{display:flex;flex-direction:column;gap:.5rem}.article__field label{font-size:var(--Size-Text-XS, .75rem);font-weight:var(--Weight-Font-weight-medium, 500);line-height:1.4;letter-spacing:0;text-transform:uppercase}.article__field :is(input,textarea){width:100%;min-height:2.875rem;padding:.625rem .875rem;border:1px solid rgb(27 26 26 / .55);border-radius:.25rem;background:var(--Primary-White, #ffffff);color:inherit;font-size:var(--Size-Text-M, 1rem);line-height:1.4}.article__field textarea{min-height:7.5rem;resize:vertical}.article__form-message{margin:0;padding:.75rem 1rem;border-radius:.25rem;background:var(--article-surface);font-size:var(--Size-Text-S, .875rem);line-height:1.4}.article__form-message--error{border-inline-start:3px solid var(--Secondary-Brick, #9b221a)}.article__form-message--error :is(ul,ol){margin:0;padding-inline-start:1.1rem}.article__field [aria-invalid=true]{border-color:var(--Secondary-Brick, #9b221a);border-width:2px}.article__comment-submit{align-self:flex-start}.article__tag:focus-visible{outline:2px solid var(--article-ink);outline-offset:2px}.article__field :is(input,textarea):focus-visible{outline:2px solid var(--article-ink);outline-offset:1px}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-article.css.map */