.article-guide ::selection{background:#6b3fa026;color:var(--color-text-main)}.article-guide{--ag-sidebar-width: 200px;--ag-gap: 5rem;--ag-ease: cubic-bezier(.16, 1, .3, 1);width:90%;max-width:1200px;margin:0 auto;padding:0}.ag-breadcrumbs{padding:2rem 0 0;margin-bottom:3.5rem}.ag-breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:0;font-family:var(--font-stack-body);font-size:.75rem;font-weight:var(--font-weight-body);letter-spacing:.04em;color:var(--color-secondary-text-main)}.ag-breadcrumbs li{display:flex;align-items:center}.ag-breadcrumbs li:not(:last-child):after{content:"/";margin:0 .625rem;opacity:.35}.ag-breadcrumbs a{color:var(--color-secondary-text-main);text-decoration:none;transition:color .2s var(--ag-ease)}.ag-breadcrumbs a:hover{color:var(--color-accent-main)}.ag-breadcrumbs li:last-child{color:var(--color-text-main);font-weight:var(--font-weight-body-bold)}.ag-header{max-width:none;margin-bottom:3rem}.ag-tag{display:inline-block;font-family:var(--font-stack-body);font-size:.6875rem;font-weight:var(--font-weight-body-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-main);margin-bottom:1.5rem}.ag-title{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);font-size:clamp(2.25rem,5vw,3.25rem);line-height:1.08;letter-spacing:-.025em;color:var(--color-text-main);margin:0;text-wrap:balance}.ag-description{margin-top:1.5rem;font-family:var(--font-stack-body);font-size:1.125rem;line-height:1.65;color:var(--color-secondary-text-main);max-width:580px}.ag-meta{display:flex;align-items:center;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-borders-main);font-family:var(--font-stack-body);font-size:.8125rem;color:var(--color-secondary-text-main);letter-spacing:.01em}.ag-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--color-secondary-text-main);opacity:.4;flex-shrink:0}.ag-tldr{max-width:none;margin-bottom:4rem;padding:2rem 2.25rem;background:var(--color-fourth-background-main);border-radius:var(--border-radius-cards);position:relative}.ag-tldr:before{content:"";position:absolute;left:0;top:1.25rem;bottom:1.25rem;width:3px;border-radius:3px;background:var(--color-accent-main)}.ag-tldr-label{font-family:var(--font-stack-body);font-size:.6875rem;font-weight:var(--font-weight-body-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-main);margin-bottom:1rem}.ag-tldr p{font-size:.9375rem;line-height:1.65;color:var(--color-text-main);margin:0}.ag-tldr ul{list-style:none;padding:0;margin:0}.ag-tldr li{position:relative;padding-left:1.125rem;margin-bottom:.625rem;font-size:.9375rem;line-height:1.65;color:var(--color-text-main)}.ag-tldr li:last-child{margin-bottom:0}.ag-tldr li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:var(--color-accent-main)}.ag-body{display:grid;grid-template-columns:1fr var(--ag-sidebar-width);gap:var(--ag-gap)}@media screen and (max-width:1080px){.ag-body{grid-template-columns:1fr;gap:0}}.ag-content,.bc-content{min-width:0}.ag-sidebar{position:relative}@media screen and (max-width:1080px){.ag-sidebar{display:none}}.ag-toc{position:sticky;top:6rem}.ag-toc-label{font-family:var(--font-stack-body);font-size:.6875rem;font-weight:var(--font-weight-body-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary-text-main);margin-bottom:1.25rem}.ag-toc-list{list-style:none;padding:0;margin:0}.ag-toc-item{margin:0}.ag-toc-link{display:block;padding:.4375rem 0 .4375rem 1.25rem;font-family:var(--font-stack-body);font-size:.8125rem;line-height:1.35;color:var(--color-secondary-text-main);text-decoration:none;border-left:1.5px solid transparent;transition:color .25s var(--ag-ease),border-color .25s var(--ag-ease)}.ag-toc-link:hover{color:var(--color-text-main)}.ag-toc-link.is-active{color:var(--color-accent-main);border-left-color:var(--color-accent-main)}.ag-cta{max-width:none;margin:5rem 0 3rem;padding:3rem 0;border-top:1px solid var(--color-borders-main);border-bottom:1px solid var(--color-borders-main)}.ag-cta-label{font-family:var(--font-stack-body);font-size:.6875rem;font-weight:var(--font-weight-body-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-main);margin-bottom:1rem}.ag-cta-title{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);font-size:1.75rem;line-height:1.15;letter-spacing:-.02em;color:var(--color-text-main);margin:0 0 .75rem}.ag-cta-text{font-family:var(--font-stack-body);font-size:.9375rem;line-height:1.65;color:var(--color-secondary-text-main);margin:0 0 1.75rem;max-width:500px}.ag-cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:var(--font-stack-body);font-size:.875rem;font-weight:var(--font-weight-body-bold);letter-spacing:.02em;color:var(--color-foreground-accent-main);background:var(--color-accent-main);border:none;border-radius:var(--border-radius-buttons);text-decoration:none;cursor:pointer;transition:opacity .2s var(--ag-ease),transform .2s var(--ag-ease)}.ag-cta-button:hover{opacity:.88;transform:translateY(-1px)}.ag-cta-button:after{content:"\2192";transition:transform .2s var(--ag-ease)}.ag-cta-button:hover:after{transform:translate(3px)}.ag-related{width:90%;max-width:1200px;margin:0 auto;padding:4rem 0 5rem;box-sizing:border-box}.ag-related .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}.ag-related .grid>*{min-width:0}.ag-related-label{font-family:var(--font-stack-body);font-size:.6875rem;font-weight:var(--font-weight-body-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary-text-main);margin-bottom:.75rem}.ag-related-title{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);font-size:1.75rem;line-height:1.15;letter-spacing:-.02em;color:var(--color-text-main);margin:0 0 2.5rem}@media screen and (max-width:767px){.article-guide{width:90%}.ag-breadcrumbs,.ag-header{margin-bottom:2.5rem}.ag-meta{flex-wrap:wrap}.ag-tldr{padding:1.5rem 1.75rem;margin-bottom:3rem}.ag-cta{margin:3.5rem 0 2rem;padding:2.5rem 0}.ag-related{padding:3rem 0 4rem}.ag-related .grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-article-guide.css.map */