/* A shared learning atlas: cinematic places, clear choices and real entrances. */
.chatbear-pathway{--pathway-ink:#0b1c25;--pathway-ivory:#f5f0e4;--pathway-sage:#a7c6b7;--pathway-amber:#f3d296;--pathway-line:#cddcd333;--pathway-ease:cubic-bezier(.22,.8,.25,1);background:var(--pathway-ink);color:var(--pathway-ivory);padding:65px 4.1% 84px;position:relative;isolation:isolate;overflow:hidden}
.chatbear-pathway::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 100% 5%,#668c761b,transparent 42%),radial-gradient(ellipse at 0 70%,#48596712,transparent 48%)}
.pathway-heading{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:7%;max-width:1520px;margin:0 auto 44px}
.pathway-kicker{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;font-weight:400;letter-spacing:.15em;line-height:1.65;color:#b6cbd0;margin:0 0 22px}
.pathway-heading h1,.pathway-heading h2{font-size:clamp(35px,4.3vw,66px);line-height:1.2;font-weight:500;letter-spacing:-.035em;max-width:820px;margin:0;text-wrap:balance}
.pathway-return{display:flex;align-items:center;gap:13px;font-size:11px;color:#bfd0c5;min-height:44px;width:max-content;max-width:100%;margin:-25px 0 29px;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
.pathway-return:hover{color:var(--pathway-ivory);border-color:#cddcd370}
.pathway-return>span{font-size:20px;line-height:1}
.pathway-introduction{max-width:520px;padding-bottom:3px}
.pathway-introduction>p{font-size:14px;line-height:1.9;color:#ccd9d4;margin:0}
.pathway-introduction>span{display:block;color:#a8c5b8;font-size:11px;line-height:1.8;margin-top:19px;letter-spacing:.025em}
.pathway-map-heading{max-width:1520px;margin:0 auto 18px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--pathway-line);padding-top:18px}
.pathway-map-heading>p{font-size:13px;color:#d5dfd8;line-height:1.7;letter-spacing:.015em}
.pathway-map-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pathway-map-controls button{background:transparent;border:1px solid var(--pathway-line);border-radius:24px;color:#d5dfd8;min-height:44px;padding:9px 15px;display:flex;align-items:center;gap:14px;font-size:10px;line-height:1.4;transition:background .2s,border-color .2s}
.pathway-map-controls button:hover{background:#cddcd311;border-color:#cddcd37a}
.pathway-map-controls button span{font-size:17px;line-height:1}
.pathway-map{margin:0 auto;max-width:1520px}
.pathway-map-scene{position:relative;aspect-ratio:var(--pathway-aspect,1672/941);isolation:isolate;background:#112b36;border:1px solid #d6dfd32e;border-radius:6px;overflow:hidden}
.pathway-map-image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.pathway-route-lines,.pathway-hotspots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pathway-route-lines{z-index:1}
.pathway-hotspots{z-index:2}
.pathway-hotspot{position:absolute;left:var(--pathway-node-x);top:var(--pathway-node-y);width:48px;height:48px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:#09202d40;display:grid;place-items:center;color:var(--pathway-ivory);padding:0;pointer-events:auto;transition:background .25s}
.pathway-hotspot::before,.pathway-hotspot::after{content:"";position:absolute;border:1px solid #f5efdd90;border-radius:50%;width:27px;height:27px;transition:transform .35s var(--pathway-ease),border-color .3s,background .3s}
.pathway-hotspot::after{width:42px;height:42px;border-color:#f5efdd35}
.pathway-hotspot>i{width:7px;height:7px;border-radius:50%;background:#f6eccf;box-shadow:0 0 17px #f9e9b799;transition:background .3s}
.pathway-hotspot:hover{background:#09202d80}
.pathway-hotspot[aria-pressed=true]::before{transform:scale(1.17);border-color:var(--pathway-amber);background:#f3d29620}
.pathway-hotspot[aria-pressed=true]::after{transform:scale(1.12);border-color:#f3d29680}
.pathway-hotspot[aria-pressed=true]>i{background:var(--pathway-amber);box-shadow:0 0 23px #f3d296a0}
.pathway-hotspot-label{position:absolute;display:flex;gap:9px;align-items:center;padding:9px 12px;min-height:36px;max-width:220px;width:max-content;background:#0b1c25e8;border:1px solid #dce2d450;backdrop-filter:blur(12px);border-radius:3px;box-shadow:0 8px 28px #02131e30;pointer-events:none;transition:background .25s,border-color .25s,transform .35s var(--pathway-ease)}
.pathway-hotspot[data-pathway-label=top] .pathway-hotspot-label{bottom:calc(100% + 6px);left:50%;transform:translateX(-50%)}
.pathway-hotspot[data-pathway-label=bottom] .pathway-hotspot-label{top:calc(100% + 6px);left:50%;transform:translateX(-50%)}
.pathway-hotspot[data-pathway-label=left] .pathway-hotspot-label{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}
.pathway-hotspot[data-pathway-label=right] .pathway-hotspot-label{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}
.pathway-hotspot-label small{font-family:"SFMono-Regular",Consolas,monospace;font-size:9px;font-weight:400;color:#c6d4ca;line-height:1.5;white-space:nowrap}
.pathway-hotspot-label b{font-size:11px;font-weight:500;line-height:1.5;white-space:normal;text-align:left}
.pathway-hotspot[aria-pressed=true] .pathway-hotspot-label{background:#1e352de8;border-color:#ecd9a994}
.pathway-hotspot[aria-pressed=true] .pathway-hotspot-label small{color:#f1d696}
.pathway-map-corner{position:absolute;left:24px;bottom:22px;display:flex;align-items:center;gap:16px;border-top:1px solid #ecede254;padding-top:10px;pointer-events:none;text-shadow:0 2px 15px #081b24;z-index:2;color:#f2ecdf}
.pathway-map-corner span{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px;letter-spacing:.17em}
.pathway-map-corner small{font-size:8px;letter-spacing:.11em;line-height:1.6}
.pathway-map figcaption{font-size:9px;line-height:1.7;color:#a8bec0;text-align:right;margin:11px 0 0}
.pathway-branch-caption{display:flex;align-items:center;justify-content:center;gap:16px;max-width:1520px;margin:23px auto;color:#becec4;font-size:12px;line-height:1.8;text-align:center}
.pathway-branch-caption b{font-weight:500;color:#eee6d4}
.pathway-branch-symbol{font-size:27px;line-height:1;color:var(--pathway-amber)}
.pathway-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;max-width:1520px;margin:0 auto;border-top:1px solid var(--pathway-line);border-bottom:1px solid var(--pathway-line)}
.pathway-steps>button{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;text-align:left;align-items:start;background:transparent;border:0;border-radius:0;border-right:1px solid #cddcd325;min-height:96px;padding:22px 15px;color:#bed0c7;transition:background .25s,color .25s}
.pathway-steps>button:first-child{padding-left:0}
.pathway-steps>button:last-child{border-right:0}
.pathway-steps>button::after{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--pathway-amber);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--pathway-ease)}
.pathway-steps>button:hover{background:#b2cabb0b;color:#f6eedc}
.pathway-steps>button[aria-pressed=true]{background:#98b6a710;color:var(--pathway-ivory)}
.pathway-steps>button[aria-pressed=true]::after{transform:scaleX(1)}
.pathway-step-number{font-family:"SFMono-Regular",Consolas,monospace;font-size:9px;letter-spacing:.035em;line-height:2;white-space:nowrap;color:#a3bfb3}
.pathway-steps>button[aria-pressed=true] .pathway-step-number{color:var(--pathway-amber)}
.pathway-steps>button b{display:block;font-size:13px;line-height:1.5;font-weight:500}
.pathway-steps>button small{display:block;font-size:9px;line-height:1.8;margin-top:7px;color:#aabeb7}
.pathway-steps>button>i{display:none;font-style:normal}
.pathway-details{max-width:1520px;margin:0 auto;padding:47px 0 51px;border-bottom:1px solid var(--pathway-line)}
.pathway-detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;outline:0;animation:pathway-detail-in .45s var(--pathway-ease) both}
.pathway-detail[hidden]{display:none!important}
.pathway-detail-intro{max-width:580px}
.pathway-detail .pathway-kicker{font-size:9px;color:#b9d0c3;margin-bottom:19px}
.pathway-detail h2{font-size:clamp(27px,2.7vw,42px);font-weight:500;line-height:1.35;letter-spacing:-.03em;text-wrap:balance;margin:0 0 24px}
.pathway-detail-intro>p:not(.pathway-kicker){font-size:14px;line-height:1.9;color:#c0d0c9}
.pathway-detail-actions{display:flex;flex-direction:column;align-items:start;gap:17px;margin-top:29px}
.pathway-action{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;background:var(--pathway-ivory);border:1px solid var(--pathway-ivory);border-radius:25px;padding:13px 24px;color:#132a34;font-size:12px;font-weight:550;line-height:1.6;transition:transform .25s var(--pathway-ease),background .25s}
.pathway-action:hover{background:#fff9eb;transform:translateY(-2px)}
.pathway-action>span{font-size:20px;line-height:1;font-weight:400}
.pathway-secondary{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;line-height:1.6;min-height:44px;padding:5px 2px;border-bottom:1px solid #cddcd36b;color:#d3e0d4;transition:border-color .25s}
.pathway-secondary:hover{border-color:#f5f0e4}
.pathway-secondary span{font-size:18px}
.pathway-back-map{background:transparent;border:0;border-radius:0;display:flex;align-items:center;gap:11px;min-height:44px;padding:3px 2px;font-size:10px;color:#b7cabe;line-height:1.6;transition:color .2s}
.pathway-back-map:hover{color:var(--pathway-ivory)}
.pathway-back-map span{font-size:17px;line-height:1}
.pathway-detail-guide dl{margin:0}
.pathway-detail-guide dl>div{display:grid;grid-template-columns:105px 1fr;gap:18px;border-top:1px solid #cddcd32e;padding:17px 0}
.pathway-detail-guide dt{font-size:11px;line-height:1.8;color:#ddd8c4;letter-spacing:.02em;font-weight:500}
.pathway-detail-guide dd{margin:0;font-size:12px;line-height:1.9;color:#c2d1c9}
.pathway-detail-facts{border-top:1px solid #cddcd32e;padding-top:17px;margin-top:1px}
.pathway-detail-facts>p{color:#b4c9bd;font-size:10px;line-height:1.8;display:grid;grid-template-columns:105px 1fr;gap:18px;margin:0 0 13px}
.pathway-detail-facts>p>span{color:#d9dbc8}
.pathway-detail-note{padding:16px 18px;margin-top:14px;background:#78958410;border-left:1px solid #a7c6b751;font-size:10px;line-height:1.85;color:#b5c9be}
.pathway-year{max-width:1520px;margin:46px auto 0;display:grid;grid-template-columns:1fr .75fr;gap:12%;align-items:start}
.pathway-year h2{font-size:clamp(24px,2.3vw,34px);font-weight:500;line-height:1.4;letter-spacing:-.025em;margin:0 0 18px}
.pathway-year>div>p:not(.pathway-kicker){font-size:13px;line-height:1.95;color:#c0d0c9;max-width:750px}
.pathway-year-aside{border-top:1px solid #cddcd32e;padding-top:21px}
.pathway-year .pathway-year-aside>p{font-size:20px;line-height:1.4;letter-spacing:-.01em;margin-bottom:20px;color:var(--pathway-ivory)}
.pathway-year-aside>p>span{display:block;font-size:10px;line-height:1.8;letter-spacing:0;color:#b6c9be;margin-top:7px}
.pathway-year-aside>small{display:block;font-size:10px;line-height:1.85;color:#a6bdb4}
.pathway-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.chatbear-pathway button:focus-visible,.chatbear-pathway a:focus-visible{outline:2px solid #f2ddb0;outline-offset:5px}
@keyframes pathway-detail-in{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:701px) and (max-width:1100px){.pathway-heading{grid-template-columns:1.2fr .8fr;gap:5%}.pathway-introduction>p{font-size:12px}.pathway-introduction>span{font-size:9px}.pathway-steps>button{padding:20px 10px;gap:7px;min-height:101px}.pathway-steps>button b{font-size:11px}.pathway-steps>button small{font-size:8px}.pathway-hotspot-label{padding:7px 9px;gap:7px;max-width:155px}.pathway-hotspot-label b{font-size:10px}.pathway-hotspot-label small{font-size:8px}.pathway-detail{gap:6%}.pathway-detail-guide dl>div,.pathway-detail-facts>p{grid-template-columns:85px 1fr;gap:12px}.pathway-detail-intro>p:not(.pathway-kicker){font-size:13px}}
@media(max-width:700px){
 .chatbear-pathway{padding:34px 24px 49px;overflow:clip}
 .pathway-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}
 .pathway-heading .pathway-kicker{font-size:8px;letter-spacing:.11em;margin-bottom:17px}
 .pathway-heading h1,.pathway-heading h2{font-size:clamp(28px,8vw,40px);line-height:1.3;letter-spacing:-.035em}
 .pathway-return{margin:-12px 0 21px;font-size:10px;gap:11px}
 .pathway-introduction{max-width:none;padding:0}
 .pathway-introduction>p{font-size:12px;line-height:1.85}
 .pathway-introduction>span{font-size:9px;line-height:1.8;margin-top:13px}
 .pathway-map-heading{display:block;padding-top:16px;margin-bottom:16px}
 .pathway-map-heading>p{font-size:11px;margin-bottom:13px}
 .pathway-map-controls{gap:8px}
 .pathway-map-controls button{font-size:9px;padding:9px 13px;gap:11px;min-height:44px}
 .pathway-map{margin-left:-24px;margin-right:-24px}
 .pathway-map-scene{border-left:0;border-right:0;border-radius:0}
 .pathway-hotspots{display:none}
 .pathway-map-corner{left:15px;bottom:11px;gap:10px;padding-top:6px}
 .pathway-map-corner span{font-size:7px;letter-spacing:.12em}
 .pathway-map-corner small{font-size:6px;letter-spacing:.06em}
 .pathway-map figcaption{font-size:8px;line-height:1.7;text-align:left;margin:10px 24px 0}
 .pathway-branch-caption{font-size:11px;line-height:1.8;text-align:left;align-items:start;gap:12px;margin:21px 0}
 .pathway-branch-symbol{font-size:24px;margin-top:2px}
 .pathway-branch-caption b{display:block;margin-bottom:3px}
 .pathway-steps{grid-template-columns:1fr 1fr;border:0;gap:0 13px;position:relative}
 .pathway-steps>button{grid-template-columns:35px 1fr auto;align-items:center;gap:8px;padding:14px 0!important;min-height:83px;border:0;border-bottom:1px solid var(--pathway-line)}
 .pathway-steps>button:nth-child(-n+3),.pathway-steps>button:last-child{grid-column:1/-1}
 .pathway-steps>button:nth-child(4),.pathway-steps>button:nth-child(5){grid-template-columns:1fr auto;min-height:110px;padding-right:3px!important;align-content:start}
 .pathway-steps>button:nth-child(4) .pathway-step-number,.pathway-steps>button:nth-child(5) .pathway-step-number{grid-column:1/-1;margin-bottom:1px}
 .pathway-steps>button::after{top:auto;bottom:-1px}
 .pathway-step-number{font-size:10px;line-height:1.8}
 .pathway-steps>button b{font-size:13px;line-height:1.55}
 .pathway-steps>button small{font-size:9px;line-height:1.7;margin-top:4px}
 .pathway-steps>button>i{display:block;color:#b0c8b9;font-size:18px;line-height:1;transform:none}
 .pathway-details{padding:30px 0 32px}
 .pathway-detail{grid-template-columns:1fr;gap:27px}
 .pathway-detail .pathway-kicker{font-size:8px;margin-bottom:15px}
 .pathway-detail h2{font-size:27px;line-height:1.4;letter-spacing:-.025em;margin-bottom:17px}
 .pathway-detail-intro>p:not(.pathway-kicker){font-size:12px;line-height:1.85}
 .pathway-detail-actions{gap:9px;margin-top:23px}
 .pathway-action{font-size:11px;padding:13px 20px;gap:22px;max-width:100%;min-height:48px}
 .pathway-secondary{font-size:10px;max-width:100%;gap:18px}
 .pathway-detail-guide dl>div{grid-template-columns:1fr;gap:6px;padding:15px 0}
 .pathway-detail-guide dt{font-size:10px;line-height:1.7}
 .pathway-detail-guide dd{font-size:11px;line-height:1.8}
 .pathway-detail-facts{padding-top:16px}
 .pathway-detail-facts>p{grid-template-columns:1fr;gap:4px;font-size:10px;line-height:1.8;margin-bottom:16px}
 .pathway-detail-note{font-size:9px;line-height:1.85;padding:14px 15px}
 .pathway-year{grid-template-columns:1fr;gap:24px;margin-top:30px}
 .pathway-year .pathway-kicker{font-size:8px;margin-bottom:16px;letter-spacing:.1em}
 .pathway-year h2{font-size:24px;line-height:1.4;margin-bottom:16px}
 .pathway-year>div>p:not(.pathway-kicker){font-size:11px;line-height:1.85}
 .pathway-year-aside{padding-top:20px}
 .pathway-year .pathway-year-aside>p{font-size:19px;margin-bottom:20px}
 .pathway-year-aside>p>span{font-size:9px;line-height:1.8}
 .pathway-year-aside>small{font-size:9px;line-height:1.85}
}
@media(max-width:350px){.chatbear-pathway{padding-left:19px;padding-right:19px}.pathway-map{margin-left:-19px;margin-right:-19px}.pathway-map figcaption{margin-left:19px;margin-right:19px}.pathway-heading h1,.pathway-heading h2{font-size:26px}.pathway-map-controls{gap:6px}.pathway-map-controls button{font-size:8px;padding:9px 11px;gap:8px}.pathway-steps{gap:0 10px}.pathway-steps>button:nth-child(4),.pathway-steps>button:nth-child(5){min-height:113px}.pathway-steps>button b{font-size:12px}.pathway-detail h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.chatbear-pathway *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pathway-action:hover{transform:none}}

/* A quiet site-wide route bar; the hero keeps its original cinematic space. */
.learning-route-dock{position:sticky;top:88px;z-index:24;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:9px 4%;color:#eeeede;background:#10252cef;border-bottom:1px solid #ffffff19;backdrop-filter:blur(16px)}
.learning-route-dock[hidden],body[data-page=home] .learning-route-dock{display:none!important}
.learning-route-link{display:flex;align-items:center;gap:14px;min-height:44px;flex-shrink:0}
.learning-route-mark{font-size:30px;font-weight:300;color:#dec996;line-height:1}
.learning-route-link b{display:block;font-size:12px;font-weight:550;letter-spacing:.04em;line-height:1.7}
.learning-route-link small{display:block;font-size:9px;line-height:1.8;color:#c0cdc6}
.learning-route-open-label{font-size:10px;margin-left:22px;border-bottom:1px solid #c6d3c76b;padding-bottom:4px;white-space:nowrap}
.learning-route-link:focus-visible{outline:2px solid #f2ddb0;outline-offset:4px;border-radius:3px}
.learning-route-progress{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;min-width:0}
.learning-route-progress li{display:flex;align-items:center;gap:7px;position:relative;color:#9fb8b0;white-space:nowrap}
.learning-route-progress li+li:before{content:"";position:absolute;left:-20px;width:12px;top:50%;border-top:1px solid #7c9f9661}
.learning-route-progress li>span{font:8px/1.2 "SFMono-Regular",Consolas,monospace;color:#8da69c}
.learning-route-progress small{font-size:10px}
.learning-route-progress li[aria-current=step]{color:#f3dfb3}
.learning-route-progress li[aria-current=step]>span{color:#f3dfb3}
body[data-page=pathway]{background:#0c1c24;color:#eeeade}
body[data-page=pathway] .site-header{background:#0b1b24ee;color:#eeeade;border-color:#ffffff18;backdrop-filter:blur(16px)}
body[data-page=pathway] .brand small{color:#a9c1ba}
body[data-page=pathway] .site-header nav a,body[data-page=pathway] .language,body[data-page=pathway] .menu-toggle{color:#d7e4dc}
body[data-page=pathway] .site-header nav a[aria-current]{color:#f3dfb3}
body[data-page=pathway] .header-actions>.button{background:transparent;color:#e7ecdf;border-color:#d0dec662}
body[data-page=pathway] .menu-toggle{background:transparent;border-color:#ffffff40}
@media(min-width:961px) and (max-width:1350px){.site-header{gap:17px}.site-header nav{gap:16px}.brand{min-width:210px}.header-actions>.compact{display:none}.learning-route-progress{gap:19px}.learning-route-progress li+li:before{left:-14px;width:8px}.learning-route-progress small{font-size:9px}}
@media(max-width:960px){.learning-route-dock{top:80px;gap:20px;padding:7px 30px}.learning-route-progress{gap:16px}.learning-route-progress li+li:before{left:-12px;width:7px}.learning-route-progress small{font-size:8px}.learning-route-progress li>span{display:none}.learning-route-open-label{margin-left:10px}body[data-page=pathway] .site-header nav.open{background:#0b1b24;border-color:#ffffff20}}
@media(max-width:700px){.learning-route-dock{top:72px;padding:5px 22px;gap:0}.learning-route-link{width:100%;min-height:46px;gap:12px}.learning-route-mark{font-size:27px}.learning-route-link b{font-size:10px}.learning-route-link small{font-size:8px}.learning-route-open-label{margin-left:auto;font-size:9px;padding-bottom:3px}.learning-route-progress{display:none}.site-header .language,.site-header .menu-toggle{min-width:44px;min-height:44px;padding:5px}.site-header .header-actions{gap:3px}}
@media(max-width:350px){.site-header{padding-left:15px;padding-right:15px}.brand b{font-size:17px}.brand img{width:30px;height:30px}.brand{gap:7px}.learning-route-dock{padding-left:19px;padding-right:19px}}
@media(prefers-reduced-motion:reduce){.learning-route-dock *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Keep the original raster ratio while fitting a desktop overview below the header. */
@media(min-width:701px){.pathway-map-scene{width:min(100%,calc((100svh - 90px)*1.77683));margin-left:auto;margin-right:auto}}

.observatory-pathway-link{display:block;width:max-content;max-width:100%;margin:13px 0 0 auto;font-size:11px;line-height:1.8;min-height:28px;padding:5px 0;color:#d5e1d7;border-bottom:1px solid #c5d6c648}.observatory-pathway-link:focus-visible{outline:2px solid #f2ddb0;outline-offset:4px}@media(max-width:700px){.observatory-pathway-link{font-size:10px;min-height:44px;margin:5px 0 0;display:inline-flex;align-items:center;padding:5px 0}}

/* Cinematic atlas: scenic art stays behind the readable route guide. */
.chatbear-pathway:not(.pathway-embedded){background:#071322;--pathway-line:#ccd8ea30;--pathway-sage:#c2d3dc;--pathway-ink:#071322}
.chatbear-pathway:not(.pathway-embedded)::before{inset:-20px -20px auto;height:1100px;background:linear-gradient(90deg,#061221b5 0%,#06122165 48%,#06122115),linear-gradient(0deg,#071322 0%,transparent 48%),url('/assets/island/pathway-night-cove-20261009.webp') center top/cover no-repeat;transform:translate(var(--scene-x,0px),var(--scene-y,0px));transition:transform .8s ease;opacity:1}
.chatbear-pathway:not(.pathway-embedded) .pathway-heading{min-height:270px;align-items:center}
.chatbear-pathway:not(.pathway-embedded) .pathway-introduction{background:#06122170;border:1px solid #d5e4f024;padding:25px 28px;border-radius:18px;backdrop-filter:blur(14px)}
.pathway-atmosphere{position:absolute;inset:0 0 auto;height:850px;pointer-events:none;z-index:-1;overflow:hidden}
.pathway-atmosphere i{position:absolute;width:5px;height:5px;background:#ffe0a0;border-radius:50%;box-shadow:0 0 18px 4px #f3cf8580;left:74%;top:25%;animation:pathway-spark 7s ease-in-out infinite}
.pathway-atmosphere i:nth-child(2){left:88%;top:48%;animation-delay:-3s}.pathway-atmosphere i:nth-child(3){left:52%;top:13%;animation-delay:-5s}
@keyframes pathway-spark{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:.85;transform:translateY(-22px)}}
.pathway-map-controls{flex-wrap:wrap}.pathway-map-controls button{background:#07152380;backdrop-filter:blur(12px);transition:background .2s,border-color .2s,transform .2s}
.pathway-map-controls button:hover{background:#26374dbf;border-color:#eddbab;transform:translateY(-2px)}
.chatbear-pathway:not(.pathway-embedded) .pathway-map-scene{border-radius:22px;box-shadow:0 25px 80px #0008;border-color:#c9d9e650}
.pathway-hotspot:hover i,.pathway-hotspot:focus-visible i{box-shadow:0 0 25px #ffdfa3;transform:scale(1.2)}
.chatbear-pathway:not(.pathway-embedded) .pathway-details{margin-top:28px;padding:36px;border:1px solid #d1def02b;border-radius:22px;background:linear-gradient(125deg,#152638c9,#091524df);box-shadow:0 15px 60px #0003}
.chatbear-pathway:not(.pathway-embedded) .pathway-year{padding:32px;border:1px solid #d1def020;border-radius:22px;background:#101f30}
[data-scene-paused=true] .pathway-atmosphere i{animation-play-state:paused}
body[data-page=pathway] .site-header{background:#071322c9}
@media(max-width:700px){.chatbear-pathway:not(.pathway-embedded)::before{height:900px;background-position:65% top}.chatbear-pathway:not(.pathway-embedded) .pathway-heading{min-height:0}.chatbear-pathway:not(.pathway-embedded) .pathway-introduction{padding:18px}.chatbear-pathway:not(.pathway-embedded) .pathway-details{padding:22px 18px}.chatbear-pathway:not(.pathway-embedded) .pathway-year{padding:22px 18px}.chatbear-pathway:not(.pathway-embedded) .pathway-map-scene{border-radius:0}.pathway-map-controls button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.chatbear-pathway:not(.pathway-embedded)::before{transform:none!important;transition:none!important}}