/* Website-only guide branding. Existing content, embeds, routes and unlock logic stay in their templates. */
:root,:root[data-theme="light"],:root[data-theme="dark"]{
 color-scheme:light;--ivory:#f5f6f8;--paper:#fff;--ivory-deep:#edf0f4;--ivory-sink:#e3e7ed;
 --ink:#17191d;--ink-soft:#4e5968;--ink-faint:#586575;--accent:#0866d9;--accent-deep:#0051b5;--accent-soft:#edf4ff;--on-accent:#fff;
 --spark:#0866d9;--spark-deep:#0051b5;--hl:#dceaff;--hairline:#dce1e8;--hairline-strong:#bac4d1;
 --band-ink-fill:#08090b;--band-ink-ink:#fff;--band-ink-soft:#bdc6d2;--band-ink-card:#202630;--caution-bg:#edf4ff;--caution-edge:#0866d9;--sh:23,25,29;
 --guide-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.guide-brand{font-family:var(--guide-font);background:var(--ivory);color:var(--ink);line-height:1.65}
.guide-brand :is(h1,h2,h3,h4,.brand,.script,.kw,.lp-eyebrow,.lp-card,.btn,.btn-solid,.pbtn,.copy,.chip,input,button,textarea){font-family:var(--guide-font)}
.guide-brand :is(h1,h2,h3){text-wrap:initial;letter-spacing:-.035em;line-height:1.16}
.guide-brand h1{font-size:clamp(34px,4.6vw,56px)}
.guide-brand :is(a,button,input,summary,textarea):focus-visible{outline:3px solid #0866d9;outline-offset:4px}
.guide-brand :is(.nav,.top),.guide-brand>header:not(.nav){background:#08090b;color:#fff;max-width:none;margin:0;border-bottom:1px solid #252b34;backdrop-filter:none}
.guide-brand .top,.guide-brand>header:not(.nav){padding:22px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;gap:20px;justify-content:space-between}
.guide-brand .nav-in{max-width:1240px;padding:22px 32px}
.guide-brand .brand{font-size:28px;font-weight:750;gap:12px;color:#fff;white-space:nowrap}
.guide-brand .brand-lt{color:inherit}
.guide-brand .brand :is(svg,.brand-mark){width:40px;height:40px;flex-shrink:0}
.guide-brand :is(.brand,.foot-brand) svg :is(path,rect)[fill]:not([fill="none"]){fill:#0866d9}
.guide-brand :is(.brand,.foot-brand) svg [stroke]{stroke:#fff}
.guide-brand :is(.nav-links>a,.has-drop>a,.nav-social a,.nav-burger),.guide-brand header .back-link{color:#fff}
.guide-brand main .back-link{color:#0051b5}
.guide-brand .nav-links a:not(.btn){color:#e0e5ec}
.guide-brand .nav-links a:not(.btn):hover{color:#8bc2ff}
.guide-brand .nav-links .drop{background:#fff;border-radius:12px;border-color:#dce1e8;box-shadow:0 12px 30px #0002}
.guide-brand .nav-links .drop :is(a,.di-t){color:#17191d}
.guide-brand .nav-links .drop .di-s{color:#4e5968}
.guide-brand .nav-links .drop a:hover{background:#edf4ff;color:#0051b5}
.guide-brand .nav-links a,.guide-brand .nav-burger{min-height:44px;display:inline-flex;align-items:center}
.guide-brand .nav-burger{display:none;min-width:44px;justify-content:center}
.guide-brand .nav-social a{border-color:#657184;min-width:44px;min-height:44px}
.guide-brand :is(.nav,.top)>a:focus-visible,.guide-brand header :is(a,button):focus-visible{outline-color:#8bc2ff}
.guide-brand .nav-links .drop a{display:block}
.guide-brand :is(.btn,.btn-solid,.pbtn){border-radius:9px;background:#0866d9;color:#fff;border:0;box-shadow:none;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-weight:650;white-space:normal;text-align:center;line-height:1.4;max-width:100%}
.guide-brand :is(.btn,.btn-solid,.pbtn):hover{background:#0051b5;color:#fff;transform:none}
.guide-brand :is(.btn.hide,.pbtn.hide){display:none}
.guide-brand :is(.lib-head,.ghead){background:#f5f6f8;border-bottom:1px solid #dce1e8}
.guide-brand :is(.ghead h1,.ghead .lead,.ghead .byline,.ghead .who,.ghead .crumb){color:#17191d}
.guide-brand :is(.lib-head .lede,.ghead .promise,.ghead .who span){color:#4e5968}
.guide-brand :is(.libwrap,.lib-head>.wrap,.ghead>.wrap,.gbody>.wrap){max-width:1120px}
.guide-brand :is(.gbody,.filters){background:#fff}
.guide-brand .article{max-width:800px;margin-inline:auto}
.guide-brand .article :is(p,li){line-height:1.75}
.guide-brand .prompt code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.guide-brand .prompt-label{font-family:var(--guide-font)}
.guide-brand :is(.card,.gcard,.signup,.lp-card){background:#fff;border:1px solid #dce1e8;border-radius:12px;box-shadow:none}
.guide-brand :is(.card,.gcard){padding:24px;transform:none}
.guide-brand :is(.card,.gcard):hover{border-color:#0866d9;box-shadow:0 6px 20px #17263c0a;transform:none}
.guide-brand :is(.gcard.feat,.card:first-child){border-left:3px solid #0866d9}
.guide-brand :is(.chip,.copy){min-height:44px;border-radius:8px;box-shadow:none}
.guide-brand .chip.on{background:#0866d9;color:#fff;border-color:#0866d9}
.guide-brand .gtag.star{background:#0866d9;color:#fff}
.guide-brand .lp{background:#f5f6f8;color:#17191d}
.guide-brand .lp-in{max-width:1120px;padding-top:48px;padding-bottom:48px;gap:48px}
.guide-brand .lp :is(h1,.lp-list li b){color:#17191d}
.guide-brand .lp :is(.lp-hook,.lp-list li){color:#4e5968}
.guide-brand .lp-list li{border-color:#dce1e8;line-height:1.65}
.guide-brand .lp :is(.lp-crumb,.lp-eyebrow,.lp-list .lk){color:#0051b5}
.guide-brand .lp-crumb:hover{color:#0866d9;text-decoration:underline}
.guide-brand .lp-card{padding:26px;margin-top:0;color:#17191d}
.guide-brand .lp-card h2{color:#17191d;font-size:23px}
.guide-brand .lp-card :is(.cp,.fine){color:#4e5968;font-size:14px;line-height:1.65}
.guide-brand .lp-card .thumb img{border-color:#dce1e8;box-shadow:none}
.guide-brand .signup .fine{color:#4e5968;font-size:13px;line-height:1.7}
.guide-brand :is(.nextstep,.promo,.briefingstrip){background:#08090b;color:#fff}
.guide-brand :is(.nextstep,.promo,.briefingstrip) :is(h2,p,.k,.pk,.pt,.pd,.pfine,.hl){color:#e0e5ec}
.guide-brand .footer{background:#08090b;color:#bdc6d2}
.guide-brand .footer :is(a,.foot-brand){color:#fff}
.guide-brand .tick{background:#0866d9;border-radius:12px}
.guide-brand .tick svg{stroke:#fff}
.guide-brand .formkit-form,.guide-brand .formkit-form *{font-family:var(--guide-font)!important}
.guide-brand.guide-brand .formkit-form .formkit-input{background:#fff!important;color:#17191d!important;border:1px solid #a5b2c2!important;border-radius:8px!important;min-height:48px!important;font-size:16px!important;box-shadow:none!important}
.guide-brand.guide-brand .formkit-form .formkit-input::placeholder{color:#586575!important;opacity:1!important}
.guide-brand.guide-brand .formkit-form .formkit-submit{background:#0866d9!important;color:#fff!important;border-radius:9px!important;min-height:48px!important;font-size:16px!important;box-shadow:none!important}
.guide-brand.guide-brand .formkit-form .formkit-submit:hover{background:#0051b5!important}
.guide-brand.guide-brand .formkit-form :is(input,button):focus-visible{outline:3px solid #0866d9!important;outline-offset:3px!important}
.guide-brand.guide-brand .formkit-form .formkit-alert-error{color:#b3261e!important}
.guide-brand :is(.nextstep,.promo,.briefingstrip) .formkit-form .formkit-alert-error{color:#ffb4ab!important}
@media(max-width:980px){
 .guide-brand .nav-burger{display:inline-flex}
 .guide-brand .nav-links.open{background:#08090b;border-color:#252b34;max-height:calc(100dvh - 90px);overflow-y:auto}
 .guide-brand .nav-links .has-drop>a{width:100%}
 .guide-brand .nav-links.open .drop{background:#15191f;border-color:#3a4350}
 .guide-brand .nav-links.open .drop :is(a,.di-t){color:#fff}
 .guide-brand .nav-links.open .drop .di-s{color:#bdc6d2}
 .guide-brand .nav-links.open .drop a:hover{background:#22344c}
}
@media(max-width:760px){
 .guide-brand{--gutter:24px}
 .guide-brand .nav-in,.guide-brand .top,.guide-brand>header:not(.nav){padding:18px 24px}
 .guide-brand .brand{font-size:25px;gap:9px}
 .guide-brand .brand :is(svg,.brand-mark){width:34px;height:34px}
 .guide-brand h1{font-size:clamp(32px,8vw,42px)}
 .guide-brand .lp-in{padding-top:30px;padding-bottom:32px;gap:28px}
 .guide-brand .lp-card{padding:22px}
 .guide-brand :is(.card,.gcard){padding:22px}
 .guide-brand :is(.btn,.btn-solid,.pbtn){padding:13px 20px}
 .guide-brand .brand,.guide-brand .nav-cta-group{flex-shrink:0}
}
@media(max-width:360px){.guide-brand{--gutter:20px}.guide-brand .nav-in,.guide-brand .top,.guide-brand>header:not(.nav){padding-inline:20px}.guide-brand .nav-in{gap:10px}.guide-brand .brand{font-size:23px}.guide-brand .nav-social{display:none}}
@media(prefers-reduced-motion:reduce){.guide-brand *{transition:none!important;animation:none!important}}