.guide-promo{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-top:56px;padding-bottom:56px;border-top:1px solid #c6d4b8}.guide-promo h2{font-size:clamp(25px,3.2vw,42px);line-height:1.2;margin:15px 0}.guide-promo p{max-width:590px;color:#59716b;font-size:15px;line-height:1.8}.guide-promo .button{flex:none}
.guide-page{background:#fafbf5;color:#102f29}.guide-page *{scroll-margin-top:28px}.guide-page .section-shell{max-width:1280px;margin-inline:auto}.guide-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px;border-bottom:1px solid #d9e1d1}.guide-header .brand,.guide-footer .brand{display:inline-flex;align-items:center;gap:10px}.guide-brand-icon{display:block;flex:none}.guide-header nav{display:flex;gap:25px;align-items:center;font-size:13px}.guide-header .button{font-size:12px;padding:13px 19px}.guide-hero{padding-block:35px 75px}.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#65776e;font-size:12px;margin-bottom:48px}.guide-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);align-items:center;gap:64px}.guide-page h1{font-size:clamp(36px,4.4vw,60px);line-height:1.12;letter-spacing:-2px;margin:23px 0}.guide-page h1 em{font-family:Georgia,serif;font-weight:400;color:#3f6a54}.guide-lead{font-size:17px;line-height:1.85;color:#506c61;max-width:660px}.guide-byline{font-size:12px;color:#6d8176;margin:23px 0}.guide-page .text-link{font-size:13px}.guide-example-visual{margin:0;padding:30px;background:#e9eedf;border:1px solid #d3ddc7;border-radius:24px;box-shadow:12px 15px 0 #d8f36a66;transform:rotate(1deg)}.guide-message{padding:20px;margin-top:24px;border-radius:14px;background:#fff}.guide-message.assistant{background:#102f29;color:#f8fbed;margin-left:18px}.guide-message small,.guide-knowledge small{font-size:9px;letter-spacing:.1em;opacity:.75}.guide-message p{font-size:14px;line-height:1.8;margin:8px 0 0}.guide-knowledge{display:flex;gap:12px;align-items:flex-start;padding:20px 10px 0;color:#4c6656}.guide-knowledge>span{font-size:26px}.guide-knowledge p{font-size:12px;line-height:1.7;margin:7px 0}.guide-example-visual figcaption{font-size:10px;color:#657a66;line-height:1.7;margin-top:20px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,780px);gap:64px;align-items:start;padding-bottom:90px}.guide-toc{position:sticky;top:30px}.guide-toc nav{display:flex;flex-direction:column;gap:0;padding:24px 0;border-top:1px solid #bfcdb6}.guide-toc .eyebrow{margin-bottom:20px}.guide-toc a{display:block;padding:12px 0;color:#48634f;font-size:13px;line-height:1.5;border-bottom:1px solid #e1e7d9}.guide-toc a:hover{color:#102f29;text-decoration:underline;text-underline-offset:4px}.guide-article{min-width:0}.guide-article section{padding:38px 0;border-top:1px solid #d4deca}.guide-article h2{font-size:clamp(27px,3vw,37px);line-height:1.23;letter-spacing:-.8px;margin:16px 0 22px}.guide-article h3{font-size:20px;line-height:1.45;margin:9px 0}.guide-article p,.guide-article li{font-size:16px;line-height:1.95;color:#3f594b}.guide-article p{margin:15px 0}.guide-article ul,.guide-article ol{padding-left:23px;margin:22px 0}.guide-article li{padding-left:6px;margin:12px 0}.guide-note{background:#edf2e4;border-left:4px solid #6e924e;padding:22px 25px;border-radius:0 10px 10px 0;margin:28px 0}.guide-note p{font-size:14px;margin-bottom:0}.guide-note strong{font-size:15px}.guide-faq-example{padding:23px 26px;border:1px solid #d5dfca;border-radius:14px;background:#fff;margin:17px 0}.guide-faq-example>span{font-size:9px;letter-spacing:.15em;color:#6d8659}.guide-faq-example p{margin-bottom:0;font-size:15px}.guide-steps li::marker{font-weight:650;color:#2e603f}.guide-steps p{margin-top:5px}.guide-table-wrap{overflow-x:auto;margin-block:25px;border:1px solid #d5dfca;border-radius:12px}.guide-table-wrap table{width:100%;border-collapse:collapse;text-align:left;background:#fff}.guide-table-wrap caption{text-align:left;background:#edf2e4;padding:15px 18px;font-weight:600;font-size:13px}.guide-table-wrap th,.guide-table-wrap td{font-size:13px;line-height:1.8;padding:17px 18px;vertical-align:top;border-top:1px solid #e0e7d8;min-width:190px}.guide-table-wrap th{background:#f1f5e8}.guide-checklist li::marker{color:#527c3e}.guide-article .guide-cta{background:#102f29;padding:34px;border-radius:18px;margin-top:32px}.guide-cta .eyebrow{color:#c4dc8f}.guide-article .guide-cta h2,.guide-article .guide-cta p{color:#f0f5e7}.guide-cta-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:25px}.guide-cta-actions>a:last-child{color:#d8f36a;font-size:13px}.guide-cta-actions .button{color:#102f29;font-size:13px}.guide-footer{border-top:1px solid #d0dcca;padding-block:35px 45px}.guide-footer>p{font-size:13px;color:#657b6a;margin:15px 0}.guide-footer>div{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;margin:22px 0}.guide-footer>small{font-size:10px;color:#657b6a}.guide-footer .guide-privacy{font-size:10px;line-height:1.7}.guide-page a:focus-visible{outline:3px solid #769c40;outline-offset:5px;border-radius:3px}
@media(max-width:1000px){.guide-hero-grid{gap:35px}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.guide-page h1{letter-spacing:-1.4px}.guide-example-visual{padding:23px}}@media(max-width:740px){.guide-promo{flex-direction:column;align-items:flex-start;gap:22px}.guide-hero-grid{grid-template-columns:1fr;gap:35px}.guide-layout{display:block}.guide-toc{position:static;margin-bottom:20px}.guide-toc nav{background:#edf2e4;border-radius:12px;padding:22px}.guide-hero{padding-bottom:45px}.guide-breadcrumb{margin-bottom:30px}.guide-example-visual{max-width:440px;margin-inline:auto;transform:none}.guide-page h1{font-size:clamp(34px,8vw,48px)}.guide-header nav{gap:14px}.guide-header nav>a:not(.button){display:none}.guide-article section{padding-block:30px}.guide-article .guide-cta{padding:26px}.guide-lead{font-size:16px}.guide-article p,.guide-article li{font-size:15px}.guide-footer>div{gap:18px}}@media(prefers-reduced-motion:reduce){.guide-page *{scroll-behavior:auto!important}}

@media(max-width:740px){.guide-header{gap:12px}.guide-header .brand-word{font-size:20px}.guide-header .guide-brand-icon{width:30px;height:30px}.guide-header .button{font-size:11px;padding:12px 14px;gap:8px;white-space:nowrap}}
