.guide-intro{padding-block:90px 65px}.guide-intro h1{font-size:clamp(54px,6.6vw,90px);margin:25px 0}.guide-intro>p{font-size:16px;color:var(--muted);max-width:530px}.guide-index{padding-bottom:100px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{padding:28px;border:1px solid #463b55;border-radius:20px;background:#221f30;display:flex;flex-direction:column;min-width:0;transition:background .2s,border-color .2s}.guide-card:hover{background:#2c263e;border-color:#9d86bd}.guide-card h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:1.15;font-size:29px;letter-spacing:-.4px;margin:22px 0 15px}.guide-card p{font-size:13px;color:var(--muted);margin:0 0 28px;line-height:1.8}.guide-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--purple)}.guide-card .eyebrow{font-size:9px;letter-spacing:1.3px}.article-top{padding-block:45px 55px;max-width:1000px}.back-guides{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:45px}.article-top h1{font-size:clamp(48px,5.5vw,76px);line-height:1.08;max-width:950px;margin:22px 0}.article-deck{font-size:18px;color:var(--muted);max-width:700px;line-height:1.7}.article-meta{font-size:11px;color:var(--muted);margin-top:25px}.article-layout{display:grid;grid-template-columns:220px minmax(0,690px);gap:65px;justify-content:center;align-items:start}.article-toc{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--line);padding-top:22px}.article-toc a{font-size:12px;color:var(--muted);line-height:1.6}.article-toc a:hover{color:var(--purple)}.article-toc>.eyebrow{font-size:9px;margin-bottom:9px}.article-body>p{font-size:16px;line-height:1.95;color:#c9c3d2;margin:0 0 24px}.article-body h2{font-family:'Instrument Serif',Georgia,serif;font-size:36px;letter-spacing:-.5px;line-height:1.15;margin:46px 0 20px}.article-body a,.guides-preview p a{color:#bca5f3;text-decoration:underline;text-underline-offset:4px}.article-body .button{text-decoration:none;color:#242033}.guide-figure{margin:45px 0;border:1px solid #43394f;border-radius:20px;background:#221f30;padding:25px;display:flex;flex-direction:column;align-items:center}.guide-figure img{max-width:240px;width:100%;height:auto;border-radius:15px}.guide-figure figcaption{color:var(--muted);font-size:11px;line-height:1.7;max-width:360px;text-align:center;margin-top:20px}.article-cta{border-top:1px solid var(--line);padding-top:10px}.article-cta p{font-size:14px;color:var(--muted);margin-bottom:25px}.article-cta .button{margin-top:0}.related h2{font-size:52px;margin:22px 0 35px}.related{padding-bottom:90px}.header nav{gap:18px}.guides-preview{border-top:1px solid var(--line)}.guides-preview .intro-grid{margin-top:25px}
@media(max-width:950px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.header nav{gap:12px}}
@media(max-width:700px){.guide-intro{padding-block:55px 35px}.guide-intro h1{font-size:55px;letter-spacing:-1px}.guide-intro>p{font-size:14px}.guide-grid{grid-template-columns:1fr;gap:17px}.guide-card{padding:26px}.article-top{padding-block:30px 35px}.article-top h1{font-size:49px;letter-spacing:-1px}.article-deck{font-size:15px}.back-guides{margin-bottom:32px}.article-layout{grid-template-columns:1fr;gap:35px}.article-toc{gap:12px}.article-body>p{font-size:15px;line-height:1.9}.article-body h2{font-size:31px}.related h2{font-size:43px}.guide-figure img{max-width:220px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}}