.skip-link{position:absolute;left:20px;top:-80px;padding:12px 18px;background:#fff;z-index:10;border:2px solid #0c493a;border-radius:6px}.skip-link:focus{top:12px}.guide-main{padding-top:32px;padding-bottom:64px}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin:0 0 32px}.breadcrumbs a,.guide-body a:not(.button),.guide-index-intro a{color:#0c6049;text-decoration:underline;text-underline-offset:3px}.guide-heading{max-width:900px;margin-bottom:34px}.guide-heading h1{font-size:clamp(36px,5vw,62px);font-weight:650;letter-spacing:-2px;line-height:1.1;margin:0 0 22px}.guide-heading>p{font-size:20px;line-height:1.65;color:var(--muted);max-width:780px;margin:0 0 24px}.guide-body{max-width:860px;margin:auto;font-size:17px;line-height:1.75}.guide-body h2{font-size:29px;letter-spacing:-.6px;line-height:1.25;margin:44px 0 16px}.guide-body h3{font-size:19px;line-height:1.4;margin:0 0 7px}.guide-body p{margin:0 0 18px}.guide-body ul{padding-left:23px}.guide-body li+li{margin-top:10px}.guide-steps{padding-left:27px;margin:22px 0}.guide-steps>li{padding-left:9px;margin-bottom:23px}.guide-steps>li::marker{font-weight:700;color:#0c493a}.guide-steps p{margin-bottom:0}.guide-body code{background:#eaf0ed;border-radius:4px;padding:2px 6px;font-size:.88em;overflow-wrap:anywhere}.guide-body pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eaf0ed;border:1px solid #d5e0da;border-radius:8px;padding:18px;line-height:1.6}.guide-body pre code{padding:0;font-size:14px}.guide-media{margin:30px 0}.guide-media img,.guide-media video{display:block;max-width:100%;height:auto;width:100%;border:1px solid #d4e1d9;border-radius:10px;background:#edf3ef}.guide-media figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin-top:10px}.guide-example{background:#eef5f0;border-left:4px solid #4a856a;padding:22px 24px;margin:32px 0;border-radius:0 9px 9px 0}.guide-example h2{font-size:21px;margin:0 0 10px}.guide-example p:last-child{margin-bottom:0}.guide-desktop{border:1px solid #cbdcd1;border-radius:10px;padding:26px 28px;margin-top:42px;background:#fff}.guide-desktop h2{margin:0 0 10px;font-size:25px}.guide-desktop p:last-child{margin:0}.guide-related{border-top:1px solid #d4e1d9;margin-top:36px;padding-top:22px}.guide-related p{margin:0}.guide-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.guide-comparison figure{margin:0}.guide-comparison img{width:100%;height:auto;border:1px solid #d4e1d9;border-radius:8px;display:block}.guide-comparison figcaption{font-size:14px;color:var(--muted);padding-top:9px}.guide-index-intro{max-width:800px;font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:36px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.guide-card{display:flex;flex-direction:column;align-items:flex-start;background:white;border:1px solid #d5e0d8;border-radius:12px;overflow:hidden}.guide-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border-bottom:1px solid #d5e0d8}.guide-card-copy{padding:25px;display:flex;flex-direction:column;flex-grow:1;align-items:flex-start}.guide-card h2{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:0 0 13px}.guide-card p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 22px}.guide-card a{margin-top:auto;font-weight:650;text-decoration:underline;text-underline-offset:4px;color:#0c6049}.guide-footer a{text-decoration:underline;text-underline-offset:3px}.guide-footer{flex-wrap:wrap}.guide-main .button{white-space:normal;text-align:center}.guide-body a{overflow-wrap:anywhere}@media(max-width:800px){.guide-main{padding-top:20px;padding-bottom:40px}.guide-heading h1{letter-spacing:-1px}.guide-heading>p{font-size:18px}.guide-body{font-size:16px}.guide-body h2{font-size:26px;margin-top:34px}.guide-grid,.guide-comparison{grid-template-columns:1fr}.guide-desktop{padding:22px}.guide-header nav{gap:14px}.guide-header nav a:last-child{display:none}.guide-header .brand{font-size:20px}.guide-example{padding:20px}.breadcrumbs{margin-bottom:26px}}@media(max-width:430px){.guide-header .brand-sub{font-size:10px}.guide-header nav{font-size:13px}.guide-header .mark{width:36px;height:36px;font-size:24px}.guide-header .brand{gap:8px}}