/* Alex: one quiet companion across the complete knowledge experience. */
:root{--guide-width:390px}
.guide-ribbon{background:#d7d7d7;border-top:1px solid #bebebe;border-bottom:1px solid #b8b8b8;color:#252525}
.guide-ribbon-inner{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:28px;align-items:center;padding:24px 0}
.guide-ribbon-portrait{position:relative;align-self:stretch;min-height:116px;background:#b5b5b5;overflow:hidden}
.guide-ribbon-portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 42%}
.guide-ribbon-portrait>span{position:absolute;bottom:7px;left:9px;font-size:16px;line-height:1.1;letter-spacing:-.05em;color:#fff}
.guide-eyebrow{font-size:10px;font-weight:500;letter-spacing:.015em;line-height:1.6}
.guide-ribbon-copy .guide-eyebrow{color:#626262;margin-bottom:6px}
.guide-ribbon-copy h2{font-size:26px;line-height:1.2;letter-spacing:-.035em}
.guide-ribbon-copy h2 br{display:none}
.guide-ribbon-copy>p:last-child{font-size:12px;line-height:1.8;color:#5a5a5a;margin-top:7px;max-width:535px}
.guide-ribbon-button{display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:51px;background:#292929;color:#f4f4f4;padding:14px 20px;font-size:12px;border:1px solid #292929;transition:background .2s}
.guide-ribbon-button:hover{background:#444}
.guide-ribbon svg,.guide-panel svg,.guide-launcher svg{display:block;width:20px;height:20px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}
.guide-launcher{position:fixed;bottom:22px;right:24px;z-index:115}
.guide-launcher>button{display:flex;gap:12px;align-items:center;text-align:left;padding:7px 16px 7px 7px;background:#242424;color:#f1f1f1;box-shadow:0 7px 24px #0002;border:1px solid #5a5a5a;border-radius:5px;min-height:59px}
.guide-launcher>button:hover{background:#3d3d3d}
.guide-launcher img{object-fit:cover;border-radius:2px}
.guide-launcher button>span{font-size:12px;font-weight:500;line-height:1.7;letter-spacing:-.01em}
.guide-launcher small{display:block;font-size:9px;font-weight:400;color:#bfbfbf;line-height:1.5}
.guide-launcher svg{width:15px;height:15px;margin-left:13px}
.guide-open .guide-launcher{display:none}
.guide-panel{position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:var(--guide-width);max-width:none;height:100dvh;max-height:100dvh;overflow:hidden;border:0;border-left:1px solid #b9b9b9;background:#ededed;color:#282828;font:400 14px/1.65 var(--font);box-shadow:-7px 0 28px #0000000c;z-index:130}
.guide-panel[open]{display:flex;flex-direction:column}
.guide-panel::backdrop{background:#17171770;backdrop-filter:blur(2px)}
.guide-panel-top{display:flex;align-items:center;justify-content:space-between;padding:14px 21px 9px;flex-shrink:0}
.guide-panel-top>span{font-size:10px;color:#656565;letter-spacing:.025em}
.guide-panel-top>button{width:35px;height:35px;border:1px solid #b8b8b8;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e4e4e4}
.guide-panel-top>button:hover{background:#d4d4d4}
.guide-panel-top svg{width:16px;height:16px}
.guide-person{display:grid;grid-template-columns:107px minmax(0,1fr);gap:21px;padding:7px 23px 22px;align-items:center;flex-shrink:0}
.guide-person-photo{height:119px;position:relative;background:#bcbcbc;overflow:hidden}
.guide-person-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.guide-person .guide-eyebrow{color:#6b6b6b;font-size:9px;line-height:1.7}
.guide-person h2{font-size:45px;line-height:1.13;letter-spacing:-.06em;font-weight:500;margin:3px 0 8px}
.guide-person h2>span{color:#949494}
.guide-person #guide-intro-copy{font-size:12px;line-height:1.65;color:#565656;letter-spacing:-.01em}
.guide-wave{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);height:22px;padding:5px 8px;background:#222c;border-radius:2px;display:flex;gap:3px;align-items:center}
.guide-wave i{width:2px;height:3px;background:#f0f0f0;display:block;transition:height .2s}
.guide-wave i:nth-child(2),.guide-wave i:nth-child(6){height:5px}
.guide-wave i:nth-child(3),.guide-wave i:nth-child(5){height:8px}
.guide-wave i:nth-child(4){height:12px}
[data-guide-speaking][data-state=playing] .guide-wave i{animation:guide-speak .8s ease-in-out infinite alternate}
[data-guide-speaking][data-state=playing] .guide-wave i:nth-child(even){animation-delay:-.5s}
[data-guide-speaking][data-state=playing] .guide-wave i:nth-child(3n){animation-delay:-.25s}
.guide-mode{display:grid;grid-template-columns:1fr 1fr;margin:0 23px 17px;border:1px solid #b9b9b9;flex-shrink:0}
.guide-mode>button{padding:11px 5px;font-size:10px;line-height:1.6;font-weight:500;background:#e0e0e0;border:1px solid transparent}
.guide-mode>button+button{border-left-color:#b9b9b9}
.guide-mode>button[aria-pressed=true]{background:#292929;color:#f4f4f4;border-color:#292929}
.guide-mode>button:hover:not([aria-pressed=true]){background:#d4d4d4}
.guide-reading{padding:0 23px 22px;flex:1;min-height:100px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aaa transparent}
.guide-section-meta{display:flex;justify-content:space-between;gap:20px;align-items:baseline;font-size:9px;line-height:1.6;color:#666;margin-bottom:8px}
.guide-section-meta>span{font-variant-numeric:tabular-nums;white-space:nowrap}
.guide-reading>select{width:100%;height:42px;font:400 11px/1.5 var(--font);background:#f7f7f7;border:1px solid #bcbcbc;color:#303030;padding:9px 28px 9px 11px;border-radius:0;text-overflow:ellipsis}
.guide-transcript-wrap{padding-top:23px}
.guide-transcript-label{font-size:9px;color:#727272;margin-bottom:10px;line-height:1.7}
.guide-transcript-wrap>h3{font-size:23px;letter-spacing:-.035em;line-height:1.3;font-weight:500;margin-bottom:17px;overflow-wrap:anywhere}
.guide-transcript p{font-size:14px;line-height:1.9;color:#555;transition:background .2s,color .2s}
.guide-transcript p+p{margin-top:15px}
.guide-transcript p.is-speaking{color:#161616;background:#d5d5d5;box-shadow:-7px 0 0 #777;padding:3px 0 3px 8px}
.guide-jump{display:flex;gap:13px;align-items:center;font-size:10px;line-height:1.7;margin-top:21px;padding:0 0 5px;border-bottom:1px solid #a7a7a7}
.guide-jump svg{width:13px;height:13px}
.guide-jump:hover{border-color:#252525}
.guide-player{flex-shrink:0;border-top:1px solid #bcbcbc;padding:17px 23px 17px;background:#dedede}
.guide-player-controls{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:10px;align-items:center}
.guide-play{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:9px 10px;background:#272727;color:#f8f8f8;border:1px solid #272727;font-size:11px;line-height:1.6;font-weight:500}
.guide-play:hover:not(:disabled){background:#484848}
.guide-play>svg{width:16px;height:16px}
.guide-play:disabled{background:#c9c9c9;color:#5b5b5b;border-color:#b5b5b5;cursor:not-allowed}
.guide-skip{height:42px;width:40px;display:flex;align-items:center;justify-content:center;border:1px solid #aaa}
.guide-skip svg{width:17px;height:17px}
.guide-skip:hover:not(:disabled){background:#c4c4c4}
.guide-skip:disabled{opacity:.3;cursor:default}
.guide-settings{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:11px;font-size:10px;line-height:1.5}
.guide-settings>button{padding:5px 0;text-decoration:underline;text-underline-offset:3px;color:#515151}
.guide-settings>button:disabled{opacity:.4;text-decoration:none;cursor:default}
.guide-settings label{display:flex;align-items:center;gap:9px;color:#626262}
.guide-settings select{font:400 11px/1.5 var(--font);padding:5px;border:1px solid #aaa;background:#eaeaea;color:#333;border-radius:0}
.guide-status{margin:12px 0 0;font-size:11px;line-height:1.75;color:#555;min-height:18px}
.guide-voice-source{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:9px;line-height:1.6;color:#666}
.guide-voice-dot{width:4px;height:4px;border-radius:50%;background:#777;flex-shrink:0}
.guide-footnote{font-size:10px;line-height:1.7;color:#606060;margin-top:8px;max-width:335px}
.guide-panel :focus-visible,.guide-ribbon :focus-visible,.guide-launcher :focus-visible{outline:2px solid #444;outline-offset:3px}
.guide-panel .guide-play:focus-visible{outline-color:#181818}
.guide-source-active{outline:1px solid #8b8b8b;outline-offset:12px;scroll-margin-top:130px}
@keyframes guide-speak{from{transform:scaleY(.5)}to{transform:scaleY(1.35)}}
@media(min-width:1200px){
 body.guide-open{padding-right:var(--guide-width)}
 .guide-open .site-header .desktop-nav{display:none}
 .guide-open .site-header .menu-button{display:block}
 .guide-open .site-header .nav-wrap{justify-content:space-between;gap:20px}
 .guide-open .site-header .nav-actions{margin-left:auto}
 .guide-open .container{width:calc(100% - 76px)}
 .guide-open .article-layout{grid-template-columns:minmax(0,1fr)}
 .guide-open .article-toc{display:none}
 .guide-open .academy-hero-layout{gap:30px;grid-template-columns:minmax(0,1fr) minmax(285px,.95fr)}
 .guide-open .academy-hero h1{font-size:43px}
 .guide-open .academy-planner{padding:24px}
 .guide-open .academy-method>.container{grid-template-columns:1fr;gap:20px}
 .guide-open .academy-section-intro,.guide-open .rv9-directory-title,.guide-open .g9-section-heading{gap:25px}
 .guide-open .academy-section-intro>p{max-width:290px}
 .guide-open .academy-business-layout,.guide-open .path-route-layout{gap:30px}
 .guide-open .business-context-cover{padding:25px 25px 0}
 .guide-open .business-context-cover h2{font-size:29px}
 .guide-open .path-practice-layout{grid-template-columns:1fr;gap:35px}
 .guide-open .knowledge-nav-platform{display:none}
 .guide-open .guide-ribbon-inner{gap:20px;grid-template-columns:85px minmax(0,1fr)}
 .guide-open .guide-ribbon-portrait{grid-row:1/3}
 .guide-open .guide-ribbon-copy h2{font-size:23px}
 .guide-open .guide-ribbon-button{grid-column:2;justify-self:start;min-height:42px;padding:10px 16px}
 .guide-open .footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
 .guide-open .g9-cover-grid{gap:30px}
 .guide-open .g9-cover h1{font-size:45px}
 .guide-open .g9-reading-spread{grid-template-columns:25px minmax(0,1fr);gap:22px}
 .guide-open .g9-margin-note{grid-column:2}
 .guide-open .g9-section-nav>.container{flex-wrap:wrap;gap:10px}
 .guide-open .g9-action-spread>.container{gap:30px}
 .guide-open .rv9-feature-spread{grid-template-columns:1fr;gap:25px}
 .guide-open .rv9-story-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .guide-open .rv9-stack-label{grid-column:1/-1}
 .guide-open .rv9-side-story{display:block}
 .guide-open .rv9-side-art{display:none}
 .guide-open .rv9-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guide-open .rv9-filter-shelf{grid-template-columns:1fr}
}
@media(max-width:1199px){
 .guide-panel{inset:auto 0 0 auto;height:min(90dvh,830px);max-height:90dvh;width:430px;max-width:100%;border:1px solid #b9b9b9;border-bottom:0;border-radius:7px 7px 0 0}
 .guide-panel-top{padding-top:10px}
 .guide-person{grid-template-columns:80px minmax(0,1fr);padding-top:0;padding-bottom:16px;gap:18px}
 .guide-person-photo{height:85px}
 .guide-person h2{font-size:36px;margin:2px 0 3px}
 .guide-person #guide-intro-copy{font-size:11px}
 .guide-person #guide-intro-copy br{display:none}
}
@media(max-width:700px){
 .guide-ribbon-inner{grid-template-columns:74px minmax(0,1fr);gap:13px 18px;padding:22px 0}
 .guide-ribbon-portrait{grid-row:1/3;min-height:124px}
 .guide-ribbon-copy .guide-eyebrow{font-size:9px}
 .guide-ribbon-copy h2{font-size:23px;line-height:1.25}
 .guide-ribbon-copy h2 br{display:block}
 .guide-ribbon-copy>p:last-child{font-size:11px;line-height:1.8;margin-top:8px}
 .guide-ribbon-button{grid-column:2;justify-self:start;min-height:40px;font-size:10px;padding:10px 13px;gap:19px}
 .guide-ribbon-button svg{width:15px;height:15px}
 .guide-launcher{bottom:13px;right:13px}
 .guide-launcher>button{padding:6px 12px 6px 6px;min-height:48px;gap:10px}
 .guide-launcher img{width:34px;height:34px}
 .guide-launcher small{display:none}
 .guide-launcher button>span{font-size:11px}
 .guide-launcher svg{width:13px;margin-left:3px}
 .guide-panel{width:100%;height:92dvh;max-height:92dvh;border-radius:8px 8px 0 0}
 .guide-panel-top{padding:9px 18px 5px}
 .guide-person{padding:0 20px 14px;grid-template-columns:68px minmax(0,1fr);gap:17px}
 .guide-person-photo{height:74px}
 .guide-person .guide-eyebrow{font-size:9px}
 .guide-person h2{font-size:33px;margin-bottom:2px}
 .guide-person #guide-intro-copy{font-size:10px}
 .guide-mode{margin:0 20px 15px}
 .guide-mode>button{font-size:10px;padding:9px 5px}
 .guide-reading{padding:0 20px 16px;min-height:80px}
 .guide-transcript-wrap{padding-top:18px}
 .guide-transcript-wrap>h3{font-size:23px}
 .guide-transcript p{font-size:14px;line-height:1.85}
 .guide-player{padding:14px 20px max(13px,env(safe-area-inset-bottom))}
 .guide-footnote{font-size:9px;margin-top:6px;line-height:1.7}
 .guide-voice-source{margin-top:7px}
 .guide-status{margin-top:9px;font-size:10px}
}
@media(max-height:650px){
 .guide-person{grid-template-columns:52px minmax(0,1fr);padding-bottom:10px}
 .guide-person-photo{height:57px}
 .guide-person h2{font-size:28px;margin:1px 0}
 .guide-person #guide-intro-copy{display:none}
 .guide-mode{margin-bottom:10px}
 .guide-mode>button{padding:7px 5px}
 .guide-player{padding-top:10px;padding-bottom:10px}
 .guide-footnote{display:none}
}
@media(prefers-reduced-motion:reduce){.guide-wave i{animation:none!important}.guide-panel *{scroll-behavior:auto;transition:none!important}}
@media print{.guide-ribbon,.guide-launcher,.guide-panel{display:none!important}body.guide-open{padding-right:0!important}}
