.article-page{--article-measure: 760px;--article-muted: color-mix(in srgb, var(--color-foreground), transparent 32%);--article-border: color-mix(in srgb, var(--color-foreground), transparent 86%);--article-tint: color-mix(in srgb, var(--color-foreground), transparent 96%);width:min(100%,var(--article-measure));margin-inline:auto}.article-page__image{margin-block-end:clamp(1.5rem,4vw,3rem);overflow:hidden;border-radius:8px;background-color:var(--article-tint)}.article-page__image img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.article-page__header{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem;align-items:start;margin-block-end:clamp(2rem,5vw,3.5rem);padding-block-end:clamp(1.25rem,3vw,2rem);border-bottom:1px solid var(--article-border)}.article-page__title{font-size:clamp(2rem,3.2vw,2.65rem);line-height:1.28;font-weight:700;letter-spacing:0;text-wrap:pretty}.article-page__metadata{margin-block-start:0;color:var(--article-muted);font-size:.95rem;line-height:1.7}.article-content{font-size:1rem;line-height:1.9}.article-content>*+*{margin-block-start:1.15rem}.article-content h1,.article-content h2,.article-content h3,.article-content h4{line-height:1.35;font-weight:700;text-wrap:balance}.article-content>h1{margin-block-start:3rem;font-size:clamp(1.85rem,3vw,2.4rem)}.article-content>h2{margin-block-start:2.75rem;padding-block-end:.45rem;border-bottom:1px solid var(--article-border);font-size:clamp(1.55rem,2.4vw,2rem)}.article-content>h3{margin-block-start:2.35rem;font-size:clamp(1.3rem,2vw,1.55rem)}.article-content>h4{margin-block-start:2rem;font-size:1.12rem}.article-content p{color:color-mix(in srgb,var(--color-foreground),transparent 8%)}.article-content strong{font-weight:700;color:var(--color-foreground)}.article-content em{font-style:italic}.article-content u,.article-content span[style*=underline]{text-decoration-thickness:.08em;text-underline-offset:.2em}.article-content a{color:var(--color-foreground);font-weight:650;text-decoration-thickness:.08em;text-underline-offset:.22em}.article-content a:hover,.article-content a:focus-visible{text-decoration-thickness:.14em}.article-content blockquote{margin-inline:0;padding:1.25rem 1.5rem;border-inline-start:4px solid var(--color-foreground);border-radius:0 8px 8px 0;background-color:var(--article-tint);color:color-mix(in srgb,var(--color-foreground),transparent 12%)}.article-content blockquote>*+*{margin-block-start:.75rem}.article-content table{display:block;width:100%;max-width:100%;margin-block:1.75rem;overflow-x:auto;border-collapse:collapse;border-spacing:0;font-size:.95rem}.article-content tbody{display:table;width:100%;min-width:560px;border:1px solid var(--article-border)}.article-content tr+tr{border-top:1px solid var(--article-border)}.article-content td,.article-content th{padding:.85rem 1rem;border-inline-start:1px solid var(--article-border);text-align:left;vertical-align:top}.article-content td:first-child,.article-content th:first-child{border-inline-start:0}.article-content tr:first-child td,.article-content th{background-color:var(--article-tint);font-weight:650}.article-content ul,.article-content ol{padding-inline-start:1.5rem}.article-content li{padding-inline-start:.2rem}.article-content li+li,.article-content li>ul,.article-content li>ol{margin-block-start:.45rem}.article-content ul ul{list-style-type:circle}.article-content ul ul ul{list-style-type:square}.article-content ul ul ul ul{list-style-type:disc}.article-content ol ol{list-style-type:lower-alpha}.article-content ol ol ol{list-style-type:lower-roman}.article-content ol ol ol ol{list-style-type:decimal}.article-content .callout{padding:15px 20px;margin:20px 0;border-left:6px solid #ccc;border-radius:4px;background-color:#f9f9f9}.article-content .callout-warning{border-left-color:#d9534f;background-color:#fdf2f2}.article-content .callout-warning p{color:#a94442}.article-content .callout-important{border-left-color:#f0ad4e;background-color:#fdf8e3}.article-content .callout-important p{color:#8a6d3b}.article-content .callout-tip{border-left-color:#5cb85c;background-color:#dff0d8}.article-content .callout-tip p{color:#3c763d}.article-content pre{background-color:#f6f8fa;color:#24292e;padding:16px;border-radius:6px;border:1px solid #e1e4e8;font-family:Courier New,Courier,monospace;overflow-x:auto}.article-comments{width:min(100%,760px);margin-inline:auto;border-top:1px solid color-mix(in srgb,var(--color-foreground),transparent 86%)}.article-comments__list,.article-comments__form{display:grid;gap:1rem;margin-block-start:1.5rem}.article-comments__item{padding:1rem;border:1px solid color-mix(in srgb,var(--color-foreground),transparent 86%);border-radius:8px}.article-comments__author{font-weight:650}.article-comments__date{margin-block-start:.2rem;color:color-mix(in srgb,var(--color-foreground),transparent 32%);font-size:.9rem}.article-comments__body{margin-block-start:.85rem}.article-comments__field{display:grid;gap:.4rem}.article-comments__field input,.article-comments__field textarea{width:100%;border:1px solid color-mix(in srgb,var(--color-foreground),transparent 78%);padding:.8rem .9rem;background-color:var(--color-background);color:var(--color-foreground)}.article-comments__field textarea{min-height:9rem;resize:vertical}.article-comments__submit{width:fit-content;min-height:2.75rem;padding-inline:1rem;border:0;border-radius:.5rem;background-color:var(--color-foreground);color:var(--color-background);font:inherit;font-weight:650;cursor:pointer}@media(max-width:640px){.article-page{--article-measure: 100%}.article-content{font-size:.98rem;line-height:1.85}.article-content blockquote{padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/article.css.map */
