.guide{--guide-space:16px;width:calc(100% - 40px);max-width:850px;padding:48px 0 80px;overflow-wrap:anywhere;font-size:18px;line-height:1.75}
.guide article{min-width:0}.guide p{margin:16px 0}.guide section{margin-top:48px}.guide h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:0 0 24px}.guide .guide-meta,.guide .guide-sources,.guide figcaption{font-size:14px;line-height:1.6;color:#a9b1b7}.guide .lede{max-width:72ch}.guide code{font:0.9em/1.6 ui-monospace,Consolas,monospace;white-space:normal}.guide ul{padding-left:24px}.guide li{margin:16px 0}.guide-chain{margin:24px 0;padding:24px;background:#12171b;border:1px solid #2b3339;border-radius:12px}.guide-chain ol{list-style:none;padding:0;margin:0}.guide-chain li{margin:0}.guide-chain li+li{margin-top:24px}.guide-chain code{display:block;font-weight:650;color:#a6dfe7}.guide-chain span{display:block;color:#a9b1b7;font-size:14px}.guide-chain li:not(:last-child)::after{content:'↓';display:block;color:#a9b1b7;margin-top:8px}.guide-chain figcaption{margin-top:24px}.guide-note,.guide-prompt{margin:24px 0;padding:24px;background:#12171b;border-left:3px solid #85d5df}.guide-note p{margin-bottom:0}.guide-prompt{font-size:16px;line-height:1.75}.guide-actions{margin:24px 0}.guide-actions a{display:inline-block;min-height:44px;padding:12px 20px}.guide a.landing-cta{text-decoration:none}.guide-evidence{border-top:1px solid #2b3339;padding-top:32px}
@media(min-width:700px){.guide-chain ol{display:flex;align-items:flex-start;gap:24px}.guide-chain li{flex:1;min-width:0}.guide-chain li+li{margin-top:0}.guide-chain li:not(:last-child)::after{content:'→'}}
@media(max-width:620px){.guide{font-size:16px;padding-top:32px}.guide h2{font-size:24px}.guide-actions a{display:block;text-align:center}.guide-chain,.guide-note,.guide-prompt{padding:16px}.guide section{margin-top:32px}}

.guide pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#12171b;border:1px solid #2b3339;border-radius:8px}.guide blockquote{margin-inline:0;padding:16px 24px;border-left:3px solid #85d5df}.guide pre code{white-space:pre-wrap}
:root[data-theme="light"] .guide :is(pre,.guide-chain,.guide-note,.guide-prompt){background:var(--bg-panel);color:var(--text-main);border-color:var(--border-strong)}
:root[data-theme="light"] .guide :is(.guide-meta,.guide-sources,figcaption,.guide-chain span){color:var(--text-soft)}
:root[data-theme="light"] .guide .guide-chain code{color:var(--text-main)}

/* Guide library and example callouts: scoped classes, so existing guides render unchanged. */
.guide.guide-library{max-width:980px}
.guide .guide-kicker{margin:0 0 12px;color:#ff7d63;font:500 12px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.guide-feature,.guide-example{position:relative;text-decoration:none;transition:border-color .2s,transform .25s cubic-bezier(.2,.75,.2,1)}
.guide-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.75fr);align-items:center;gap:32px;margin:40px 0 48px;padding:clamp(24px,4vw,40px);overflow:hidden;border:1px solid #373e46;border-radius:20px;background:radial-gradient(60% 90% at 100% 0%,#eb6d5626,transparent 70%),linear-gradient(180deg,#14171b,#0e1013);color:#f3f0ea}
.guide-feature:hover{border-color:#eb6d56;transform:translateY(-2px)}
.guide-feature-copy{display:grid;gap:10px}
.guide-feature small,.guide-example small{color:#ff7d63;font:600 11.5px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.guide .guide-feature-copy strong{color:#f3f0ea;font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.03em;text-wrap:balance}
.guide-feature-copy>span{color:#cfc9c0;font-size:16px;line-height:1.6}
.guide-feature em{margin-top:6px;color:#7fd3dd;font-size:15px;font-style:normal;font-weight:650}
.guide-feature-art{display:grid;gap:12px}
.guide-feature-art i{display:grid;width:min(100%,210px);padding:0 12px 10px;overflow:hidden;border:1px solid #373e46;border-radius:10px;background:#14171b;box-shadow:0 12px 24px -16px #000;color:#f3f0ea;font:normal 650 14px/1.3 Story Inter,Arial,sans-serif}
.guide-feature-art b{margin:0 -12px 8px;padding:6px 12px;background:#3b2920;color:#f6dbca;font:600 10px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.guide-feature-art i:nth-child(2){margin-left:24px}.guide-feature-art i:nth-child(3){margin-left:48px}
.guide-feature-art i.is-on{border-color:#f0b35b;box-shadow:0 0 0 1px #f0b35b,0 0 0 5px #f0b35b24}
.guide-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.guide-list>li{margin:0}
.guide-list section{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 16px;margin:0;padding:24px 56px 24px 24px;border:1px solid #2a2e33;border-radius:16px;background:#131518;transition:border-color .2s}
.guide-list section:hover{border-color:#5d6670}
.guide-list section::after{content:"→";position:absolute;top:22px;right:24px;color:#a7adb4}
.guide-num{color:#ff7d63;font:600 13px/2.1 ui-monospace,Consolas,monospace}
.guide-list h2{margin:0 0 6px;font-size:22px}
.guide-list p{margin:0;color:#cfc9c0;font-size:16px;line-height:1.6}
.guide-list p+p{margin-top:10px}
.guide-list a::after{content:"";position:absolute;inset:0;border-radius:16px}
.guide-example{display:grid;gap:4px;margin:24px 0 0;padding:18px 52px 18px 20px;border:1px solid #373e46;border-left:3px solid #eb6d56;border-radius:12px;background:#131518}
.guide-example::after{content:"→";position:absolute;top:18px;right:20px;color:#a7adb4}
.guide-example:hover{border-color:#5d6670 #5d6670 #5d6670 #eb6d56}
.guide .guide-example strong{color:#f3f0ea;font-size:18px;line-height:1.35}
.guide-example span{color:#cfc9c0;font-size:15px;line-height:1.55}
:root[data-theme="light"] .guide .guide-kicker,:root[data-theme="light"] .guide-num,:root[data-theme="light"] .guide-example small{color:#a83e2b}
:root[data-theme="light"] .guide :is(.guide-list section,.guide-example){background:#fff;border-color:#d4d8dd}
:root[data-theme="light"] .guide .guide-example{border-left-color:#eb6d56}
:root[data-theme="light"] .guide :is(.guide-list section:hover,.guide-example:hover){border-color:#64727f}
:root[data-theme="light"] .guide :is(.guide-list p,.guide-example span){color:#374350}
:root[data-theme="light"] .story-site .guide .guide-example strong{color:#18212b}
:root[data-theme="light"] .story-site .guide .guide-feature .guide-feature-copy strong{color:#f3f0ea}
@media(max-width:700px){.guide-feature{grid-template-columns:minmax(0,1fr);gap:24px;margin:32px 0 40px}.guide-list section{grid-template-columns:minmax(0,1fr);padding:20px 48px 20px 20px}.guide-list section::after{top:18px;right:20px}}
@media(max-width:560px){.guide-feature-art{display:none}}
@media(prefers-reduced-motion:reduce){.guide-feature,.guide-example,.guide-list section{transition:none}.guide-feature:hover{transform:none}}