:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15171b}*{box-sizing:border-box}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}.guide-header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.guide-brand{display:flex;align-items:center;gap:20px;font-weight:750;font-size:17px}.guide-brand img{width:74px;height:43px;object-fit:contain}.guide-brand small{display:block;font-size:8px;color:#989ba4;text-transform:uppercase;letter-spacing:1.5px;margin-top:6px}.guide-header nav{display:flex;gap:30px;font-size:12px;font-weight:650}.guide-header nav [aria-current]{color:#ef397d}.guide-index{max-width:1280px;margin:auto;padding:70px 5% 100px}.guide-intro{max-width:780px}.guide-intro>small{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#ef397d;font-weight:750}.guide-intro h1{font-size:clamp(42px,5.5vw,75px);letter-spacing:-3.5px;line-height:1.02;margin:23px 0}.guide-intro p{font-size:19px;line-height:1.7;color:#838894;max-width:650px}.guide-intro>a{display:inline-block;font-size:12px;color:#ef397d;margin-top:15px;font-weight:700}.guide-index-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8e9ee;border-bottom:1px solid #e8e9ee;padding:20px 0;margin:52px 0 30px;gap:20px;font-size:11px;color:#969ba6}.topics{display:flex;flex-wrap:wrap;gap:7px}.topic{display:inline-block;background:#f5f5f7;color:#818694;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:650}.topic:hover{background:#fcebf2;color:#ef397d}.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.guide-card{border:1px solid #e8e8ed;border-radius:9px;overflow:hidden}.guide-art{display:grid;place-items:center;aspect-ratio:1.6;background:#f4edf1}.guide-art>img{width:100%;height:100%;object-fit:cover}.guide-art>span{font-size:63px;font-weight:900;letter-spacing:-4px;color:#ef397d}.guide-art small{display:block;font-size:8px;letter-spacing:3px;color:#a87a8c;text-transform:uppercase;text-align:center;margin-top:3px}.guide-card-copy{padding:24px}.guide-card h2{font-size:21px;line-height:1.4;letter-spacing:-.5px}.guide-card p{font-size:13px;line-height:1.8;color:#858b98}.guide-card small{font-size:9px;color:#a0a5af}.guides-empty{background:#f8f8fa;border:1px solid #eeeef3;text-align:center;border-radius:12px;padding:75px 20px}.guides-empty small{color:#ef397d;font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.guides-empty h2{font-size:29px;letter-spacing:-1px}.guides-empty p{color:#959ba6;font-size:14px}.guide-reading{max-width:1140px;margin:auto;padding:45px 5% 80px}.guide-reading>.back{color:#9399a4;font-size:11px;display:block;margin-bottom:45px}.guide-reading>article{max-width:780px;margin:auto}.guide-reading h1{font-size:clamp(34px,4.8vw,58px);line-height:1.12;letter-spacing:-2px;margin:22px 0}.guide-deck{font-size:19px;color:#8a909c;line-height:1.7}.byline{font-size:10px;color:#a0a6b0;margin:26px 0}.byline span{padding:0 10px}.guide-cover{margin:35px 0 40px}.guide-cover img{width:100%;border-radius:9px}.guide-prose{font-size:17px;line-height:1.9;color:#4b5360}.guide-prose h2{color:#171b23;font-size:29px;line-height:1.3;letter-spacing:-.7px;margin:40px 0 19px}.guide-prose h3{color:#171b23;font-size:23px;margin:33px 0 17px}.guide-prose p{margin:0 0 23px}.guide-prose a{color:#ef397d;text-decoration:underline;text-underline-offset:3px}.guide-prose figure{margin:30px 0}.guide-prose img{max-width:100%;border-radius:7px}.guide-prose figcaption{font-size:11px;text-align:center;color:#9ba2ad;margin-top:10px}.guide-prose blockquote{border-left:3px solid #ef397d;margin:30px 0;padding-left:25px;font-size:20px;color:#7d8594}.guide-prose pre{font-size:13px;padding:20px;background:#f6f7fa;overflow:auto}.use-this{margin-top:45px;padding:28px 32px;background:#faf3f7;border:1px solid #f2e5ec;border-radius:8px}.use-this>small{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#ef397d;font-weight:700}.use-this h2{font-size:23px;letter-spacing:-.5px;margin:15px 0 20px}.use-this div{display:flex;gap:15px;flex-wrap:wrap}.use-this a{font-size:12px;color:#d52d6c;font-weight:700}.related{margin-top:80px;border-top:1px solid #eee;padding-top:25px}.related>h2{font-size:25px;margin-bottom:27px;letter-spacing:-.6px}.guide-footer{border-top:1px solid #eee;max-width:1440px;margin:auto;padding:35px 5%;display:flex;gap:25px;align-items:center;font-size:10px;color:#a2a7b0}.guide-footer strong{color:#414854;font-size:13px}.guide-footer a{color:#ef397d;margin-left:auto}.preview-banner{background:#15171b;color:white;font-size:11px;padding:13px;text-align:center}.preview-banner~.guide-header{pointer-events:none}@media(max-width:750px){.guide-header{padding:22px 6%}.guide-brand{font-size:13px;gap:12px}.guide-brand img{width:51px}.guide-header nav{font-size:10px;gap:14px}.guide-intro h1{letter-spacing:-2px}.guide-index{padding:45px 6%}.guide-intro p{font-size:16px}.guides-grid{grid-template-columns:1fr}.guide-index-bar{align-items:flex-start;flex-direction:column;margin:35px 0 25px}.guide-reading{padding:32px 6%}.guide-reading h1{letter-spacing:-1.2px}.guide-deck{font-size:16px}.guide-prose{font-size:15px}.guide-prose h2{font-size:25px}.guide-footer{flex-wrap:wrap;gap:14px}.guide-footer a{margin-left:0}.use-this{padding:24px}.byline span{padding:0 4px}.byline{font-size:9px}.related{margin-top:45px}}

.preview-banner a{margin-left:20px;color:white;text-decoration:underline}