/* Dedicated product/community/signal depth sections; canonical header/footer untouched. */
.journey-depth{background:linear-gradient(145deg,#0c1a34,#090e1c);border-block:1px solid rgba(147,160,180,.2);padding:clamp(64px,7vw,104px) 0;color:#f2f5fa;font-family:'Bricolage Grotesque',sans-serif}
.journey-depth *{box-sizing:border-box}
.journey-wrap{width:min(calc(100% - 40px),1180px);margin:auto}
.journey-label,.journey-stage{font:700 12px/1.55 'JetBrains Mono',monospace;letter-spacing:.08em;color:#afc0ff}
.journey-depth h2{font:800 clamp(38px,4.7vw,65px)/1.08 'Bricolage Grotesque',sans-serif;letter-spacing:-.045em;margin:18px 0 0;max-width:980px}
.journey-depth h2 em{font:400 italic 1em/1.06 'Lora',serif;color:#afc0ff}
.journey-lead{font:clamp(18px,1.7vw,23px)/1.55 'Lora',serif;color:#c5d0e1;margin:24px 0 32px;max-width:850px}
.journey-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.journey-card{background:#111e38;border:1px solid rgba(175,192,255,.22);border-radius:9px;padding:27px;display:flex;flex-direction:column;gap:14px;min-width:0}
.journey-card h3{font:750 clamp(23px,2.2vw,30px)/1.18 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em;margin:0}
.journey-card p{font:16px/1.65 'Lora',serif;color:#c5d0e1;margin:0;flex:1}
.journey-card a,.journey-ribbon a{font:700 16px/1.45 'Bricolage Grotesque',sans-serif;color:#dce7ff;text-underline-offset:5px}
.journey-depth :is(a,summary):focus-visible{outline:3px solid #afc0ff;outline-offset:4px}
.journey-ribbon{margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:25px 28px;border-left:3px solid #3a67f0;background:#101d36}
.journey-ribbon strong{font:700 21px/1.25 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em}
.journey-ribbon p{font:16px/1.65 'Lora',serif;color:#c5d0e1;margin:9px 0 0}
.journey-ribbon a{white-space:normal}
.journey-footnote{font:14px/1.7 'Lora',serif;color:#abbdd6;margin:24px 0 0}
.journey-faq{margin-top:38px;display:grid;gap:10px}
.journey-faq h3{font:700 30px/1.2 'Bricolage Grotesque',sans-serif;margin:0 0 9px}
.journey-faq details{border:1px solid rgba(175,192,255,.22);padding:19px 22px;border-radius:8px;background:#0e1830}
.journey-faq summary{font:700 17px/1.5 'Bricolage Grotesque',sans-serif;cursor:pointer}
.journey-faq details p{font:16px/1.65 'Lora',serif;color:#c5d0e1;margin:13px 0 0;max-width:850px}
html[data-theme="light"] .journey-depth{background:#e9edf5;color:#172023}
html[data-theme="light"] .journey-depth :is(.journey-label,.journey-stage,h2 em){color:#214bc2}
html[data-theme="light"] .journey-depth :is(.journey-card,.journey-ribbon,.journey-faq details){background:#fff;border-color:rgba(28,37,38,.18)}
html[data-theme="light"] .journey-depth :is(.journey-card p,.journey-lead,.journey-ribbon p,.journey-faq details p,.journey-footnote){color:#45515d}
html[data-theme="light"] .journey-depth :is(.journey-card a,.journey-ribbon a){color:#214bc2}
@media(max-width:950px){.journey-cards{grid-template-columns:1fr}.journey-ribbon{grid-template-columns:1fr}}
@media(max-width:550px){.journey-depth{padding:58px 0}.journey-card{padding:22px}.journey-ribbon{padding:22px}}
@media(prefers-reduced-motion:reduce){.journey-depth *{animation:none!important;transition:none!important}}


/* Signals & Standing uses the same 1,180px content edge as its research sections. */
body.signal-page{--max:1228px;}
@media(max-width:650px){body.signal-page .sx-wrap{padding-inline:20px;}}
