/* Editorial pages share the NX website identity. */
.guide-index,.guide-article{padding-top:64px;padding-bottom:60px}.guide-index>h1,.article-header h1{font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-1.8px;max-width:850px;margin:20px 0}.article-intro{font-size:19px;line-height:1.8;color:#5f6173;max-width:780px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:36px 0}.guide-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e2dfed;border-radius:18px;padding:30px;text-decoration:none;color:#252538;transition:border-color .2s,transform .2s}.guide-card:hover{border-color:#6152db;transform:translateY(-2px)}.guide-card h3{font-size:23px;line-height:1.35;margin:18px 0 12px;letter-spacing:-.5px}.guide-card p{font-size:15px;line-height:1.75;color:#626477;margin:0 0 20px}.read-guide{color:#5648ca;font-size:14px;font-weight:700;margin-top:auto}.guide-cta{background:#eeecf8;border:1px solid #ded9f0;border-radius:18px;padding:30px;margin:36px 0}.guide-cta h2{font-size:26px!important;margin-top:0!important}.guide-cta .text-link{display:inline-block;margin:14px}.guide-cta p{line-height:1.8}.guide-footer{padding:36px 0;border-top:1px solid #e2dfed}.guide-footer nav{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0;font-size:14px}.guide-footer p{font-size:12px;color:#626477}.breadcrumbs{display:flex;gap:14px;font-size:14px;margin-bottom:32px}.article-header{max-width:900px}.byline{font-size:13px;color:#676879;line-height:1.9;margin:20px 0 40px}.article-layout{display:grid;grid-template-columns:230px minmax(0,740px);gap:64px;align-items:start;justify-content:space-between}.article-toc{position:sticky;top:28px;font-size:14px;line-height:1.7;border-top:1px solid #d8d4e8;padding-top:22px}.article-toc ol{padding-left:20px}.article-toc li{margin:13px 0}.article-toc a{color:#616176}.article-copy{min-width:0}.article-copy section{scroll-margin-top:24px}.article-copy h2{font-size:28px;letter-spacing:-.6px;line-height:1.3;margin:40px 0 18px}.article-copy p,.article-copy li{font-size:17px;line-height:1.85;color:#45465b}.article-copy p{margin:16px 0}.article-copy li{margin:14px 0}.article-copy ol{padding-left:23px}.article-copy a{color:#5545cc;text-decoration:underline;text-underline-offset:3px}.article-copy a.button{color:#fff;text-decoration:none}.article-screen{background:#eeecf8;border:1px solid #ded9ef;border-radius:18px;padding:24px;margin:0;text-align:center}.article-screen img{height:auto;max-height:430px;width:auto;max-width:100%;margin:auto;border:1px solid #ded9ef;border-radius:10px}.article-screen figcaption{font-size:12px;color:#626477;margin-top:15px}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid #ded9ef;border-radius:12px}.article-copy table{border-collapse:collapse;width:100%;min-width:530px;font-size:14px;line-height:1.6}.article-copy th,.article-copy td{padding:14px;text-align:left;border-bottom:1px solid #ded9ef;vertical-align:top}.article-copy thead{background:#eeecf8}.related{padding-bottom:48px}.related>h2{font-size:32px;letter-spacing:-.6px}.related .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-guides{padding-block:70px}.home-guides h2{font-size:clamp(30px,3vw,42px);letter-spacing:-1px}.home-guides .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card:focus-visible{outline:3px solid #6152db;outline-offset:4px}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:28px}.article-toc{position:static}.article-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.related .guide-grid{grid-template-columns:1fr}.guide-index,.guide-article{padding-top:40px}}
@media(max-width:600px){.guide-grid,.home-guides .guide-grid{grid-template-columns:1fr;gap:16px}.guide-card{padding:24px}.article-intro{font-size:17px}.article-copy p,.article-copy li{font-size:16px}.article-copy h2{font-size:25px}.article-toc ol{display:block}.article-screen{padding:20px}.guide-cta{padding:22px}.guide-cta .text-link{margin-left:0}.guide-footer nav{gap:16px}.byline{font-size:12px}.article-header h1{letter-spacing:-1.1px}.guide-index>h1{font-size:42px}}

.tutorial-toc{max-height:calc(100vh - 60px);overflow:auto;padding-right:10px}.article-copy dd{margin:8px 0 24px;font-size:16px;line-height:1.8;color:#45465b}@media(max-width:900px){.tutorial-toc{max-height:none;overflow:visible}}
