.article{padding-block:var(--sp-6) var(--sp-8);max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-5)}.article__hero-media{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--border)}.article__hero-media img{width:100%;height:100%;object-fit:cover}.article__header{display:flex;flex-direction:column;gap:var(--sp-3)}.article__meta{color:var(--text-muted)}.article__title{text-wrap:balance}.article__author{color:var(--text-secondary)}.article__body{max-width:64ch}.article__related{margin-top:var(--sp-8);padding-top:var(--sp-7);border-top:1px solid var(--border)}.article__related-header{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-5);align-items:flex-start}.article__related-grid{list-style:none;display:grid;grid-template-columns:1fr;gap:var(--sp-5)}@media(min-width:640px){.article__related-grid{grid-template-columns:repeat(3,1fr)}}.rte table{width:100%;border-collapse:collapse;font-size:var(--fs-small);margin-block:var(--sp-4)}.rte table th,.rte table td{padding:var(--sp-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.rte table th{color:var(--text-muted);font-weight:500;letter-spacing:.05em;text-transform:uppercase;font-size:var(--fs-xs);background:var(--surface-1)}.rte table tr:hover td{background:#00d4ff0a}.ps-inline{display:grid;grid-template-columns:120px 1fr auto;gap:var(--sp-4);align-items:center;margin-block:var(--sp-5);padding:var(--sp-4);background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-card)}@media(max-width:639px){.ps-inline{grid-template-columns:96px 1fr}.ps-inline__cta{grid-column:1 / -1;justify-self:stretch}}.ps-inline__media{width:120px;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-input);background:var(--surface-2)}@media(max-width:639px){.ps-inline__media{width:96px}}.ps-inline__media img{width:100%;height:100%;object-fit:cover}.ps-inline__body{display:flex;flex-direction:column;gap:var(--sp-1)}.ps-inline__title{color:var(--text-primary);font-size:var(--fs-h4);font-weight:600;text-decoration:none;line-height:1.3}.ps-inline__title:hover{color:var(--accent)}.ps-inline__cta{white-space:nowrap}.article--guide{max-width:1100px}.article-guide__header{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-6)}.article-guide__title{text-wrap:balance}.article-guide__meta{color:var(--text-muted)}.article-guide__summary{font-size:var(--fs-h4);color:var(--text-primary);max-width:64ch;line-height:1.5}.article-guide__hero-media{aspect-ratio:16 / 9;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--border);margin-top:var(--sp-4)}.article-guide__hero-media img{width:100%;height:100%;object-fit:cover}.article-guide__layout{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}@media(min-width:1024px){.article-guide__layout{grid-template-columns:240px minmax(0,1fr);gap:var(--sp-7);align-items:start}}.article-guide__toc{display:flex;flex-direction:column;gap:var(--sp-3)}@media(min-width:1024px){.article-guide__toc{position:sticky;top:96px}}.article-guide__toc-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2);margin:0;padding:0;counter-reset:toc}.article-guide__toc-list li{counter-increment:toc}.article-guide__toc-list a{display:block;padding:var(--sp-2) var(--sp-3);border-left:2px solid var(--border);color:var(--text-secondary);font-size:var(--fs-small);line-height:1.4;text-decoration:none;transition:color var(--dur-state) var(--ease-state),border-color var(--dur-state) var(--ease-state),background-color var(--dur-state) var(--ease-state)}.article-guide__toc-list a:before{content:counter(toc,decimal-leading-zero) " \b7  ";color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);margin-right:var(--sp-1)}.article-guide__toc-list a:hover{color:var(--text-primary);border-left-color:var(--text-muted)}.article-guide__toc-list a[aria-current=true]{color:var(--accent);border-left-color:var(--accent);background:#00d4ff0d}.article-guide__body h2{scroll-margin-top:96px;padding-top:var(--sp-4)}.article-guide__products{margin-top:var(--sp-7);padding-top:var(--sp-6);border-top:1px solid var(--border)}.article-guide__products-header{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4);align-items:flex-start}.article-guide__products-rail{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:280px;gap:var(--sp-4);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--sp-3);scrollbar-width:thin}.article-guide__products-rail li{scroll-snap-align:start}.article-guide__faq{margin-top:var(--sp-7);padding-top:var(--sp-6);border-top:1px solid var(--border)}.article-guide__faq-header{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-5);align-items:flex-start}.article-guide__faq-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.article-guide__faq-item{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.article-guide__faq-question{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);font-size:var(--fs-h4);font-weight:500;color:var(--text-primary);transition:color var(--dur-state) var(--ease-state)}.article-guide__faq-question::-webkit-details-marker{display:none}.article-guide__faq-question:hover{color:var(--accent)}.article-guide__faq-chevron{transition:transform var(--dur-state) var(--ease-state)}.article-guide__faq-item[open] .article-guide__faq-chevron{transform:rotate(180deg)}.article-guide__faq-answer{padding:0 var(--sp-5) var(--sp-5);color:var(--text-secondary);line-height:1.6}.article-guide__faq-answer>*+*{margin-top:var(--sp-3)}.article-guide__related{margin-top:var(--sp-7);padding-top:var(--sp-6);border-top:1px solid var(--border)}.article-guide__related-header{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-5);align-items:flex-start}
/*# sourceMappingURL=/cdn/shop/t/4/assets/main-article.css.map */