.marketing .guide-main{max-width:1180px;margin:auto;padding:36px 28px 80px}
.guide-breadcrumb{display:flex;gap:12px;font-size:14px;color:#526d7b;margin-bottom:28px}
.guide-hero{max-width:900px;padding:12px 0 42px}
.marketing .guide-hero h1{font-size:clamp(32px,4.8vw,54px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 22px;max-width:920px}
.guide-hero .lead{max-width:760px;font-size:20px;line-height:1.65}
.guide-meta{font-size:13px;color:#526d7b;margin:20px 0}
.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:start}
.guide-toc{position:sticky;top:120px;border:1px solid #d2e2e8;background:#fff;border-radius:12px;padding:22px}
.marketing .guide-toc h2{font-size:16px;margin:0 0 14px}
.guide-toc nav{display:grid;gap:12px;font-size:14px;line-height:1.5}
.guide-toc a{display:block;color:#245361;text-decoration:none}
.guide-toc a:hover,.guide-next a:hover{text-decoration:underline;color:#007b91}
.guide-body{min-width:0;font-size:17px;line-height:1.8;color:#244350}
.guide-body>section{scroll-margin-top:130px;margin-bottom:44px}
.marketing .guide-body h2{font-size:28px;line-height:1.25;letter-spacing:-.02em;color:#173746;margin:0 0 18px}
.marketing .guide-body h3{font-size:21px;line-height:1.35;margin:0 0 12px}
.guide-body p{margin:0 0 18px}
.guide-body ul,.guide-body ol{padding-left:25px;margin:18px 0 24px}
.guide-body li{padding-left:6px;margin:0 0 14px}
.guide-body li::marker{color:#00869b;font-weight:700}
.guide-body a:not(.button):not(.outline){color:#006e83;text-decoration:underline;text-underline-offset:3px}
.guide-figure{margin:28px 0;padding:12px;background:#fff;border:1px solid #cfdee5;border-radius:14px}
.guide-figure img{display:block;width:100%;height:auto;border-radius:7px}
.guide-figure figcaption{padding:12px 4px 4px;color:#536c79;font-size:13px;line-height:1.6}
.guide-figure-narrow{max-width:470px}
.guide-body details{background:#fff;border:1px solid #d2e2e8;border-radius:10px;margin-bottom:12px;padding:16px 20px}
.guide-body summary{cursor:pointer;font-weight:700;line-height:1.5;color:#173746;min-height:28px}
.guide-body details p{margin:14px 0 0}
.guide-access,.guide-next{background:#eaf8fb;border:1px solid #b9e0e9;border-radius:14px;padding:26px;margin:24px 0}
.guide-access[data-access-state="upgrade"]{border-left:5px solid #00899f}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.guide-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.guide-next nav{display:grid;gap:10px;margin:15px 0 24px}
.guide-text-card{border-top:4px solid #00a6bd;display:flex;flex-direction:column;gap:8px}
.guide-text-card .guide-read{margin-top:auto;padding-top:12px}
.guide-main a:focus-visible,.guide-body summary:focus-visible{outline:3px solid #00b9d5;outline-offset:4px}
@media(max-width:850px){.guide-layout{grid-template-columns:1fr;gap:30px}.guide-toc{position:static}.guide-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}}
@media(max-width:520px){.marketing .guide-main{padding:24px 18px 48px}.guide-hero{padding-bottom:28px}.guide-hero .lead{font-size:18px}.guide-toc nav{grid-template-columns:1fr}.guide-body{font-size:16px}.marketing .guide-body h2{font-size:25px}.guide-access,.guide-next{padding:20px}.guide-actions{flex-direction:column}.guide-figure{margin:24px 0;padding:7px}.guide-body>section{margin-bottom:34px}.guide-body details{padding:14px 16px}}

.marketing .guide-screenshot-card>img{object-fit:contain;object-position:center;background:#eaf4f7;padding:12px;border-bottom:1px solid #dbe6eb}