.guide-page-shell{--guide-ink:var(--foreground);--guide-muted:var(--muted);--guide-line:color-mix(in srgb, var(--border) 86%, transparent);--guide-accent:var(--brand-600);min-width:0;color:var(--guide-ink);background:var(--background);display:grid}.guide-page-hero{grid-template-columns:minmax(19rem,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);padding:clamp(3.75rem,8vw,7.5rem) 0 clamp(3.25rem,7vw,6rem);display:grid}.guide-page-hero-copy{max-width:39rem}.guide-page-title,.guide-page-editor-note h2,.guide-page-section-head h2,.guide-page-next h2{color:var(--guide-ink);font-family:var(--font-heading), "DM Sans", sans-serif;letter-spacing:-.046em;text-wrap:balance;margin:0;font-weight:740}.guide-page-title{max-width:11ch;font-size:clamp(3.2rem,6.5vw,6.6rem);line-height:.96}.guide-page-lead{max-width:39rem;color:var(--guide-muted);margin:1.55rem 0 0;font-size:clamp(1.04rem,1.6vw,1.2rem);line-height:1.7}.guide-page-count{border-top:1px solid var(--guide-line);max-width:34rem;color:var(--guide-ink);margin:1.4rem 0 0;padding-top:1.25rem;font-size:.86rem;font-weight:720;line-height:1.55}.guide-page-visual{min-width:0;margin:0}.guide-page-visual-frame{aspect-ratio:3/2;border-radius:var(--radius-lg);background:var(--surface-2);position:relative;overflow:hidden}.guide-page-visual img{object-fit:cover;transition:transform var(--motion-slow) var(--ease-emphasized)}.guide-page-switcher{z-index:12;top:var(--site-header-height,4.15rem);border-block:1px solid var(--guide-line);background:var(--surface);white-space:nowrap;scrollbar-width:none;align-items:center;gap:1.5rem;min-height:3.65rem;padding:.75rem 0;display:flex;position:sticky;overflow-x:auto}.guide-page-switcher::-webkit-scrollbar{display:none}.guide-page-switcher a{color:var(--guide-muted);transition:border-color var(--motion-fast) ease, color var(--motion-fast) ease;border-bottom:1px solid #0000;flex:none;padding-block:.2rem;font-size:.88rem;font-weight:760;text-decoration:none}.guide-page-switcher a:hover,.guide-page-switcher a[aria-current=page]{border-color:var(--guide-accent);color:var(--guide-ink)}.guide-page-switcher a:focus-visible,.guide-page-link:focus-visible{outline:2px solid var(--brand-400);outline-offset:4px}.guide-page-editor-note{border-bottom:1px solid var(--guide-line);grid-template-columns:minmax(17rem,.65fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,6rem);padding:clamp(3.5rem,7vw,6.5rem) 0;display:grid}.guide-page-editor-note h2,.guide-page-section-head h2,.guide-page-next h2{font-size:clamp(1.9rem,3.7vw,3.65rem);line-height:1.04}.guide-page-editor-note>p,.guide-page-next p,.guide-page-articles-head>span{max-width:48rem;color:var(--guide-muted);margin:0;font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.72}.guide-page-articles{grid-template-columns:minmax(15rem,.45fr) minmax(0,1fr);gap:clamp(2.5rem,7vw,7rem);padding:clamp(4.75rem,9vw,8.5rem) 0;display:grid}.guide-page-articles-head{align-self:start;position:sticky;top:9rem}.guide-page-articles-head h2{color:var(--guide-ink);font-family:var(--font-heading), "DM Sans", sans-serif;letter-spacing:-.046em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,3.35vw,3.4rem);font-weight:740;line-height:1.05}.guide-page-articles-head>span{margin-top:1.35rem;display:block}.guide-page-article-list{border-top:1px solid var(--guide-ink)}.guide-page-article-row{border-bottom:1px solid var(--guide-line);grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.5rem,3vw,2.4rem) 0;display:grid}.guide-page-article-image{aspect-ratio:3/2;border-radius:var(--radius-md);background:var(--surface-2);display:block;overflow:hidden}.guide-page-article-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-slow) var(--ease-emphasized)}.guide-page-article-copy{min-width:0}.guide-page-article-meta{color:var(--guide-accent);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:.55rem 1rem;margin:0 0 .65rem;font-size:.74rem;font-weight:800;display:flex}.guide-page-article-meta span{align-items:center;gap:.35rem;display:inline-flex}.guide-page-article-meta svg{width:.85rem;height:.85rem}.guide-page-article-copy h3{font-family:var(--font-heading), "DM Sans", sans-serif;letter-spacing:-.032em;text-wrap:balance;margin:0;font-size:clamp(1.28rem,2.1vw,1.82rem);line-height:1.16}.guide-page-article-copy h3 a{color:var(--guide-ink);text-decoration:none}.guide-page-article-copy>p:not(.guide-page-article-meta){max-width:48rem;color:var(--guide-muted);margin:.8rem 0 0;font-size:.94rem;line-height:1.68}.guide-page-article-link{color:var(--guide-ink);align-items:center;gap:.45rem;margin-top:1rem;font-size:.82rem;font-weight:820;text-decoration:none;display:inline-flex}.guide-page-article-link svg{width:.95rem;height:.95rem;transition:transform var(--motion-fast) ease}.guide-page-article-link:hover svg{transform:translate(.2rem)}.guide-page-topics{grid-template-columns:minmax(16rem,.52fr) minmax(0,1fr);gap:clamp(2.5rem,7vw,7rem);padding:clamp(4.75rem,9vw,8.5rem) 0;display:grid}.guide-page-section-head{align-self:start;position:sticky;top:9rem}.guide-page-list{border-top:1px solid var(--guide-ink);align-content:start;display:grid}.guide-page-list-item{border-bottom:1px solid var(--guide-line);gap:.75rem;padding:clamp(1.65rem,3vw,2.45rem) 0;display:grid}.guide-page-list-item h3{color:var(--guide-ink);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:780;line-height:1.2}.guide-page-list-item p{max-width:48rem;color:var(--guide-muted);margin:0;font-size:.97rem;line-height:1.7}.guide-page-next{border-block:1px solid var(--guide-line);background:var(--surface-2);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem clamp(2rem,7vw,7rem);margin-inline:calc(-1*clamp(1.25rem,5vw,4rem));padding:clamp(3.75rem,7vw,6.5rem) clamp(1.25rem,5vw,4rem);display:grid}.guide-page-next>div{gap:1.1rem;max-width:52rem;display:grid}.guide-page-link{border:1px solid var(--guide-accent);border-radius:var(--radius-sm);min-height:3.1rem;color:var(--surface);background:var(--guide-accent);transition:background-color var(--motion-fast) ease, transform var(--motion-fast) ease;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.05rem;font-size:.88rem;font-weight:820;text-decoration:none;display:inline-flex}.guide-page-link:hover{background:color-mix(in srgb, var(--guide-accent) 84%, var(--guide-ink) 16%);transform:translateY(-2px)}.guide-page-link svg{width:1rem;height:1rem}@media (hover:hover){.guide-page-visual:hover img{transform:scale(1.012)}.guide-page-article-row:hover .guide-page-article-image img{transform:scale(1.025)}}@media (max-width:900px){.guide-page-hero,.guide-page-editor-note,.guide-page-articles,.guide-page-topics,.guide-page-next{grid-template-columns:1fr}.guide-page-hero-copy{max-width:48rem}.guide-page-editor-note{gap:1.25rem}.guide-page-section-head,.guide-page-articles-head{position:static}.guide-page-link{width:fit-content}}@media (max-width:560px){.guide-page-hero{gap:2rem;padding-block:3rem}.guide-page-title{font-size:clamp(3rem,15vw,4.65rem)}.guide-page-visual-frame{aspect-ratio:4/3}.guide-page-switcher{gap:1.15rem}.guide-page-article-row{grid-template-columns:1fr}.guide-page-article-image{border-radius:var(--radius-sm)}.guide-page-next{align-items:start}.guide-page-link{width:100%}}@media (prefers-reduced-motion:reduce){.guide-page-visual img,.guide-page-article-image img,.guide-page-article-link svg,.guide-page-switcher a,.guide-page-link{transition:none}.guide-page-visual:hover img,.guide-page-article-row:hover .guide-page-article-image img,.guide-page-article-link:hover svg,.guide-page-link:hover{transform:none}}.guide-page-shell{background:0 0;padding-bottom:clamp(4rem,8vw,7rem)}.guide-page-hero{border-radius:var(--radius-xl);background:var(--surface);gap:clamp(2.5rem,6vw,6rem);margin-top:clamp(1rem,3vw,2.25rem);padding:clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem) clamp(2.25rem,5vw,4.8rem)}.guide-page-title{color:var(--foreground);letter-spacing:-.064em}.guide-page-count{color:var(--guide-accent);border-top:0;margin-top:1.1rem;padding-top:0}.guide-page-visual-frame{aspect-ratio:4/3;border-radius:var(--radius-xl)}.guide-page-switcher{top:calc(var(--site-header-height,4.15rem) + .55rem);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:0;width:fit-content;min-height:3.25rem;margin:1.15rem auto 0;padding:.65rem 1rem;box-shadow:0 12px 32px #17332e12}.guide-page-switcher a{border-bottom:0}.guide-page-switcher a:hover,.guide-page-switcher a[aria-current=page]{color:var(--guide-accent);border-color:#0000}.guide-page-editor-note{border-radius:var(--radius-xl);background:var(--background-2);border-bottom:0;grid-template-columns:minmax(17rem,.65fr) minmax(0,1fr);margin-top:clamp(3rem,6vw,5.5rem);padding:clamp(2.5rem,5vw,4.5rem)}.guide-page-articles{grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4.5rem);padding-bottom:clamp(5rem,9vw,8rem)}.guide-page-articles-head{grid-template-columns:minmax(15rem,.52fr) minmax(0,.48fr);align-items:end;gap:.75rem clamp(2rem,7vw,7rem);display:grid;position:static}.guide-page-articles-head h2{grid-column:1}.guide-page-articles-head>span{grid-area:1/2;align-self:end;margin-top:0}.guide-page-article-list{border-top:0;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(3.2rem,6vw,5.8rem) clamp(1.2rem,2.5vw,2.2rem);display:grid}.guide-page-article-row{border-bottom:0;grid-column:span 4;padding:0;display:block}.guide-page-article-row:first-child{grid-column:span 7}.guide-page-article-row:nth-child(2){grid-column:span 5}.guide-page-article-image{aspect-ratio:4/3;border-radius:var(--radius-xl)}.guide-page-article-row:first-child .guide-page-article-image{aspect-ratio:16/10}.guide-page-article-copy{padding-top:1.1rem}.guide-page-article-copy h3{font-size:clamp(1.35rem,2.25vw,2rem)}.guide-page-article-copy>p:not(.guide-page-article-meta){-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guide-page-next{border-radius:var(--radius-xl);background:var(--background-2);border-block:0;margin-inline:0;padding:clamp(2.75rem,6vw,5rem)}@media (max-width:980px){.guide-page-hero{padding:1.25rem}.guide-page-editor-note,.guide-page-articles-head{grid-template-columns:minmax(0,1fr)}.guide-page-articles-head>span{grid-area:auto/1}.guide-page-article-list{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-page-article-row,.guide-page-article-row:first-child,.guide-page-article-row:nth-child(2){grid-column:span 1}.guide-page-article-row:first-child .guide-page-article-image{aspect-ratio:4/3}}@media (max-width:620px){.guide-page-hero{margin-inline:-.35rem}.guide-page-switcher{width:100%;box-shadow:none;border-radius:0;justify-content:flex-start;margin-top:.75rem}.guide-page-editor-note{padding:2.2rem 1.35rem}.guide-page-article-list{grid-template-columns:minmax(0,1fr);row-gap:3.4rem}.guide-page-next{padding:2.4rem 1.35rem}}.guide-page-shell{--guide-accent:var(--brand-600);gap:0}.guide-page-hero{border-radius:var(--radius-lg);background:var(--brand-50);grid-template-columns:minmax(19rem,.76fr) minmax(0,1.24fr);align-items:stretch;gap:0;min-height:clamp(33rem,48vw,43rem);margin-top:clamp(.9rem,2vw,1.5rem);padding:0;overflow:hidden}.guide-page-hero-copy{align-content:center;padding:clamp(2.5rem,5vw,4.75rem);display:grid}.guide-page-title{letter-spacing:-.058em;font-size:clamp(3.1rem,6vw,6rem);line-height:.93}.guide-page-lead{color:var(--muted)}.guide-page-count{color:var(--brand-700)}.guide-page-visual,.guide-page-visual-frame{height:100%}.guide-page-visual-frame{aspect-ratio:auto;background:var(--background-2);border-radius:0;min-height:100%}.guide-page-switcher{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 94%, transparent);min-height:3.15rem;box-shadow:var(--surface-shadow-soft);margin-top:.8rem}.guide-page-editor-note{border-radius:var(--radius-lg);background:var(--surface-2);margin-top:clamp(3.75rem,7vw,6rem);padding:clamp(2.6rem,5vw,4.5rem)}.guide-page-editor-note h2{letter-spacing:-.052em;max-width:16ch}.guide-page-editor-note p,.guide-page-articles-head>span,.guide-page-article-copy>p:not(.guide-page-article-meta){color:var(--muted)}.guide-page-articles{padding-top:clamp(4.5rem,8vw,7rem)}.guide-page-article-list{gap:clamp(3.4rem,6vw,5.5rem) clamp(1rem,2vw,1.75rem)}.guide-page-article-row:nth-child(2){padding-top:clamp(2rem,5vw,5rem)}.guide-page-article-image{border-radius:var(--radius-lg);background:var(--background-2);box-shadow:var(--surface-shadow-soft)}.guide-page-article-copy h3{letter-spacing:-.042em}.guide-page-article-link{color:var(--brand-700)}.guide-page-next{border-radius:var(--radius-lg);background:var(--brand-100)}.guide-page-link{border-color:var(--brand-600);border-radius:var(--radius-sm);background:var(--brand-600)}html[data-theme=dark] .guide-page-link{border-color:var(--action-primary);background:var(--action-primary);color:var(--action-primary-text)}html[data-theme=dark] .guide-page-link:hover{border-color:var(--action-primary-hover);background:var(--action-primary-hover);color:var(--action-primary-text)}@media (max-width:980px){.guide-page-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:0}.guide-page-visual-frame{aspect-ratio:16/10;min-height:0}.guide-page-article-row:nth-child(2){padding-top:0}}@media (max-width:620px){.guide-page-hero{margin-inline:0}.guide-page-hero-copy{padding:2.35rem 1.2rem}.guide-page-switcher{border-radius:var(--radius-md);box-shadow:none;margin-top:.65rem;padding-inline:.65rem}.guide-page-editor-note,.guide-page-next{padding:2.3rem 1.2rem}}.guide-page-switcher{z-index:30;top:calc(var(--site-header-height,4.75rem) + clamp(.5rem, .9vw, .75rem));border:1px solid color-mix(in srgb, var(--border) 92%, var(--guide-ink) 8%);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;max-width:100%;min-height:3.4rem;box-shadow:0 12px 28px #102d311f,inset 0 1px #ffffffb8}html:has(.frontend-admin-bar) .guide-page-switcher{top:calc(var(--site-header-height,6.75rem) + clamp(.5rem, .9vw, .75rem))}.guide-page-switcher a{min-height:2.15rem;color:color-mix(in srgb, var(--guide-ink) 72%, var(--guide-muted) 28%);border-bottom:2px solid #0000;align-items:center;font-weight:800;display:inline-flex}.guide-page-switcher a:hover,.guide-page-switcher a[aria-current=page]{border-bottom-color:var(--guide-accent);color:var(--guide-accent)}html[data-theme=dark] .guide-page-switcher{border-color:color-mix(in srgb, var(--border) 88%, white 12%);box-shadow:0 14px 30px #00000047,inset 0 1px #ffffff0d}@media (max-width:620px){.guide-page-switcher{top:calc(var(--site-header-height,4.5rem) + .4rem)}html:has(.frontend-admin-bar) .guide-page-switcher{top:calc(var(--site-header-height,6.5rem) + .4rem)}}
