.guide-hero{padding:56px 0 32px}.guide-hero h1{max-width:900px}.guide-kicker{font-size:13px;letter-spacing:2px;color:#006c66;font-weight:700}.guide-meta{color:#52646b;font-size:14px}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start;padding:30px 0 70px}.guide-toc{position:sticky;top:24px;background:#fff;border:1px solid #dce4e5;border-radius:12px;padding:20px}.guide-toc a{display:block;font-size:14px;margin:11px 0;text-decoration:none}.guide-content{min-width:0}.guide-step{scroll-margin-top:24px;margin:0 0 36px;padding:28px;background:white;border:1px solid #dce4e5;border-radius:14px}.guide-step h2{font-size:26px}.guide-step li{margin:12px 0}.guide-step ol{padding-left:24px}.guide-step figure{margin:24px 0 0}.guide-step img{width:100%;height:auto;border:1px solid #dce4e5;border-radius:6px;background:#f5f6f3}.guide-step figcaption{color:#52646b;font-size:13px;margin-top:8px}.guide-callout{background:#eaf3f0;border-left:4px solid #006c66;padding:18px 22px;border-radius:0 10px 10px 0}.guide-start{padding:24px;border:1px solid #b8d2cc;border-radius:12px;background:#eef6f3;margin:28px 0}.guide-start h2{font-size:24px;margin:0 0 10px}.guide-faq details{background:#fff;padding:18px 22px}.guide-faq{margin-bottom:50px}.guide-content h3{margin-top:20px}.guide-language{display:flex;gap:18px;flex-wrap:wrap} @media(max-width:800px){.guide-layout{grid-template-columns:1fr;gap:24px}.guide-toc{position:static}.guide-toc a{display:inline-block;margin:7px 12px 7px 0}.guide-step{padding:20px 16px}.guide-step h2{font-size:23px}.guide-hero{padding-top:32px}.guide-step figure{margin-left:-8px;margin-right:-8px}} @media print{header,footer,.guide-toc{display:none}.guide-layout{display:block}.guide-step{break-inside:avoid}.guide-step img{max-height:400px;object-fit:contain}}
.pg-site nav{position:relative;align-items:center}.pg-site header .locale-menu{position:static;padding:0;border:0}.pg-site header .locale-menu>summary{font-size:14px;font-weight:650;line-height:1.75}.pg-site .pg-tutorial-link{font-weight:750;color:var(--accent);text-decoration:underline;text-underline-offset:5px}.pg-site .guide-start{margin:0 0 32px}.pg-site header .language-options{margin-top:12px}.pg-site .guide-toc a{line-height:1.65}@media(max-width:700px){.pg-site nav{gap:12px 16px}.pg-site header .wrap{align-items:flex-start}.pg-site .language-options{right:0}.pg-site .guide-start{padding:20px}.pg-site .guide-start h2{font-size:23px}}
.pg-site header .wrap{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;row-gap:8px;padding-top:20px;padding-bottom:20px}.pg-site header .brand{grid-column:1;grid-row:1/3}.pg-site header nav{grid-column:2;grid-row:1;justify-content:flex-end}.pg-site .page-language{grid-column:2;grid-row:2;justify-self:end;position:relative;margin-top:4px}.pg-site .page-language .locale-menu{position:static;padding:0;border:0}.pg-site .page-language .locale-menu>summary{font-size:18px;font-weight:650;line-height:1.75;color:var(--muted)}.pg-site .page-language .language-options{top:100%;right:0;margin-top:8px}.pg-site .pg-tutorial-link{text-decoration:none}.pg-site .pg-tutorial-link[aria-current]{text-decoration:underline}@media(max-width:700px){.pg-site header .wrap{grid-template-columns:minmax(0,1fr);row-gap:12px}.pg-site header .brand{grid-column:1;grid-row:1}.pg-site header nav{grid-column:1;grid-row:2;justify-content:flex-start}.pg-site .page-language{grid-column:1;grid-row:3;justify-self:end;margin-top:0}}

html[dir=rtl] .guide-toc,html[dir=rtl] .guide-content{text-align:right}html[dir=rtl] .guide-callout{border-left:0;border-right:4px solid #006c66}html[dir=rtl] .page-language{direction:ltr}html[dir=rtl] .guide-step p{line-height:2}

html[dir=rtl] header .wrap{direction:ltr}html[dir=rtl] header nav{direction:rtl}.pg-site .language-options{grid-template-columns:repeat(2,minmax(0,1fr));width:340px;min-width:0;max-width:calc(100vw - 40px)}.pg-site .language-options a{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.5;text-decoration:none;color:var(--muted)}.pg-site .language-options a[aria-current]{color:var(--accent)}