.article-template{--article-measure: 760px;background:var(--color-bg);color:var(--color-text);padding-block:var(--space-10) 0}.article-template--width-narrow{--article-measure: 680px}.article-template--width-wide{--article-measure: 880px}.article-template__header{display:grid;justify-items:center;gap:var(--space-4);max-width:calc(var(--article-measure) + 2 * var(--page-gutter, 20px) + 120px);text-align:center}.article-template__breadcrumb{gap:var(--space-2);font-size:var(--text-caption);color:var(--color-text-dim)}.article-template__breadcrumb .breadcrumbs__list{justify-content:center}.article-template__breadcrumb .breadcrumbs__separator{color:var(--color-line)}.article-template__breadcrumb [aria-current]{max-width:32ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text)}.article-template__breadcrumb a{color:inherit;text-decoration:none}.article-template__breadcrumb a:hover{color:var(--color-brand)}.article-template__eyebrow{display:inline-flex;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-brand) 10%,transparent);color:var(--color-brand);font-family:var(--font-heading);font-size:var(--text-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.article-template__title{margin:0;font-size:clamp(2rem,1.2rem + 3vw,var(--h1-size));line-height:1.1;text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word}.article-template__lede{max-width:62ch;margin:0;color:var(--color-text-dim);font-size:var(--text-body-lg);line-height:1.6}.article-template__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-6);margin-top:var(--space-2);color:var(--color-text-dim);font-size:var(--text-body-sm)}.article-template__author{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:600}.article-template__avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-brand);color:var(--color-button-label);font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:.04em}.article-template__meta-item{display:inline-flex;align-items:center;gap:6px}.article-template__hero{margin-block:var(--space-10) 0;margin-inline:auto;max-width:calc(1200px + 2 * var(--page-gutter, 20px))}.article-template__hero img{display:block;width:100%;height:auto;border-radius:var(--radius-xl);background:var(--color-surface-subtle)}.article-template__hero--wide img{aspect-ratio:16 / 9;object-fit:cover}.article-template__body{max-width:calc(var(--article-measure) + 2 * var(--page-gutter, 20px));padding-block:var(--space-12) var(--space-16)}.article-template__content{font-size:var(--text-body-lg);line-height:1.75;overflow-wrap:break-word}.article-template__content>*{margin-block:0 1.25em}.article-template__content>*:last-child{margin-bottom:0}.article-template__content :is(h2,h3,h4){margin-block:1.8em .6em;line-height:1.2}.article-template__content h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,var(--h3-size))}.article-template__content h3{font-size:var(--h4-size)}.article-template__content h4{font-size:var(--text-body-lg)}.article-template__content :is(ul,ol){padding-inline-start:1.4em}.article-template__content li+li{margin-top:.4em}.article-template__content li::marker{color:var(--color-brand)}.article-template__content a{color:var(--color-link, var(--color-brand));text-decoration:underline;text-underline-offset:3px}.article-template__content blockquote{margin-inline:0;padding:var(--space-6) var(--space-8);border-inline-start:4px solid var(--color-brand);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--color-surface-subtle);font-family:var(--font-heading);font-size:var(--h4-size);line-height:1.35}.article-template__content blockquote>:last-child{margin-bottom:0}.article-template__content :is(img,video){max-width:100%;height:auto;border-radius:var(--radius-lg)}.article-template__content iframe{max-width:100%;border-radius:var(--radius-lg)}.article-template__content :is(iframe[src*=youtube],iframe[src*="youtu.be"],iframe[src*=vimeo]){width:100%;height:auto;aspect-ratio:16 / 9}.article-template__content pre{max-width:100%;overflow-x:auto}.article-template__content figcaption{margin-top:var(--space-2);color:var(--color-text-dim);font-size:var(--text-body-sm);text-align:center}.article-template__content hr{margin-block:2.5em;border:0;border-top:1px solid var(--color-line)}.article-template__content table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.article-template__content :is(th,td){padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);text-align:start}.article-template__content th{background:var(--color-surface-subtle)}.article-template__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-6);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-line)}.article-template__footer:empty{display:none}.article-template__tags,.article-template__share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.article-template__footer-label{font-family:var(--font-heading);font-size:var(--text-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim)}.article-template__footer ul{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.article-template__tags a{display:inline-flex;padding:6px var(--space-3);border:1px solid var(--color-line);border-radius:999px;color:var(--color-text);font-size:var(--text-body-sm);text-decoration:none;transition:border-color .15s ease,color .15s ease}.article-template__share :is(a,button){display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--color-line);border-radius:50%;background:transparent;color:var(--color-text);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.article-template__tags a:hover,.article-template__share :is(a,button):hover,.article-template__share :is(a,button):focus-visible{border-color:var(--color-brand);color:var(--color-brand)}.article-template__copied{color:var(--color-success);font-size:var(--text-body-sm)}.article-template__pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-10)}.article-template__pager-link{display:grid;gap:var(--space-1);padding:var(--space-4) var(--space-6);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);background:var(--color-card-bg);color:var(--color-text);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.article-template__pager-link:hover{border-color:var(--color-brand);box-shadow:var(--shadow-card-hover)}.article-template__pager-link--next{grid-column:2;text-align:end}.article-template__pager-label{color:var(--color-brand);font-family:var(--font-heading);font-size:var(--text-caption);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.article-template__pager-title{font-family:var(--font-heading);font-size:var(--text-body-lg);font-weight:700;line-height:1.3}.article-template__section-title{margin:0;font-size:var(--h4-size);text-transform:uppercase}.article-template__section-title span{color:var(--color-text-dim)}.article-template__comments{margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid var(--color-line)}.article-template__comment-list{display:grid;gap:var(--space-4);margin:var(--space-6) 0 0;padding:0;list-style:none}.article-template__comment{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}.article-template__comment-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-2);color:var(--color-text-dim);font-size:var(--text-body-sm)}.article-template__comment-meta strong{color:var(--color-text)}.article-template__comment-form{display:grid;gap:var(--space-4);margin-top:var(--space-8)}.article-template__form-title{margin:0;font-size:var(--text-body-lg)}.article-template__form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.article-template__comment-form .field{display:grid;gap:6px}.article-template__comment-form label{font-size:var(--text-body-sm);font-weight:600}.article-template__comment-form .btn{justify-self:start}.article-template__related{padding-block:var(--section-spacing);background:var(--color-surface-subtle)}.article-template__related-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.article-template__back{color:var(--color-brand);font-family:var(--font-heading);font-size:var(--text-body-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.article-template__back:hover{text-decoration:underline}.article-template__related-grid{display:grid;grid-template-columns:repeat(var(--related-columns, 3),minmax(0,1fr));gap:var(--space-6)}@media(max-width:989px){.article-template__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.article-template{padding-top:var(--space-6)}.article-template__hero{margin-top:var(--space-6)}.article-template__hero img{border-radius:var(--radius-lg)}.article-template__body{padding-block:var(--space-8) var(--space-12)}.article-template__content{font-size:var(--text-body)}.article-template__content table{display:block;max-width:100%;overflow-x:auto}.article-template__content blockquote{padding:var(--space-4) var(--space-6);font-size:var(--text-body-lg)}.article-template__footer{flex-direction:column;align-items:flex-start}.article-template__pager,.article-template__form-row,.article-template__related-grid{grid-template-columns:minmax(0,1fr)}.article-template__pager-link--next{grid-column:auto}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-article.css.map */