.guide-site{--guide-width:1120px;--guide-body:760px;--guide-toc:220px;--guide-columns:32px;--guide-gap:28px;--guide-padding:20px;--guide-radius:12px;--guide-title:36px;--guide-subtitle:24px;--guide-image-width:512px;--guide-media-padding:12px;--guide-step-padding:12px 14px;--guide-step-gap:8px}.guide-site .blog-page,.guide-site .blog-article{max-width:var(--guide-width);padding-block:32px 48px}.guide-site .blog-heading{text-align:left;margin:0;padding:0 0 24px}.guide-site .blog-heading h1{font-size:var(--guide-title);letter-spacing:-.035em;text-wrap:balance;line-height:1.3}.guide-site .blog-heading>p:not(.eyebrow){color:var(--muted);margin-top:12px;font-size:15px;line-height:1.85}.guide-site .blog-heading .eyebrow{margin-bottom:12px}.guide-category-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 20px;padding-bottom:12px;display:flex}.guide-category-nav a{color:#6d568d;align-items:center;min-height:44px;font-size:14px;display:flex}.guide-category-section{margin-top:var(--guide-gap);scroll-margin-top:88px}.guide-site .guide-category-section>h2{font-size:var(--guide-subtitle);margin-bottom:16px}.guide-site .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-site .blog-card{padding:var(--guide-padding);border-radius:var(--guide-radius);background:#fcfbfe}.guide-site .blog-card h3{margin-block:12px 8px;font-size:18px;line-height:1.5}.guide-site .blog-card>p{font-size:14px;line-height:1.8}.guide-card-meta{color:#7b708b;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.guide-card-meta time{font-size:12px}.guide-site .blog-read{margin-top:12px;font-size:13px}.guide-site .blog-back{margin-bottom:20px}.guide-reading-layout{grid-template-columns:var(--guide-toc) minmax(0,var(--guide-body));gap:var(--guide-columns);justify-content:center;align-items:start;display:grid}.guide-reading-main{min-width:0}.guide-toc-desktop{max-height:calc(100dvh - 112px);padding-right:16px;position:sticky;top:88px;overflow:auto}.guide-toc-desktop>strong{margin-bottom:12px;font-size:13px;display:block}.guide-toc-desktop ol,.guide-toc-mobile ol{padding:0;list-style:none}.guide-toc-desktop a,.guide-toc-mobile a{color:#776c86;border-radius:6px;align-items:center;min-height:44px;padding:8px 10px;font-size:13px;line-height:1.5;display:flex}.guide-toc-desktop a:hover,.guide-toc-mobile a:hover{color:#59428f;background:#f1edf8}.guide-toc-mobile{display:none}.guide-site .blog-meta{gap:6px 16px;margin-top:16px;font-size:12px}.guide-site .blog-heading .guide-platforms{flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-top:12px;font-size:12px;display:flex}.guide-platforms strong{font-weight:500}.guide-verification{background:#faf8fc;border:1px solid #ece7f3;border-radius:8px;margin-top:12px;padding:0 12px}.guide-verification summary{cursor:pointer;color:#756582;align-items:center;min-height:44px;font-size:12px;display:flex}.guide-verification>p{color:var(--muted);padding-bottom:12px;font-size:12px;line-height:1.8}.guide-site .blog-prose{font-size:15px;line-height:1.85}.guide-site .blog-prose h2{font-size:var(--guide-subtitle);margin-top:var(--guide-gap);border-bottom:1px solid var(--line);padding-bottom:12px;scroll-margin-top:88px;line-height:1.5}.guide-site .blog-prose h3{font-size:18px}.guide-site .blog-prose p{margin-block:14px}.guide-site .blog-prose li{margin-block:8px}.guide-site .blog-prose>p:first-child{color:#514760;border-left:3px solid #c9b7e8;padding-left:12px;font-size:16px}.guide-site .blog-prose>ol{padding-left:32px}.guide-site .blog-prose>ol>li{padding:var(--guide-step-padding);margin-block:var(--guide-step-gap);background:#faf9fc;border:1px solid #ede8f3;border-radius:8px}.guide-site .blog-prose>ol>li::marker{color:#7554ac;font-weight:650}.guide-site .blog-prose>ol>li>p{margin:0}.guide-figure{max-width:calc(var(--guide-image-width) + 2 * var(--guide-media-padding));padding:var(--guide-media-padding);border-radius:var(--guide-radius);background:#f7f6f9;border:1px solid #e9e4ef;margin:20px auto;display:block}.guide-image-link{cursor:zoom-in;border-radius:8px;display:block;overflow:hidden}.guide-figure img{border-radius:8px;width:100%;height:auto;margin:0;display:block}.guide-image-caption{color:#82778f;gap:4px;margin-top:12px;font-size:12px;line-height:1.7;display:grid}.guide-image-caption strong{color:#514760;font-weight:500}.guide-image-caption a{align-items:center;width:fit-content;min-height:44px;display:flex}.guide-related{margin-top:var(--guide-gap);padding-top:var(--guide-gap);border-top:1px solid var(--line)}.guide-site .guide-related h2{margin-bottom:12px;font-size:20px}.guide-site .guide-related h2:not(:first-child){margin-top:20px}.guide-feature-links{flex-wrap:wrap;gap:8px;display:flex}.guide-feature-links a{color:#6b528a;background:#faf8fd;border:1px solid #e5deee;border-radius:8px;align-items:center;min-height:44px;padding:8px 12px;font-size:13px;display:flex}.guide-related ul{padding:0;list-style:none}.guide-related li a{color:#6b528a;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:14px;line-height:1.6;display:flex}.guide-related li a span{flex-shrink:0}.guide-site .blog-cta{padding:var(--guide-padding);border-radius:var(--guide-radius);margin-top:var(--guide-gap);background:#faf8fd}.guide-site .blog-cta h2{font-size:20px}@media (max-width:1000px) and (min-width:761px){.guide-site{--guide-toc:180px;--guide-columns:24px}}@media (max-width:760px){.guide-site{--home-gutter:16px;--guide-gap:20px;--guide-padding:16px;--guide-title:28px;--guide-subtitle:21px;--guide-step-padding:10px 12px}.guide-site .blog-page,.guide-site .blog-article{width:calc(100% - 32px);padding-block:24px 40px}.guide-site .blog-grid,.guide-reading-layout{grid-template-columns:1fr}.guide-reading-layout{gap:20px}.guide-toc-desktop{display:none}.guide-toc-mobile{background:#faf8fd;border:1px solid #e6dfef;border-radius:8px;padding:0 12px;display:block}.guide-toc-mobile summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;font-size:13px;display:flex}.guide-toc-mobile nav{padding-bottom:8px}.guide-category-nav{gap:0 16px}.guide-category-nav a{font-size:13px}.guide-site .blog-heading{padding-bottom:20px}.guide-site .blog-heading>p:not(.eyebrow){font-size:14px}.guide-site .blog-prose{font-size:15px}}