.guide-page{color:#18231e;background:#f4f6f4;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.guide-header{justify-content:space-between;align-items:center;max-width:1160px;margin:auto;padding:28px 24px;display:flex}.guide-brand img{width:170px;height:auto;display:block}.guide-header nav{gap:22px;display:flex}.guide-header nav a{color:#47554e;font-size:.86rem;font-weight:700;text-decoration:none}.guide-hero h1{max-width:850px;margin:14px 0;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.04}.guide-hero span{color:#aebbb4;font-size:.82rem;display:block}.guide-hero>p:not(:first-child){color:#d8e2dc;max-width:720px;margin:24px 0;line-height:1.75}.guide-hero a,.guide-body aside a{color:#092318;background:#51b287;border-radius:8px;padding:12px 17px;font-weight:800;text-decoration:none;display:inline-flex}.guide-body{max-width:900px;margin:auto;padding:60px 24px 80px}.guide-body section{border-bottom:1px solid #dce2de;grid-template-columns:240px minmax(0,1fr);column-gap:44px;padding:32px 0;display:grid}.guide-body h2{grid-row:1/span 5;margin:0;font-size:1.35rem;line-height:1.2}.guide-body p,.guide-body ul{color:#46564e;grid-column:2;margin:0 0 16px;line-height:1.8}.guide-body li+li{margin-top:9px}.guide-table-wrap,.guide-code-list{grid-column:2;min-width:0;margin:4px 0 18px}.guide-table-wrap{background:#fff;border:1px solid #ccd8d1;border-radius:10px;overflow-x:auto}.guide-table-wrap table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.55}.guide-table-wrap th,.guide-table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid #e0e6e2;padding:13px 15px}.guide-table-wrap tr:last-child td{border-bottom:0}.guide-code-list{gap:10px;display:grid}.guide-code-list pre{color:#d9eee4;background:#17251f;border-radius:9px;margin:0;padding:14px 16px;font-size:.88rem;overflow-x:auto}.guide-sources>div{grid-column:2}.guide-sources>div>p,.guide-sources>div>ul{grid-column:auto}.guide-sources a{color:#0b6d47;font-weight:700}.guide-body aside{background:#e3ece7;border-radius:15px;margin-top:46px;padding:34px}.guide-body aside h2{margin:0 0 10px}.guide-body aside p{color:#46564e;max-width:650px;line-height:1.7}.guide-actions{flex-wrap:wrap;gap:10px;display:flex}.guide-actions a.secondary{color:#234536;background:0 0;border:1px solid #7eaa96}.guide-related{border-top:1px solid #cdd8d1;margin-top:44px;padding-top:34px}.guide-related h2{margin:0 0 20px;font-size:1.25rem}.guide-related div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.guide-related a{color:#234536;background:#fff;border:1px solid #ccd8d1;border-radius:10px;padding:16px 18px;font-weight:750;line-height:1.4;text-decoration:none}.guide-related a:hover{color:#0b6d47;border-color:#51b287}.guide-page>footer{color:#aebbb4;background:#111b17;justify-content:space-between;gap:20px;padding:28px max(24px,50vw - 580px);font-size:.8rem;display:flex}.guide-page>footer a{color:#d7e8df}@media (width<=720px){.guide-hero{padding-top:52px;padding-bottom:52px}.guide-body section{display:block}.guide-body h2{margin-bottom:18px}.guide-body p,.guide-body ul{margin-bottom:16px}.guide-table-wrap,.guide-code-list{margin-bottom:18px}.guide-related div{grid-template-columns:1fr}.guide-page>footer{flex-direction:column}}.guide-page{color:#0b2b47;background:#f9fcfd;font-family:Segoe UI,Arial,Helvetica,sans-serif}.guide-page>article{border-top:1px solid #083c6224}.guide-hero{color:#f2f9fc;background:#083c62;padding:52px max(24px,50vw - 500px) 46px}.guide-hero>p:first-child{color:#8fd9e6;letter-spacing:.04em;font-size:13px;font-weight:600}.guide-hero h1{letter-spacing:-.02em;max-width:820px;margin:12px 0;font-size:clamp(28px,4.4vw,44px);font-weight:600;line-height:1.14}.guide-hero span{color:#a9c6d6;font-size:13px}.guide-hero>p:not(:first-child){color:#d3e4ec;max-width:700px;margin:18px 0;font-size:16px;line-height:1.7}.guide-hero a,.guide-body aside a{color:#fff;background:#0ca4bb;border:1px solid #0891a6;border-radius:10px;padding:11px 17px;font-weight:600}.guide-hero a:hover,.guide-body aside a:hover{background:#0891a6}.guide-body{max-width:1040px;padding:48px 24px 72px}.guide-body section{border-bottom:1px solid #083c6224;column-gap:36px}.guide-body h2{color:#0b2b47;font-size:1.25rem;font-weight:600}.guide-body p,.guide-body ul{color:#4a6175;font-size:15.5px;line-height:1.75}.guide-table-wrap{border-color:#083c6224;border-radius:12px}.guide-table-wrap th,.guide-table-wrap td{border-bottom-color:#083c621a}.guide-table-wrap th{color:#083c62;letter-spacing:.02em;background:#eef5f8;font-size:.8rem}.guide-code-list pre{color:#d7f0f5;background:#0b2b47;border-radius:12px}.guide-sources a{color:#0891a6}.guide-body aside{background:#eef5f8;border:1px solid #083c6224;border-radius:16px}.guide-body aside p{color:#4a6175}.guide-actions a.secondary{color:#0b2b47;background:#fff;border-color:#083c622e}.guide-related{border-top-color:#083c6224}.guide-related h2{font-weight:600}.guide-related a{color:#0b2b47;background:#fff;border-color:#083c6224;border-radius:14px;font-weight:600;transition:border-color .18s,box-shadow .18s}.guide-related a:hover{color:#0891a6;border-color:#0ca5bc73;box-shadow:0 12px 28px #083c6212}.guide-page>footer{color:#4a6175;background:#f9fcfd;border-top:1px solid #083c6224;font-size:13px}.guide-page>footer a{color:#0891a6;font-weight:600}@media (width<=720px){.guide-hero{padding-top:40px;padding-bottom:34px}.guide-body{padding:36px 20px 56px}}