.resources-page{--resource-paper:var(--blog-surface,#faf9f7);--resource-ink:var(--color-slate-800);--resource-muted:var(--color-slate-600);--resource-line:var(--color-slate-200);--resource-link:var(--color-olive-700);background:var(--resource-paper);min-height:100vh;color:var(--resource-ink);font-family:ui-sans-serif,system-ui,sans-serif}.resources-page a{color:var(--resource-link);text-underline-offset:4px;text-decoration:underline}.resources-page :focus-visible{outline:3px solid var(--color-olive-500);outline-offset:4px}.resource-skip{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.resource-skip:focus{top:12px}.resource-top{border-bottom:1px solid var(--resource-line);justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:auto;padding:27px 36px;display:flex}.resource-top>a{font-size:14px}.resource-identity{align-items:baseline;gap:12px;font-size:19px;font-weight:600;display:flex}.resource-identity a{color:var(--resource-ink);text-decoration:none}.resource-identity a:first-child{letter-spacing:.04em;font-size:14px}.resource-identity span{color:var(--resource-muted);font-weight:400}.resource-layout{grid-template-columns:230px minmax(0,750px);gap:75px;max-width:1200px;margin:auto;padding:44px 34px 70px;display:grid}.resource-layout main{min-width:0}.resource-sidebar{align-self:start;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow-y:auto}.resource-sidebar nav,.resource-mobile-nav nav{gap:3px;display:grid}.resource-sidebar a,.resource-mobile-nav a{color:var(--resource-muted);border-radius:5px;padding:9px 12px;font-size:14px;line-height:1.5;text-decoration:none;display:block}.resource-sidebar a:hover,.resource-mobile-nav a:hover{background:var(--color-olive-50)}.resource-sidebar a[aria-current],.resource-mobile-nav a[aria-current]{background:var(--color-olive-100);color:var(--color-olive-900);font-weight:600}.resource-nav-label{text-transform:uppercase;letter-spacing:.09em;color:var(--resource-muted);padding:24px 12px 7px;font-size:11px}.resource-mobile-nav{display:none}.resource-prose .resource-eyebrow{text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px;font-size:11px}.resource-prose h1{letter-spacing:-.035em;margin:0 0 30px;font-size:clamp(30px,3.1vw,42px);font-weight:650;line-height:1.18}.resource-prose h2{letter-spacing:-.02em;margin:42px 0 17px;font-size:25px;font-weight:600;line-height:1.35}.resource-prose h3{letter-spacing:-.012em;margin:30px 0 13px;font-size:20px;font-weight:600;line-height:1.45}.resource-prose p,.resource-prose li{color:var(--resource-muted);max-width:68ch;margin:0 0 22px;font-size:18px;line-height:1.8}.resource-prose strong{color:var(--resource-ink);font-weight:600}.resource-prose ul,.resource-prose ol{margin:16px 0 25px;padding-left:25px}.resource-prose ul{list-style:outside}.resource-prose ol{list-style:decimal}.resource-prose li{margin-bottom:12px;padding-left:3px}.resource-prose blockquote{border-left:3px solid var(--color-olive-200);margin:25px 0;padding-left:22px}.resource-prose a{overflow-wrap:anywhere}.resource-prose .resource-lead{font-size:21px}.resource-table{margin:25px 0;overflow-x:auto}.resource-table table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.65}.resource-table th,.resource-table td{border:1px solid var(--resource-line);text-align:left;vertical-align:top;min-width:130px;padding:12px}.resource-table th{background:var(--color-olive-50)}.resource-prose .resource-list{margin:0;padding:0;list-style:none}.resource-list li{border-bottom:1px solid var(--resource-line);margin:0;padding:24px 0}.resource-list h3{margin:0 0 9px;font-size:23px}.resource-list h3 a{text-decoration:none}.resource-list p:last-child{margin:0;font-size:17px}.resource-related{border-top:1px solid var(--resource-line);gap:12px;margin-top:48px;padding-top:25px;display:grid}.resource-related h2{text-transform:uppercase;letter-spacing:.08em;color:var(--resource-muted);font-size:12px}.resource-related a{width:fit-content;font-size:15px;line-height:1.6}.resource-footer{border-top:1px solid var(--resource-line);flex-wrap:wrap;gap:24px;margin-top:42px;padding-top:22px;font-size:12px;display:flex}.resource-prose h1,.resource-prose h2,.resource-prose h3,.resource-anchor{scroll-margin-top:25px}.resource-anchor{display:block}.resource-step{border:1px solid var(--resource-line);background:#fff;border-radius:14px;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:24px;margin:28px 0;padding:20px;display:grid}.resource-screenshot{border:1px solid var(--resource-line);cursor:zoom-in;border-radius:10px;max-height:360px;display:block;position:relative;overflow:hidden}.resource-screenshot img{width:100%;height:auto;display:block}.resource-screenshot span{background:var(--color-olive-800);color:#fff;border-radius:18px;max-width:calc(100% - 16px);padding:5px 9px;font-size:12px;position:absolute;bottom:8px;right:8px}.resource-step h3{margin-top:0;font-size:19px}.resource-step p,.resource-step li{margin-bottom:12px;font-size:16px;line-height:1.7}.resource-step p:last-child{margin-bottom:0}.resource-lightbox{background:var(--color-slate-900);color:#fff;overscroll-behavior:contain;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:90px 24px 24px;position:fixed;inset:0;overflow:auto}.resource-lightbox::backdrop{background:var(--color-slate-900)}.resource-lightbox-toolbar{z-index:2;background:var(--color-slate-900);align-items:center;gap:20px;padding:14px 24px;display:flex;position:fixed;top:0;left:0;right:0}.resource-lightbox-toolbar p{color:#fff;flex:1;margin:0;font-size:14px}.resource-lightbox-toolbar a{color:#fff;font-size:14px}.resource-lightbox>img{background:#fff;max-width:100%;height:auto;margin:auto;display:block}@media (width<=1080px){.resource-layout{grid-template-columns:205px minmax(0,1fr);gap:42px;padding-inline:24px}.resource-step{grid-template-columns:220px minmax(0,1fr);gap:18px;padding:16px}}@media (width<=760px){.resource-top{align-items:flex-start;gap:12px;padding:21px}.resource-top>a{font-size:12px}.resource-identity{gap:9px;font-size:18px}.resource-layout{padding:22px 22px 45px;display:block}.resource-sidebar{display:none}.resource-mobile-nav{border-bottom:1px solid var(--resource-line);margin-bottom:32px;padding-bottom:16px;display:block}.resource-mobile-nav summary{color:var(--resource-link);cursor:pointer;padding:6px 0;font-size:14px}.resource-mobile-nav nav{padding-top:14px}.resource-prose h1{margin-bottom:24px;font-size:32px;line-height:1.2}.resource-prose h2{margin-top:34px;font-size:24px}.resource-prose p,.resource-prose li{line-height:1.75}.resource-step{grid-template-columns:minmax(0,1fr);gap:18px;padding:14px}.resource-screenshot{max-height:300px}.resource-lightbox{padding:110px 12px 12px}.resource-lightbox-toolbar{gap:10px;padding:12px}.resource-lightbox-toolbar p,.resource-lightbox-toolbar a{font-size:12px}}@media print{.resource-top,.resource-sidebar,.resource-mobile-nav,.resource-related,.resource-footer,.resource-skip{display:none}.resource-layout{padding:0;display:block}.resource-step{break-inside:avoid}.resource-screenshot{max-height:none}.resource-screenshot span{display:none}}