.tutorial-site{background:#071b30}.tutorial-site .nav-row{gap:18px}.tutorial-site .nav-row nav{gap:24px}.tutorial-site [aria-current=page]{color:var(--accent)}.breadcrumbs{color:#a9bfd0;flex-wrap:wrap;gap:10px;padding-top:30px;font-size:.78rem;display:flex}.breadcrumbs a{text-decoration:none}.breadcrumbs span[aria-hidden]{color:#567187}.guide-hero{max-width:970px;padding-block:48px 46px}.guide-hero .eyebrow{margin-bottom:20px}.guide-hero h1{margin-bottom:25px;font-size:clamp(2.5rem,5.2vw,4.7rem);line-height:1.08}.guide-hero .lead{max-width:740px;font-size:1.08rem}.guide-hero .hero-note{margin-bottom:0}.guide-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:65px;padding-bottom:80px;display:grid}.guide-toc{padding-top:10px;position:sticky;top:26px}.guide-toc nav{border-left:1px solid #385164;padding-left:18px;display:block}.guide-toc p{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:16px;font-size:.69rem;font-weight:650}.guide-toc a{color:#b5cad9;padding:7px 0;font-size:.82rem;line-height:1.55;display:block}.guide-toc .toc-back{margin-top:22px;font-weight:600}.guide-body{min-width:0;max-width:850px}.guide-body p,.guide-body li{font-size:1rem;line-height:1.8}.guide-body p{color:#bbcedc;margin-bottom:20px}.guide-body li{color:#bbcedc;margin-block:8px}.guide-body strong{color:#edf6fe;font-weight:600}.guide-body a:not(.button):not(.screenshot-link){color:#99e8d0}.guide-body section{margin-bottom:54px;scroll-margin-top:30px}.guide-body h2{margin-bottom:21px;font-size:clamp(1.7rem,2.7vw,2.4rem);line-height:1.17}.guide-body h3{margin:25px 0 11px;font-size:1.17rem;line-height:1.35}.guide-body ol,.guide-body ul{padding-left:23px}.answer-box{background:#0c2b37;border:1px solid #3f756d;border-left:4px solid #88edc9;border-radius:8px;margin-bottom:35px;padding:25px 28px}.answer-box .eyebrow{margin-bottom:9px}.answer-box p:last-child{margin-bottom:0}.guide-figure{margin:30px 0}.screenshot-link{background:#102b43;border:1px solid #36546c;border-radius:10px;display:block;overflow:hidden}.screenshot-link img{width:100%;height:auto;transition:filter .15s;display:block}.screenshot-link:hover img{filter:brightness(1.06)}.guide-figure figcaption{color:#9db4c7;padding:12px 2px 0;font-size:.75rem;line-height:1.6}.guide-figure figcaption a{white-space:nowrap}.guide-note{background:#102c40;border:1px solid #355066;border-radius:7px;margin-block:24px;padding:19px 23px}.guide-note p{margin:0;font-size:.89rem}.guide-table-wrap{border:1px solid #355066;border-radius:8px;margin-block:25px;overflow-x:auto}.guide-body table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem;line-height:1.65}.guide-body th,.guide-body td{vertical-align:top;color:#bbcedc;border-bottom:1px solid #2c465c;padding:14px 17px}.guide-body th{color:#eef6ff;background:#102c40;font-size:.78rem}.guide-body tbody tr:last-child td{border-bottom:0}.guide-body td:first-child{color:#edf6fe;font-weight:550}.guide-body details{border-block-start:1px solid var(--line);padding:18px 0}.guide-body details:last-child{border-block-end:1px solid var(--line)}.guide-body summary{cursor:pointer;font-weight:550;line-height:1.65}.guide-body details p{margin:13px 0 0;font-size:.92rem}.guide-cta{background:#12383d;border:1px solid #456e70;border-radius:9px;padding:28px}.guide-cta h2{font-size:1.7rem}.guide-cta p{font-size:.94rem}.related-guides{border-top:1px solid var(--line);padding-top:30px}.related-guides ul{padding:0;list-style:none}.related-guides li{margin-block:14px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:75px;display:grid}.guide-tile{background:#0d283e;border:1px solid #34536b;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.guide-tile>a{aspect-ratio:1.5;background:#123651;display:block;overflow:hidden}.guide-tile img{object-fit:contain;width:100%;height:100%}.guide-tile-content{flex-direction:column;flex:1;padding:26px;display:flex}.guide-tile .eyebrow{margin-bottom:17px;font-size:.65rem}.guide-tile h2{font-size:1.6rem;line-height:1.16}.guide-tile h2 a{text-decoration:none}.guide-tile p{font-size:.9rem}.guide-tile .text-link{color:var(--accent);margin-top:auto}.tutorial-intro{background:#102c40;border:1px solid #355066;border-radius:10px;margin-bottom:70px;padding:29px 32px}.tutorial-intro h2{font-size:1.6rem}.tutorial-intro p{max-width:780px;margin-bottom:0}.homepage-tutorials{border-top:1px solid var(--line)}.homepage-tutorials .feature-grid a{color:var(--accent)}@media (width<=1000px){.guide-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.guide-tile-content{padding:22px}.guide-tile h2{font-size:1.4rem}}@media (width<=760px){.tutorial-site .nav-row{flex-wrap:wrap;gap:14px;padding-block:16px}.tutorial-site .nav-row nav{justify-content:space-between;gap:12px;width:100%}.tutorial-site .nav-row nav>a:not(.button){font-size:.78rem;display:inline}.breadcrumbs{padding-top:24px;font-size:.72rem}.guide-hero{padding-block:33px 35px}.guide-hero h1{font-size:clamp(2.35rem,9vw,3.6rem)}.guide-hero .lead{font-size:1rem}.guide-layout{grid-template-columns:1fr;gap:28px;padding-bottom:40px}.guide-toc{border:1px solid var(--line);border-radius:8px;padding:18px 20px;position:static}.guide-toc nav{border:0;padding:0}.guide-toc a{padding-block:5px;font-size:.81rem}.guide-toc .toc-back{display:none}.guide-body p,.guide-body li{font-size:.95rem}.guide-body section{margin-bottom:40px}.guide-body h2{font-size:1.8rem}.answer-box{padding:22px}.guide-figure{margin-inline:0}.guide-figure figcaption{font-size:.7rem}.guide-body th,.guide-body td{padding:11px;font-size:.82rem}.guide-cta{padding:22px}.guide-grid{grid-template-columns:1fr;gap:23px;padding-bottom:40px}.guide-tile>a{aspect-ratio:1.7}.guide-tile h2{font-size:1.7rem}.tutorial-intro{margin-bottom:45px;padding:24px}}