@font-face{font-family:"IBM Plex Sans";src:url("plex-light.otf") format("opentype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("plex-regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("plex-semibold.otf") format("opentype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans Condensed";src:url("plex-condensed.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--guide-paper:#fff;--guide-ink:#000;--guide-copy:#262626;--guide-line:#ccc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.guide-page{margin:0;background:var(--guide-paper);color:var(--guide-copy);font-family:"IBM Plex Sans",sans-serif;font-size:17px;font-weight:300;line-height:1.65;overflow-wrap:break-word}
.guide-page h1,.guide-page h2,.guide-page h3,.guide-page p,.guide-page ul{margin:0}
.guide-page a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.guide-page a:hover{text-decoration-thickness:2px}
.guide-page button,.guide-page summary{font:inherit;color:inherit;cursor:pointer}
.guide-page :focus-visible{outline:2px solid var(--guide-ink);outline-offset:5px}
.guide-page [hidden]{display:none!important}
.guide-skip{position:absolute;top:8px;left:16px;z-index:100;padding:12px 18px;background:#fff;transform:translateY(-160%)}
.guide-skip:focus{transform:none}
.guide-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 42px;border-bottom:1px solid var(--guide-line);background:var(--guide-paper)}
.guide-brand{display:block;flex-shrink:0}
.guide-brand img{display:block;width:118px;height:43px;object-fit:contain}
.guide-header-nav{display:flex;align-items:center;gap:27px;font-family:"IBM Plex Sans Condensed",sans-serif;font-size:14px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
.guide-header-nav a{text-decoration:none;padding:4px 0}
.guide-header-nav a.is-current{border-bottom:1px solid var(--guide-ink)}
.guide-header-contact{font-size:14px;font-weight:400;white-space:nowrap}
.guide-menu{display:none}
.guide-layout{display:grid;grid-template-columns:178px minmax(0,650px);gap:64px;max-width:1080px;margin:0 auto;padding:65px 42px 86px;align-items:start}
.guide-sidebar{position:sticky;top:131px;padding-top:7px}
.guide-directory-title{font-size:15px;font-weight:600;margin-bottom:18px!important;color:var(--guide-ink)}
.guide-directory{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.guide-directory a{font-size:14px;line-height:1.5;font-weight:300;text-decoration:none}
.guide-directory a[aria-current="location"]{font-weight:400;text-decoration:underline}
.guide-sidebar-foot{font-size:13px;font-weight:400;margin-top:36px!important}
.guide-article{min-width:0;max-width:650px;scroll-margin-top:120px}
.guide-eyebrow{font-family:"IBM Plex Sans Condensed",sans-serif;font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px!important}
.guide-eyebrow a{text-decoration:none}
.guide-page h1{font-size:46px;line-height:1.12;letter-spacing:-.025em;font-weight:600;color:var(--guide-ink)}
.guide-intro{margin-top:24px!important;font-size:20px;line-height:1.55;max-width:600px}
.guide-context{margin-top:21px!important;font-size:16px;line-height:1.6}
.guide-mobile-toc{display:none}
.guide-section{margin-top:60px;scroll-margin-top:120px}
.guide-page h2{font-size:27px;line-height:1.25;letter-spacing:-.015em;font-weight:600;color:var(--guide-ink);margin-bottom:18px}
.guide-page h3{font-size:18px;line-height:1.45;font-weight:600;color:var(--guide-ink);margin:24px 0 8px}
.guide-section p,.guide-section li{font-size:17px;line-height:1.65;font-weight:300}
.guide-section p+p,.guide-section ul+p{margin-top:17px}
.guide-section strong{font-weight:400}
.guide-section ul{padding-left:21px;margin:17px 0}
.guide-section li+li{margin-top:10px}
.guide-faq-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:10px}
.guide-faq-heading h2{margin-bottom:0}
.guide-show-all{border:0;border-radius:0;background:transparent;padding:8px 0;min-height:44px;font-size:14px!important;font-weight:400!important;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}
.guide-faq{border-bottom:1px solid var(--guide-line);scroll-margin-top:120px}
.guide-faq summary{font-size:17px;font-weight:400;line-height:1.5;padding:19px 0;min-height:52px}
.guide-faq summary::marker{font-size:11px}
.guide-faq p{padding:0 0 22px 17px}
.guide-related-list,.guide-index-list{list-style:none;padding:0!important;margin:0!important}
.guide-related-list li+li{margin-top:13px}
.guide-related-list a{font-weight:400}
.guide-next{border-top:1px solid var(--guide-line);padding-top:35px}
.guide-action{display:inline-flex;align-items:center;gap:22px;background:#000;color:#fff!important;border:1px solid #000;border-radius:0;padding:11px 21px;min-height:48px;text-decoration:none!important;font-size:16px;font-weight:400;margin-top:24px}
.guide-action:hover{background:#262626}
.guide-back{display:inline-block;margin-top:20px;font-size:15px;font-weight:400}
.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--guide-line);padding:27px 42px;font-size:13px;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:400;letter-spacing:.04em}
.guide-footer-tagline{font-family:"IBM Plex Sans",sans-serif;font-size:16px;letter-spacing:0}
.guide-footer-links{display:flex;flex-wrap:wrap;gap:22px}
.guide-index-list li{padding:22px 0;border-bottom:1px solid var(--guide-line);margin:0!important}
.guide-index-list a{display:inline-block;font-size:21px;line-height:1.4;font-weight:600;text-decoration:none}
.guide-index-list a:hover{text-decoration:underline}
.guide-index-list p{margin-top:7px;font-size:16px}
@media(min-width:1500px){.guide-header{padding-inline:max(42px,calc((100vw - 1400px)/2))}}
@media(max-width:900px){
 .guide-header{padding:20px 28px;gap:20px}
 .guide-header-nav{gap:19px;font-size:13px}
 .guide-header-contact{display:none}
 .guide-layout{padding:48px 28px 68px;grid-template-columns:150px minmax(0,1fr);gap:36px}
 .guide-page h1{font-size:40px}
 .guide-intro{font-size:19px}
 .guide-footer{padding:25px 28px}
}
@media(max-width:650px){
 .guide-article{scroll-margin-top:96px}
 .guide-header{padding:18px 22px}
 .guide-brand img{width:107px;height:37px}
 .guide-header-nav{display:none}
 .guide-menu{display:block}
 .guide-menu>summary{font-size:16px;font-weight:400;min-height:44px;display:flex;align-items:center;padding:0 6px}
 .guide-menu>summary::-webkit-details-marker{display:none}
 .guide-menu-nav{position:absolute;top:100%;left:0;right:0;padding:14px 22px 22px;display:flex;flex-direction:column;background:#fff;border-bottom:1px solid var(--guide-line)}
 .guide-menu-nav a{display:flex;align-items:center;min-height:48px;font-size:17px;font-weight:400;text-decoration:none}
 .guide-layout{display:block;padding:38px 22px 55px}
 .guide-sidebar{display:none}
 .guide-page h1{font-size:35px;line-height:1.14}
 .guide-intro{font-size:19px;margin-top:21px!important}
 .guide-eyebrow{margin-bottom:16px!important}
 .guide-mobile-toc{display:block;margin-top:30px;border-top:1px solid var(--guide-line);border-bottom:1px solid var(--guide-line)}
 .guide-mobile-toc>summary{padding:14px 0;font-size:16px;font-weight:400;min-height:50px}
 .guide-mobile-toc .guide-directory{padding:2px 0 18px;gap:0}
 .guide-mobile-toc .guide-directory a{font-size:16px;min-height:44px;display:flex;align-items:center;padding:7px 0}
 .guide-section{margin-top:46px;scroll-margin-top:96px}
 .guide-page h2{font-size:25px}
 .guide-faq-heading{gap:12px}
 .guide-faq{scroll-margin-top:96px}
 .guide-footer{padding:24px 22px;align-items:flex-start;flex-direction:column;gap:15px}
 .guide-footer-links{gap:20px}
 .guide-footer-links a{min-height:44px;display:flex;align-items:center}
 .guide-index-list a{font-size:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{
 .guide-header,.guide-sidebar,.guide-mobile-toc,.guide-show-all,.guide-menu,.guide-skip,.guide-footer-links,.guide-action{display:none!important}
 .guide-layout{display:block;padding:0;max-width:none}
 .guide-article{max-width:none}
 .guide-page h1{font-size:30px}
 .guide-section{margin-top:28px}
 .guide-faq::details-content{content-visibility:visible}
 .guide-page h2,.guide-page h3,.guide-faq summary{break-after:avoid}
 .guide-faq{break-inside:avoid}
 .guide-footer{padding:20px 0}
}

/* Shared site navigation and reading hierarchy. */
body.nio-unified.guide-page{padding-top:56px;background:#fff}
.nio-unified.guide-page .guide-layout{padding-top:64px}
.nio-unified.guide-page main h1{font:400 48px/56px "IBM Plex Sans",sans-serif!important}
.nio-unified.guide-page main h2{font:400 28px/36px "IBM Plex Sans",sans-serif}
.nio-unified.guide-page main h3{font:400 20px/28px "IBM Plex Sans",sans-serif}
.nio-unified.guide-page main p,.nio-unified.guide-page main li{font-size:16px;line-height:26px}
.nio-unified.guide-page main .guide-intro{font-size:20px;line-height:30px}
.nio-unified.guide-page .guide-sidebar{top:100px}
.nio-unified.guide-page main .guide-section{scroll-margin-top:88px}
.nio-unified.guide-page .guide-header-nav{display:none}
@media(max-width:767px){.nio-unified.guide-page main h1{font-size:32px!important;line-height:40px!important}.nio-unified.guide-page main h2{font-size:24px;line-height:32px}}

.guide-page .guide-not-found{display:block;max-width:900px;min-height:70vh}