.guide-article{max-width:1280px;color:#23383e;padding-bottom:70px}.guide-article *{min-width:0}.guide-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center;padding:12px 0 48px;border-bottom:1px solid #dbe3e4;margin-bottom:42px}.guide-heading h1{font-family:Jakarta,sans-serif;font-size:clamp(30px,3.6vw,48px);line-height:1.18;letter-spacing:-.035em;font-weight:750;color:#172e34;margin:16px 0 22px}.guide-eyebrow{font-size:12px;font-weight:700;color:#34626a;line-height:1.8}.guide-description{font-size:17px;line-height:1.75}.guide-byline{font-size:12px;font-weight:650;margin-top:24px;line-height:1.7}.guide-meta{font-size:12px;color:#536970;line-height:1.8;margin-top:4px}.guide-heading figure{margin:0}.guide-heading img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:20px;display:block}.guide-heading figcaption{font-size:11px;color:#61747b;margin-top:9px}.guide-reading-layout{display:grid;grid-template-columns:255px minmax(0,780px);gap:60px;justify-content:space-between;align-items:start}.guide-toc{position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow:auto;padding-right:10px}.guide-toc summary{font-size:15px;font-weight:750;cursor:pointer;padding-bottom:15px}.guide-toc nav{display:grid;gap:2px}.guide-toc nav a{display:flex;gap:10px;font-size:12px;line-height:1.6;padding:8px 10px;border-radius:7px}.guide-toc nav a span{color:#3c5962;font-size:11px;font-variant-numeric:tabular-nums}.guide-toc nav a:hover{background:#edf5f5;color:#164e5a}.guide-download{display:block;margin-top:20px;padding-top:18px;border-top:1px solid #dbe3e4;font-size:12px;font-weight:700;color:#185b66}.guide-toc>p{font-size:11px;color:#596e74;line-height:1.75;margin-top:14px}.guide-body{min-width:0}.guide-body h2{font-family:Jakarta,sans-serif;font-size:26px;line-height:1.4;font-weight:750;letter-spacing:-.025em;color:#17333b;margin-bottom:18px}.guide-body h3{font-size:18px;line-height:1.5;font-weight:700;margin:25px 0 12px}.guide-body p,.guide-body li,.guide-body dd{font-size:16px;line-height:1.9;overflow-wrap:anywhere}.guide-body p+p{margin-top:17px}.guide-body ul,.guide-body ol{padding-left:24px}.guide-body li+li{margin-top:10px}.guide-body a{color:#176377;text-decoration:underline;text-underline-offset:4px}.guide-body section{scroll-margin-top:24px}.guide-start{padding:28px;background:#f0f6f5;border-radius:18px;margin-bottom:50px}.guide-start dl{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.guide-start dt{font-size:12px;color:#315e65;font-weight:750;margin-bottom:8px}.guide-start dd{font-size:14px;margin:0}.guide-section{padding-bottom:38px;margin-bottom:36px;border-bottom:1px solid #e1e8e9}.guide-section h2{display:flex;gap:14px;align-items:baseline}.guide-section h2>span{font-size:13px;color:#52777c;letter-spacing:0;font-variant-numeric:tabular-nums}.guide-body .guide-inline-refs{font-size:12px;margin-top:25px;line-height:1.8;color:#506a72}.guide-steps{margin:24px 0;padding:22px 25px 22px 44px!important;background:#f4f7f9;border-radius:12px}.guide-table{overflow-x:auto;margin:25px 0;border:1px solid #d9e3e5;border-radius:12px}.guide-table table{border-collapse:collapse;width:100%;min-width:480px;text-align:left}.guide-table caption{text-align:left;font-size:12px;padding:12px 16px;background:#eff5f5;font-weight:650}.guide-table th,.guide-table td{padding:13px 16px;border-top:1px solid #e0e8e9;font-size:13px;line-height:1.7;vertical-align:top}.guide-table thead{background:#f5f8f8}.guide-table tbody th{font-weight:600}.guide-code{margin:26px 0;border:1px solid #d9e3e5;border-radius:12px;overflow:hidden;background:#142c34}.guide-code figcaption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 16px;background:#eaf2f2;color:#203f47;font-size:12px;font-weight:650}.guide-code button,.guide-checklist button{border:1px solid #9eb5ba;background:#fff;color:#1a4a56;border-radius:8px;padding:9px 12px;min-height:40px;font-size:12px;font-weight:700;cursor:pointer}.guide-code pre{max-width:100%;overflow:auto;padding:22px;color:#e0f3f4;font-size:13px;line-height:1.85;tab-size:4;white-space:pre;margin:0}.guide-code code{font:inherit}.guide-body .guide-code>p{font-size:12px;line-height:1.7;background:#f4f7f8;color:#3a5660;margin:0;padding:13px 17px}.guide-checklist{padding:28px;background:#f0f5f4;border-radius:18px;margin:40px 0}.guide-checklist>p{font-size:13px}.guide-checklist label{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.8;margin-top:18px;cursor:pointer}.guide-checklist input{width:19px;height:19px;flex:none;accent-color:#236879;margin-top:4px}.guide-checklist>div{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:24px}.guide-checklist [data-guide-check-status]{font-size:12px;line-height:1.6}.guide-references{margin:50px 0}.guide-references ol{margin-top:25px}.guide-references li{padding-bottom:20px}.guide-references li>a{font-size:14px;font-weight:700}.guide-references li>p{font-size:13px;line-height:1.75;margin-top:5px}.guide-references li>p:first-of-type{font-size:12px;color:#577079}.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.guide-actions .button{font-size:12px;max-width:100%;white-space:normal;text-align:center;color:#fff;text-decoration:none}.guide-next>ul{margin-bottom:24px}.guide-next>ul li{font-size:14px}.guide-next>a{font-size:13px}.guide-article :focus-visible{outline:3px solid #287e93;outline-offset:4px}
@media(max-width:1000px){.guide-heading{gap:28px}.guide-reading-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.guide-body h2{font-size:23px}}
@media(max-width:760px){.guide-heading{grid-template-columns:1fr;gap:24px;padding-bottom:30px;margin-bottom:28px}.guide-heading h1{font-size:34px}.guide-heading img{max-height:340px;object-fit:cover}.guide-reading-layout{grid-template-columns:1fr;gap:30px}.guide-toc{position:static;max-height:none;padding:20px;background:#f3f7f7;border-radius:14px}.guide-toc nav{grid-template-columns:1fr 1fr}.guide-body p,.guide-body li{font-size:15px}.guide-start{padding:23px}.guide-start dl{grid-template-columns:1fr;gap:16px}.guide-checklist{padding:22px}.guide-checklist>div{align-items:flex-start;flex-direction:column}.guide-code figcaption{align-items:flex-start}.guide-code button{flex-shrink:0}.guide-body h2{font-size:22px}.guide-section h2{gap:10px}.guide-article .resource-breadcrumb{font-size:11px;gap:7px}}
@media(max-width:400px){.guide-toc nav{grid-template-columns:1fr}.guide-heading h1{font-size:30px}.guide-code pre{padding:16px;font-size:12px}}
.guide-result-figure{margin:28px 0}.guide-result-figure img{display:block;width:100%;height:auto;border:1px solid #d9e3e5;border-radius:10px}.guide-result-figure figcaption{font-size:12px;line-height:1.8;color:#45616b;margin-top:10px}