.guide-article-page{--guide-bg:#f5f5f4;--guide-surface:#fff;--guide-ink:#111318;--guide-soft:#6d737d;--guide-line:#dedfdf;--guide-warm:#fadeba;background:var(--guide-bg);min-height:calc(100vh - 65px);color:var(--guide-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.guide-article-hero-section{border-bottom:1px solid #dedfdfbf;position:relative}.guide-article-hero-shell,.guide-article-body-shell{width:min(100%,1120px);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem;position:relative}.guide-article-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(3rem,6vw,5rem);padding:2rem 0 4.5rem;display:grid}.guide-article-hero{max-width:650px}.guide-article-eyebrow,.guide-hero-card-label,.guide-article-toc>p{color:var(--guide-soft);letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:750}.guide-article-eyebrow{margin:0}.guide-article-hero h1{color:var(--guide-ink);letter-spacing:-.055em;text-wrap:balance;margin:1rem 0 0;font-size:clamp(2.75rem,5.2vw,3.55rem);font-weight:750;line-height:1.04}.guide-article-summary{max-width:620px;color:var(--guide-soft);text-wrap:pretty;margin:1.5rem 0 0;font-size:18px;line-height:1.75}.guide-article-byline{align-items:center;gap:.8rem;margin-top:2rem;display:flex}.guide-article-byline>span{background:var(--guide-ink);color:#fff;letter-spacing:.04em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.55rem;height:2.55rem;font-size:.72rem;font-weight:750;display:inline-flex}.guide-article-byline strong{color:var(--guide-ink);font-size:.9rem}.guide-article-byline p{color:var(--guide-soft);margin:.2rem 0 0;font-size:.76rem;line-height:1.5}.guide-hero-card{background:var(--guide-surface);border:1px solid #dedfdfd9;border-radius:28px;padding:.75rem;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;box-shadow:0 20px 42px -30px #1113186b}.guide-hero-card:hover{transform:translateY(-4px);box-shadow:0 26px 52px -30px #11131880}.guide-hero-card-inner{background:#f1f0ed;border-radius:21px;padding:1.5rem}.guide-hero-card-label{opacity:.8;margin:0}.guide-hero-facts{gap:.75rem;margin-top:1.2rem;display:grid}.guide-hero-fact{background:var(--guide-surface);border:1px solid #dedfdfd9;border-radius:17px;padding:1.25rem}.guide-hero-fact.is-emphasized{border-color:var(--guide-ink);background:var(--guide-ink);color:#fff}.guide-hero-fact strong{font-size:.9rem}.guide-hero-fact p{color:var(--guide-soft);margin:.6rem 0 0;font-size:14px;line-height:1.65}.guide-hero-fact.is-emphasized p{color:#ffffffad}.guide-article-body-shell{padding-top:4.5rem;padding-bottom:6rem}.guide-article-layout{grid-template-columns:220px minmax(0,680px);justify-content:center;align-items:start;gap:clamp(3.5rem,7vw,5rem);display:grid}.guide-article-sidebar{position:sticky;top:6rem}.guide-article-toc>p{opacity:.8;margin:0 0 1.25rem}.guide-article-toc ol{gap:.2rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.guide-article-toc ol:before{background:var(--guide-line);content:"";width:1px;position:absolute;top:.25rem;bottom:.25rem;left:0}.guide-article-toc li{position:relative}.guide-article-toc li:before{content:"";opacity:0;background:#9a6a32;border-radius:999px;width:2px;height:1.25rem;transition:opacity .2s,transform .3s;position:absolute;top:50%;left:-1px;transform:translateY(-50%)scaleY(.35)}.guide-article-toc li.is-active:before{opacity:1;transform:translateY(-50%)scaleY(1)}.guide-article-toc a{color:var(--guide-soft);border-radius:6px;padding:.45rem .5rem .45rem 1rem;font-size:.8rem;line-height:1.4;text-decoration:none;transition:color .2s,transform .2s;display:block}.guide-article-toc a:hover,.guide-article-toc li.is-active a{color:var(--guide-ink)}.guide-article-toc li.is-active a{font-weight:700;transform:translate(2px)}.guide-article-content{min-width:0;max-width:680px}.guide-article-section{scroll-margin-top:7rem}.guide-article-section+.guide-article-section{margin-top:4rem}.guide-section-accent{background:#d7ad79;border-radius:999px;width:2.5rem;height:4px;margin-bottom:1rem;display:block}.guide-article-section h2,.guide-article-cta h2{color:var(--guide-ink);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(1.55rem,3vw,1.8rem);font-weight:750;line-height:1.24}.guide-article-section h3,.guide-article-callout h3{color:var(--guide-ink);margin:1.8rem 0 0;font-size:1.05rem;font-weight:750;line-height:1.4}.guide-article-section p,.guide-article-section li,.guide-article-callout p,.guide-article-cta p{color:var(--guide-soft);font-size:17px;line-height:1.78}.guide-article-section p{margin:1rem 0 0}.guide-article-section>ul:not(.guide-checklist),.guide-article-section>ol{gap:.65rem;margin:1rem 0 0;padding-left:1.25rem;display:grid}.guide-article-section li::marker{color:#9a6a32}.guide-article-content a{color:var(--guide-ink);text-underline-offset:4px;font-weight:600;text-decoration-color:#d7ad79;text-decoration-thickness:2px;transition:color .2s,text-decoration-color .2s}.guide-article-content a:hover{color:#555b64;-webkit-text-decoration-color:var(--guide-ink);text-decoration-color:var(--guide-ink)}.guide-article-callout{background:#fadeba80;border-radius:18px;margin-top:1.5rem;padding:1.5rem;transition:transform .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.guide-article-callout:hover{transform:translateY(-2px)}.guide-article-callout h3{margin-top:0}.guide-article-callout p{color:#111318b8;margin:.55rem 0 0;font-size:16px}.guide-checklist{gap:.65rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.guide-checklist li{background:var(--guide-surface);border:1px solid #dedfdfd9;border-radius:13px;align-items:flex-start;gap:1rem;padding:1rem;transition:border-color .2s,box-shadow .3s,transform .3s cubic-bezier(.22,1,.36,1);display:flex}.guide-checklist li:hover{border-color:#c9caca;transform:translateY(-2px);box-shadow:0 14px 30px #1113180f}.guide-checklist li>span{color:#634726;background:#fadebab8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;margin-top:.1rem;display:inline-flex}.guide-checklist li p,.guide-mistake-panel li p{color:var(--guide-ink);margin:0;font-size:16px;line-height:1.65}.guide-mistake-panel{background:var(--guide-surface);border:1px solid #dedfdfd9;border-radius:18px;margin-top:1.25rem;padding:1.5rem}.guide-mistake-panel ul{margin:0;padding:0;list-style:none}.guide-mistake-panel li{align-items:flex-start;gap:.75rem;padding:.8rem 0;display:flex}.guide-mistake-panel li+li{border-top:1px solid #dedfdfcc}.guide-mistake-panel li:first-child{padding-top:0}.guide-mistake-panel li:last-child{padding-bottom:0}.guide-mistake-panel li>span{width:1.3rem;height:1.3rem;color:var(--guide-soft);background:#efefed;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:.15rem;display:inline-flex}.guide-comparison-card,.guide-example-card{background:var(--guide-surface);border:1px solid #dedfdfd9;border-radius:18px;margin-top:1.5rem;transition:box-shadow .35s,transform .35s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 20px 40px -32px #11131859}.guide-comparison-card:hover,.guide-example-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px -30px #1113186b}.guide-comparison-intro,.guide-comparison-note,.guide-example-card{padding:1.5rem}.guide-comparison-intro h3,.guide-example-card h3{margin:0}.guide-comparison-intro p,.guide-comparison-note p,.guide-example-card p{margin:.55rem 0 0;font-size:16px}.guide-comparison-grid{border-top:1px solid var(--guide-line);border-bottom:1px solid var(--guide-line);background:var(--guide-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.guide-comparison-offer{background:var(--guide-surface);padding:1.5rem;position:relative}.guide-comparison-offer.is-accented:before{content:"";background:#d7ad79;width:2px;position:absolute;top:0;bottom:0;left:0}.guide-comparison-offer>p{color:var(--guide-soft);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px;font-weight:750}.guide-comparison-offer dl{gap:.75rem;margin:1rem 0 0;display:grid}.guide-comparison-offer dl>div{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.guide-comparison-offer dt,.guide-comparison-offer dd{font-size:13px;line-height:1.45}.guide-comparison-offer dt{color:var(--guide-soft)}.guide-comparison-offer dd{color:var(--guide-ink);text-align:right;margin:0;font-weight:700}.guide-comparison-note{background:#f1f0ed}.guide-article-cta{color:#fff;background:#111318;border-radius:26px;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:3rem;padding:clamp(1.75rem,5vw,3rem);display:flex;box-shadow:0 10px 30px #1113181f}.guide-article-cta>div{max-width:560px}.guide-article-cta h2{color:#fff;font-size:clamp(1.55rem,3vw,2rem);line-height:1.2}.guide-article-cta p{color:#aeb3bc;max-width:530px;margin:.8rem 0 0;font-size:14px;line-height:1.6}.guide-article-cta>a{color:#17191f;background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:.55rem;min-height:46px;padding:.8rem 1.1rem;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.guide-article-cta>a svg{transition:transform .25s}.guide-article-cta>a:hover{background:#eceef1;transform:none}.guide-article-cta>a:active{transform:translateY(1px)}.guide-article-cta>a:hover svg{transform:translate(3px)}.guide-article-related{margin-top:3rem}.guide-article-related .guide-related-links{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.guide-article-related .guide-related-links-label{color:var(--guide-soft);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1rem;font-size:11px;font-weight:750}.guide-article-related .guide-related-links .related-links-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.guide-article-related .guide-related-links a{background:var(--guide-surface);min-height:3.5rem;color:var(--guide-ink);border:1px solid #dedfdfd9;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:border-color .2s,background-color .2s,box-shadow .3s,transform .3s cubic-bezier(.22,1,.36,1);display:flex}.guide-article-related .guide-related-links a svg{color:var(--guide-soft);flex:none;transition:transform .25s}.guide-article-related .guide-related-links a:hover{border-color:var(--guide-line);box-shadow:none;color:var(--guide-ink);background:#f1f0ed;transform:none}.guide-article-related .guide-related-links a:hover svg{color:var(--guide-ink);transform:translate(2px,-2px)}.guide-article-page a:focus-visible{outline-offset:4px;outline:3px solid #1113183d}@media (width<=900px){.guide-article-hero-grid{grid-template-columns:1fr;gap:2.75rem}.guide-hero-card{max-width:620px}}@media (width<=760px){.guide-article-layout{grid-template-columns:1fr;gap:3rem}.guide-article-sidebar{position:static}.guide-article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.guide-article-toc ol:before,.guide-article-toc li:before{display:none}.guide-article-toc a{border:1px solid var(--guide-line);background:var(--guide-surface);height:100%;padding:.65rem .75rem}.guide-article-toc li.is-active a{background:#fadeba59;border-color:#d7ad79;transform:none}.guide-article-cta{flex-direction:column;align-items:flex-start}}@media (width<=620px){.guide-article-hero-shell,.guide-article-body-shell{padding-left:1rem;padding-right:1rem}.guide-article-hero-grid{padding-top:1rem;padding-bottom:3.5rem}.guide-article-hero h1{font-size:clamp(2.35rem,11vw,3rem)}.guide-article-summary{font-size:17px}.guide-article-body-shell{padding-top:3.5rem;padding-bottom:4.5rem}.guide-article-toc ol,.guide-comparison-grid,.guide-article-related .guide-related-links .related-links-list{grid-template-columns:1fr}.guide-comparison-offer.is-accented:before{width:auto;height:2px;top:0;bottom:auto;right:0}.guide-article-section+.guide-article-section{margin-top:3.5rem}.guide-article-section p,.guide-article-section li,.guide-article-callout p{font-size:16px}.guide-article-cta{border-radius:20px;margin-top:3.5rem}.guide-article-cta>a{width:100%}}@media (prefers-reduced-motion:reduce){.guide-hero-card,.guide-article-toc li:before,.guide-article-toc a,.guide-article-callout,.guide-checklist li,.guide-comparison-card,.guide-example-card,.guide-article-cta>a,.guide-article-cta>a svg,.guide-article-related .guide-related-links a,.guide-article-related .guide-related-links a svg{transition:none}.guide-hero-card:hover,.guide-article-callout:hover,.guide-checklist li:hover,.guide-comparison-card:hover,.guide-example-card:hover,.guide-article-cta>a:hover,.guide-article-related .guide-related-links a:hover{transform:none}}
