.article-template--guide .article-template__content{max-width:76rem;font-family:var(--sb-font-body);color:var(--sb-ink);font-size:clamp(1.0625rem,1.15vw,1.1875rem);line-height:1.72}.article-template--guide .article-template__content :is(h2,h3,h4)[id],.article-template--guide .article-template__content [id]{scroll-margin-top:6rem}.article-template--guide .article-template__content h2{font-family:var(--sb-font-display);font-weight:700;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.01em;margin:3.25rem 0 1.1rem;padding-bottom:.6rem;border-bottom:2px solid var(--sb-ink)}.article-template--guide .article-template__content h3{font-family:var(--sb-font-display);font-weight:600;font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.15;margin:2.25rem 0 .75rem;color:var(--sb-ink)}.article-template--guide .article-template__content h4{font-family:var(--sb-font-body);font-weight:700;font-size:1.125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sb-ink-muted);margin:1.75rem 0 .5rem}.article-template--guide .article-template__content h2:before{content:"";display:inline-block;width:.65em;height:.12em;margin-right:.5rem;vertical-align:middle;background:var(--sb-accent)}.article-template--guide .article-template__content p{margin:0 0 1.35rem}.article-template--guide .article-template__content a{color:var(--sb-accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.article-template--guide .article-template__content strong{font-weight:700;color:var(--sb-ink)}.article-template--guide .article-template__content :is(ul,ol){margin:0 0 1.35rem;padding-left:1.4rem}.article-template--guide .article-template__content li{margin-bottom:.5rem;padding-left:.25rem}.article-template--guide .article-template__content ul li::marker{color:var(--sb-accent)}.article-template--guide .article-template__content .guide-toc{background:var(--sb-paper-warm);border:var(--sb-border);border-left:3px solid var(--sb-accent);border-radius:var(--sb-radius);padding:1.5rem 1.75rem;margin:0 0 2.5rem}@media screen and (min-width:1100px){.article-template--guide .article-template__content .guide-toc{position:static;float:none;width:auto;margin:0 0 2.5rem}}.article-template--guide .article-template__content .guide-toc strong{display:block;font-family:var(--sb-font-display);font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-ink-muted);margin-bottom:.75rem}.article-template--guide .article-template__content .guide-toc a{color:var(--sb-ink);text-decoration:none;font-weight:600}.article-template--guide .article-template__content .guide-toc a:hover{color:var(--sb-accent);text-decoration:underline}.article-template--guide .article-template__content .guide-toc li{font-size:.95rem;margin-bottom:.35rem}.article-template--guide .article-template__hero-container--guide{max-width:76rem;margin:0 auto 1.25rem;padding:0 1.5rem}.article-template--guide .article-template__hero-banner{position:relative;height:10rem;max-height:168px;border-radius:var(--sb-radius);overflow:hidden;background:#121212;border:var(--sb-border)}@media screen and (min-width:750px){.article-template--guide .article-template__hero-banner{height:12rem;max-height:200px}}.article-template--guide .article-template__hero-banner :is(video,img){width:100%;height:100%;object-fit:cover;object-position:center;display:block}.article-template--guide header{margin-top:2rem}@media screen and (min-width:750px){.article-template--guide header{margin-top:2.5rem}}.article-template--guide .article-template__content .guide-tldr{background:#1a1a1a;border-left:4px solid var(--sb-accent);border-radius:0 var(--sb-radius) var(--sb-radius) 0;padding:1rem 1.25rem;margin:0 0 1.5rem}.article-template--guide .article-template__content .guide-tldr__label{margin:0 0 .35rem;font-weight:700;color:var(--sb-accent);font-size:.85em;letter-spacing:.05em;text-transform:uppercase}.article-template--guide .article-template__content .guide-tldr__body{margin:0;color:#e8e3db;line-height:1.6}.article-template--guide .article-template__content .guide-tldr__body a{color:var(--sb-accent)}.article-template--guide .article-template__content blockquote{background:var(--sb-paper-warm);border-left:3px solid var(--sb-accent);border-radius:0 var(--sb-radius) var(--sb-radius) 0;padding:1.1rem 1.5rem;margin:0 0 1.75rem;font-style:normal;color:var(--sb-ink)}.article-template--guide .article-template__content blockquote p:last-child{margin-bottom:0}.article-template--guide .article-template__content table{width:100%;border-collapse:collapse;margin:0 0 2rem;font-size:.95rem}.article-template--guide .article-template__content :is(th,td){text-align:left;padding:.7rem .9rem;border-bottom:var(--sb-border)}.article-template--guide .article-template__content th{font-family:var(--sb-font-display);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;border-bottom:2px solid var(--sb-ink);background:var(--sb-paper-warm)}.article-template--guide .article-template__content tbody tr:hover{background:var(--sb-paper-warm)}.article-template--guide .article-template__content hr{border:0;height:1px;background:var(--sb-hairline);margin:2.75rem 0}.article-template--guide .article-template__content img{border-radius:var(--sb-radius);margin:.5rem 0 1.75rem}.article-template--guide .article-template__content .guide-toc :is(ol,ul){margin:0;padding-left:1.1rem}.article-template--guide .article-template__content details:not(.sb-faq-item){border-bottom:var(--sb-border);padding:1rem 0}.article-template--guide .article-template__content details:not(.sb-faq-item) summary{cursor:pointer;font-family:var(--sb-font-display);font-weight:600;font-size:1.15rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.article-template--guide .article-template__content details:not(.sb-faq-item) summary::-webkit-details-marker{display:none}.article-template--guide .article-template__content details:not(.sb-faq-item) summary:after{content:"+";color:var(--sb-accent);font-size:1.5rem;line-height:1;transition:transform var(--sb-dur-fast) var(--sb-ease-out)}.article-template--guide .article-template__content details:not(.sb-faq-item)[open] summary:after{transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){.article-template--guide .article-template__content details:not(.sb-faq-item) summary:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/section-guide-article.css.map */