.article-page{padding-block:var(--article-padding-top) var(--article-padding-bottom);background:var(--gradient-background, var(--color-background));color:var(--color-foreground)}.article-page__inner{width:min(var(--article-page-width),calc(100% - (var(--page-margin) * 2)));margin-inline:auto}.article-page__breadcrumbs{display:flex;align-items:center;gap:9px;margin-block-end:clamp(28px,4vw,46px);overflow:hidden;color:color-mix(in srgb,var(--color-foreground) 58%,transparent);font-size:var(--font-size-small);white-space:nowrap}.article-page__breadcrumbs a,.article-page__breadcrumbs span{overflow:hidden;color:inherit;text-overflow:ellipsis;text-decoration:none}.article-page__breadcrumbs a{flex:0 0 auto}.article-page__breadcrumbs a:hover{color:var(--color-link)}.article-page__header{max-width:min(var(--article-content-width),100%);margin-inline:auto;text-align:center}.article-page__header-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-block-end:18px}.article-page__header-tags a,.article-page__footer-tags a{padding:6px 11px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-background);color:var(--color-foreground);font-size:var(--font-size-caption);font-weight:700;line-height:1.1;text-decoration:none}.article-page__header-tags a:hover,.article-page__footer-tags a:hover{border-color:var(--color-primary);color:var(--color-primary)}.article-page__title{margin:0;color:var(--color-section-title, var(--color-foreground));font-family:var(--font-heading--family);font-size:var(--article-title-size);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);line-height:1.12;letter-spacing:var(--font-heading--letter-spacing);text-transform:var(--font-heading--text-transform);text-wrap:balance}.article-page__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 20px;margin-block-start:22px;color:color-mix(in srgb,var(--color-foreground) 62%,transparent);font-size:var(--font-size-small)}.article-page__meta-item{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none}.article-page__meta-item svg{width:17px;height:17px}a.article-page__meta-item:hover{color:var(--color-primary)}.article-page__hero{max-width:100%;margin:clamp(34px,5vw,64px) 0 clamp(38px,6vw,76px)}.article-page__hero-image{display:block;width:100%;aspect-ratio:var(--article-hero-ratio);border-radius:var(--style-border-radius-cards);background:color-mix(in srgb,var(--color-foreground) 5%,var(--color-background));object-fit:var(--article-image-fit)}.article-page__hero figcaption{margin-block-start:10px;color:color-mix(in srgb,var(--color-foreground) 58%,transparent);font-size:var(--font-size-caption);text-align:center}.article-page__body-layout{max-width:min(var(--article-content-width),100%);margin-inline:auto}.article-page__body-layout--with-share{display:grid;grid-template-columns:54px minmax(0,var(--article-content-width)) 54px;justify-content:center;column-gap:24px;max-width:calc(var(--article-content-width) + 156px)}.article-page__share{grid-column:1;align-self:start;position:sticky;top:110px;text-align:center}.article-page__share-label{display:block;margin-block-end:12px;color:color-mix(in srgb,var(--color-foreground) 58%,transparent);font-size:var(--font-size-caption);font-weight:700}.article-page__share-links{display:grid;gap:9px}.article-page__share-links a{width:42px;height:42px;border:1px solid var(--color-border);border-radius:50%;display:grid;place-items:center;background:var(--color-background);color:var(--color-foreground);text-decoration:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.article-page__share-links a:hover{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-button-text);transform:translateY(-2px)}.article-page__share-links svg{width:18px;height:18px}.article-page__body-layout--with-share .article-page__content{grid-column:2}.article-page__content{min-width:0;color:color-mix(in srgb,var(--color-foreground) 88%,transparent);font-size:var(--font-size-large);line-height:1.75;overflow-wrap:anywhere}.article-page__content>:first-child{margin-block-start:0}.article-page__content>:last-child{margin-block-end:0}.article-page__content p,.article-page__content ul,.article-page__content ol,.article-page__content blockquote,.article-page__content table,.article-page__content pre{margin-block:0 1.45em}.article-page__content h1,.article-page__content h2,.article-page__content h3,.article-page__content h4,.article-page__content h5,.article-page__content h6{margin-block:1.7em .65em;color:var(--color-section-title, var(--color-foreground));font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);line-height:1.25;letter-spacing:var(--font-heading--letter-spacing);scroll-margin-top:120px}.article-page__content h2{font-size:var(--font-size-heading-large)}.article-page__content h3{font-size:var(--font-size-heading-medium)}.article-page__content h4,.article-page__content h5,.article-page__content h6{font-size:var(--font-size-heading-small)}.article-page__content ul,.article-page__content ol{padding-inline-start:1.5em}.article-page__content li+li{margin-block-start:.45em}.article-page__content a{color:var(--color-link);text-decoration-thickness:1px;text-underline-offset:.2em}.article-page__content a:hover{color:var(--color-primary)}.article-page__content img{display:block;max-width:100%;height:auto;margin-block:clamp(28px,5vw,48px);border-radius:min(var(--style-border-radius-cards),16px)}.article-page__content iframe,.article-page__content video{display:block;max-width:100%;margin-block:clamp(28px,5vw,48px);border:0;border-radius:min(var(--style-border-radius-cards),16px)}.article-page__content blockquote{padding:22px 26px;border-inline-start:4px solid var(--color-primary);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-background));color:color-mix(in srgb,var(--color-foreground) 76%,transparent);font-size:1.05em}.article-page__content blockquote>:last-child{margin-block-end:0}.article-page__content hr{margin-block:44px;border:0;border-top:1px solid var(--color-border)}.article-page__content table{display:block;width:100%;border-collapse:collapse;overflow-x:auto;font-size:var(--font-size-body);-webkit-overflow-scrolling:touch}.article-page__content th,.article-page__content td{min-width:130px;padding:12px 14px;border:1px solid var(--color-border);text-align:start;vertical-align:top}.article-page__content th{background:color-mix(in srgb,var(--color-foreground) 6%,var(--color-background));color:var(--color-foreground)}.article-page__content code,.article-page__content pre{border-radius:7px;background:color-mix(in srgb,var(--color-foreground) 7%,var(--color-background))}.article-page__content code{padding:.15em .35em;font-size:.9em}.article-page__content pre{padding:20px;overflow-x:auto;font-size:var(--font-size-small)}.article-page__content pre code{padding:0;background:transparent}.article-page__footer{max-width:min(var(--article-content-width),100%);margin:clamp(42px,6vw,72px) auto 0;padding-block:24px;border-block:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:20px}.article-page__footer-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.article-page__footer-tags>span{margin-inline-end:4px;font-size:var(--font-size-small);font-weight:700}.article-page__back{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;color:var(--color-link);font-size:var(--font-size-small);font-weight:700;text-decoration:none}.article-page__back svg{width:18px;height:18px;transition:transform .16s ease}.article-page__back:hover svg{transform:translate(-3px)}.article-page__comments,.article-page__related{margin-block-start:clamp(52px,8vw,96px);padding-block-start:clamp(36px,5vw,60px);border-top:1px solid var(--color-border)}.article-page__comments{max-width:min(var(--article-content-width),100%);margin-inline:auto}.article-page__comments-header,.article-page__related-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-block-end:28px}.article-page__comments-header h2,.article-page__related-header h2{margin:0;color:var(--color-section-title, var(--color-foreground));font-size:var(--font-size-heading-large)}.article-page__comments-header span{min-width:34px;height:34px;padding-inline:9px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-background));color:var(--color-primary);font-size:var(--font-size-small);font-weight:700}.article-page__comment-list{display:grid;gap:16px}.article-page__comment{padding:22px;border:1px solid var(--color-border);border-radius:var(--style-border-radius-cards);display:grid;grid-template-columns:44px minmax(0,1fr);gap:15px;background:var(--color-background)}.article-page__comment-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-background));color:var(--color-primary);font-weight:800}.article-page__comment-content header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-block-end:8px}.article-page__comment-content time{color:color-mix(in srgb,var(--color-foreground) 55%,transparent);font-size:var(--font-size-caption)}.article-page__comment-content .rte>:first-child{margin-block-start:0}.article-page__comment-content .rte>:last-child{margin-block-end:0}.article-page__comment-pagination{margin-block-start:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.article-page__comment-pagination>span{display:inline-flex}.article-page__comment-pagination a,.article-page__comment-pagination .current,.article-page__comment-pagination .deco{min-width:40px;height:40px;padding-inline:9px;border:1px solid var(--color-border);border-radius:999px;display:inline-grid;place-items:center;background:var(--color-background);color:var(--color-foreground);font-size:var(--font-size-small);text-decoration:none}.article-page__comment-pagination a:hover,.article-page__comment-pagination .current{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-button-text)}.article-page__comment-pagination .deco{min-width:auto;border-color:transparent;background:transparent}.article-page__comment-form{margin-block-start:34px;padding:clamp(22px,4vw,36px);border:1px solid var(--color-border);border-radius:var(--style-border-radius-cards);background:color-mix(in srgb,var(--color-foreground) 2.5%,var(--color-background))}.article-page__comment-form h3{margin:0 0 24px;font-size:var(--font-size-heading-medium)}.article-page__form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-page__field--full{grid-column:1 / -1}.article-page__field label{display:block;margin-block-end:8px;font-size:var(--font-size-small);font-weight:700}.article-page__field input,.article-page__field textarea{width:100%;padding:11px 13px;border:var(--style-border-width-inputs) solid var(--color-border);border-radius:var(--style-border-radius-inputs);background:var(--color-background);color:var(--color-foreground);font:inherit}.article-page__field input{min-height:46px}.article-page__field textarea{min-height:150px;resize:vertical}.article-page__comment-form button{min-height:46px;margin-block-start:20px;padding:11px 26px;border:var(--style-border-width-buttons) solid var(--color-button);border-radius:var(--style-border-radius-buttons);background:var(--color-button);color:var(--color-button-text);font:inherit;font-weight:700;text-transform:var(--style-button-text-transform);cursor:pointer}.article-page__comment-form button:hover{opacity:.88}.article-page__form-message,.article-page__form-errors{margin-block-end:20px;padding:12px 14px;border-radius:7px}.article-page__form-message{background:color-mix(in srgb,#198754 10%,var(--color-background));color:color-mix(in srgb,#198754 72%,var(--color-foreground))}.article-page__form-errors{background:color-mix(in srgb,#b42318 10%,var(--color-background));color:color-mix(in srgb,#b42318 72%,var(--color-foreground))}.article-page__moderation-note{margin:14px 0 0;color:color-mix(in srgb,var(--color-foreground) 58%,transparent);font-size:var(--font-size-caption)}.article-page__related-header a{color:var(--color-link);font-size:var(--font-size-small);font-weight:700}.article-page__related-grid{display:grid;grid-template-columns:repeat(var(--article-related-columns),minmax(0,1fr));gap:22px}.article-page__related-card{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-foreground) 13%,transparent);border-radius:var(--style-border-radius-cards);background:var(--color-background);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.article-page__related-card:hover{border-color:color-mix(in srgb,var(--color-primary) 48%,var(--color-border));box-shadow:0 12px 28px color-mix(in srgb,var(--color-shadow) 11%,transparent);transform:translateY(-3px)}.article-page__related-media{display:block;overflow:hidden;aspect-ratio:16 / 9;background:color-mix(in srgb,var(--color-foreground) 5%,var(--color-background))}.article-page__related-image,.article-page__related-placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-page__related-card:hover .article-page__related-image{transform:scale(1.035)}.article-page__related-content{padding:18px}.article-page__related-content time{color:color-mix(in srgb,var(--color-foreground) 58%,transparent);font-size:var(--font-size-caption)}.article-page__related-content h3{margin:9px 0 0;font-size:var(--font-size-large);line-height:1.35}.article-page__related-content h3 a{color:inherit;text-decoration:none}.article-page__related-content h3 a:hover{color:var(--color-primary)}.article-page :is(a,button,input,textarea):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media screen and (max-width:989px){.article-page__body-layout--with-share{grid-template-columns:minmax(0,var(--article-content-width));max-width:min(var(--article-content-width),100%)}.article-page__share,.article-page__body-layout--with-share .article-page__content{grid-column:1}.article-page__share{position:static;margin-block-end:28px;display:flex;align-items:center;gap:12px;text-align:start}.article-page__share-label{margin:0}.article-page__share-links{display:flex}.article-page__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.article-page{--article-padding-top: min(var(--article-padding-top), 24px);--article-padding-bottom: min(var(--article-padding-bottom), 52px)}.article-page__breadcrumbs{margin-block-end:28px}.article-page__title{font-size:var(--article-title-size-mobile)}.article-page__hero{width:calc(100% + (var(--page-margin) * 2));margin-inline:calc(var(--page-margin) * -1)}.article-page__hero-image{border-radius:0}.article-page__hero figcaption{padding-inline:var(--page-margin)}.article-page__content{font-size:var(--font-size-body)}.article-page__content h2{font-size:var(--font-size-heading-large-mobile)}.article-page__content h3{font-size:var(--font-size-heading-medium-mobile)}.article-page__content h4,.article-page__content h5,.article-page__content h6{font-size:var(--font-size-heading-small-mobile)}.article-page__footer{align-items:flex-start;flex-direction:column}.article-page__comments-header h2,.article-page__related-header h2{font-size:var(--font-size-heading-medium-mobile)}.article-page__form-grid,.article-page__related-grid{grid-template-columns:minmax(0,1fr)}.article-page__comment{grid-template-columns:38px minmax(0,1fr);padding:18px}.article-page__comment-avatar{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.article-page__share-links a,.article-page__back svg,.article-page__related-card,.article-page__related-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/article.css.map */