.intro-band h1{font-size:26px;line-height:35px;margin:0 0 8px;font-weight:750}
.intro-band [id],.editorial{scroll-margin-top:84px}
.editorial>section{scroll-margin-top:84px}
.editorial>.guide-faq{margin-top:36px}
.guide-shell{max-width:1280px;margin:0 auto;padding:32px 48px 16px;min-width:0}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;font-size:12px;line-height:20px;color:#a1a1aa;margin-bottom:28px}
.breadcrumbs a:hover{color:#f472b6}.breadcrumbs [aria-current]{color:#e4e4e7}.breadcrumbs .icon{width:12px;height:12px;color:#71717a}
.guide-heading{max-width:810px;padding-bottom:36px;border-bottom:1px solid #3f3f4670}
.section-label{margin:0 0 12px;font-size:12px;line-height:20px;font-weight:600;color:#f472b6}
.guide-heading h1{font-size:36px;line-height:46px;margin:0 0 18px;font-weight:750;overflow-wrap:anywhere}
.guide-lead{font-size:16px;line-height:28px;color:#d4d4d8;margin:0 0 24px;max-width:760px}
.guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.guide-actions .button{min-height:40px;white-space:normal;text-align:center}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:48px;align-items:start;padding-top:32px}
.guide-article{min-width:0;max-width:810px;color:#d4d4d8;font-size:15px;line-height:26px;overflow-wrap:anywhere}
.guide-article>section{margin-bottom:36px;scroll-margin-top:84px}
.guide-article h2,.guide-related h2,.topic-directory h2,.guide-directory h2{font-size:23px;line-height:32px;color:#fafafa;margin:0 0 16px;font-weight:700}
.guide-article p{margin:0 0 17px}.guide-article ul,.guide-article ol{padding-left:23px;margin:16px 0 20px}.guide-article li{padding-left:5px;margin-bottom:10px}
.guide-article li::marker{color:#d9468e}.guide-article a{color:#f472b6;text-decoration:underline;text-underline-offset:3px}
.guide-example{border-left:3px solid #ec4899;padding:6px 0 6px 20px;margin:24px 0;font-size:15px;line-height:26px;color:#e4e4e7}
.guide-table-wrap{overflow-x:auto;max-width:100%;margin:20px 0 24px;border-top:1px solid #52525b;border-bottom:1px solid #3f3f46;scrollbar-width:thin}
.guide-table{border-collapse:collapse;width:100%;font-size:14px;line-height:23px;text-align:left}
.guide-table caption{text-align:left;font-size:13px;padding:12px 0;color:#a1a1aa}
.guide-table th,.guide-table td{padding:13px 16px 13px 0;border-bottom:1px solid #3f3f4660;vertical-align:top;min-width:120px}
.guide-table th{font-weight:600;color:#fafafa}.guide-table thead th{color:#f9a8d4;background:#27272a60}.guide-table thead th:first-child{padding-left:12px}.guide-table tbody th{width:27%}.guide-table tr:last-child td,.guide-table tr:last-child th{border-bottom:0}
.guide-toc{position:sticky;top:84px;padding-left:20px;border-left:1px solid #3f3f46;font-size:13px;line-height:21px}
.guide-toc h2{font-size:12px;line-height:20px;font-weight:600;margin:0 0 12px;color:#a1a1aa}
.guide-toc a{display:block;padding:0 0 13px;color:#d4d4d8}.guide-toc a:hover{color:#f472b6}
.guide-faq{border-top:1px solid #3f3f46;padding-top:32px}
.guide-faq details{border-bottom:1px solid #3f3f4670}
.guide-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:17px 0;font-weight:600;font-size:15px;line-height:24px;color:#f4f4f5}
.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary .icon{width:16px;height:16px;color:#a1a1aa}.guide-faq details[open] summary .icon{transform:rotate(180deg)}
.guide-faq details p{font-size:14px;line-height:24px;margin:0;padding:0 26px 20px 0;color:#d4d4d8}
.guide-related{margin-top:12px;padding-top:28px;border-top:1px solid #3f3f4670}
.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.related-links a,.directory-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;color:#d4d4d8;border-bottom:1px solid #3f3f4660;font-size:14px;line-height:23px;min-width:0;overflow-wrap:anywhere}
.related-links a:hover,.directory-links a:hover{color:#f472b6}.related-links .icon,.directory-links .icon{width:16px;height:16px;flex-shrink:0;color:#a1a1aa}
.topic-directory{padding-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}.topic-directory>section{min-width:0}.topic-directory h2{font-size:20px;line-height:28px;margin-bottom:8px}.topic-directory .directory-links{display:grid;grid-template-columns:1fr}
.guide-topic-list{padding-top:16px;border-top:1px solid #3f3f46;margin-top:16px}
.guide-topic-list h2{font-size:12px;line-height:20px;color:#a1a1aa;font-weight:500;padding:0 12px;margin:20px 0 8px}.guide-topic-list h2:first-child{margin-top:0}
.guide-topic-list a{display:block;font-size:13px;line-height:20px;padding:7px 12px;margin-bottom:2px;color:#d4d4d8;border-radius:4px}.guide-topic-list a:hover{background:#3f3f4660;color:#f472b6}.guide-topic-list a[aria-current=page]{color:#f472b6;background:#18181b}
.guide-page .footer{margin-top:48px}.guide-page .topbar .brand img{height:auto}.guide-page .guide-layout:has(.guide-article:empty){display:none}
.guide-directory{padding:8px 32px 36px;margin:0 24px;color:#a1a1aa}.guide-directory-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-bottom:1px solid #3f3f4670;padding-bottom:16px}.guide-directory-heading h2{margin:0;font-size:23px}.guide-directory-heading>a{display:flex;align-items:center;gap:8px;font-size:13px;color:#f472b6}.guide-directory-heading .icon{width:16px;height:16px}.guide-directory .related-links{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1399px){.guide-shell{padding-inline:36px}.guide-layout{grid-template-columns:minmax(0,1fr) 165px;gap:28px}}
@media(max-width:1199px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-toc{display:none}.guide-heading{max-width:none}.guide-article{max-width:none}.related-links{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-directory .related-links{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-directory{gap:28px}}
@media(max-width:767px){.guide-shell{padding:24px 20px 8px}.breadcrumbs{margin-bottom:20px}.guide-heading h1{font-size:28px;line-height:37px}.guide-lead{font-size:15px;line-height:26px}.guide-heading{padding-bottom:28px}.guide-layout{padding-top:28px}.guide-article{font-size:14px;line-height:25px}.guide-article h2,.guide-related h2{font-size:21px;line-height:29px}.guide-table th,.guide-table td{min-width:105px;font-size:13px;padding-right:12px;line-height:22px}.guide-faq summary{font-size:14px;line-height:23px}.guide-faq details p{padding-right:8px}.guide-example{font-size:14px;line-height:25px;padding-left:14px}.topic-directory{grid-template-columns:1fr;gap:28px}.topic-directory h2{font-size:20px}.related-links{gap:0 20px}.guide-directory{padding:8px 8px 28px;margin:0 12px}.guide-directory .related-links{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-directory-heading{gap:10px}.guide-directory-heading h2{font-size:21px}.guide-page .topbar .button{padding-inline:12px}}
@media(max-width:370px){.guide-shell{padding-inline:16px}.guide-heading h1{font-size:26px;line-height:35px}.related-links{grid-template-columns:1fr}.guide-directory .related-links{grid-template-columns:1fr}.guide-page .brand img{width:132px}}