/* One stable sphere. The selected lesson follows it in the same document. */
#view-cartography.atlas-flow{max-width:none;margin:0;padding:0 0 65px}.flow-hero{display:block;margin:0 calc(-1 * var(--page-gutter));padding:0 var(--page-gutter);border-radius:0;border:0;background:radial-gradient(ellipse at 78% 34%,#64836622 0,transparent 35%),radial-gradient(ellipse at 68% 31%,#8d506747 0,transparent 57%),linear-gradient(120deg,#2e1521,#492536 65%,#271c29);overflow:hidden;box-shadow:none}.flow-hero>.hero-running,.flow-hero>.flow-hero-grid,.flow-hero>.flow-selected,.flow-hero>.flow-orb-filters,.flow-hero>.flow-connections{max-width:1392px;margin-inline:auto}.flow-hero .hero-running{padding:23px 0;font-size:8px;color:#d6b4bd}.flow-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.15fr);gap:18px;align-items:center;padding:35px 0 25px;min-height:600px}.flow-hero .hero-text{position:relative;z-index:2;padding:0;min-width:0}.flow-hero .kicker{font-size:9px;letter-spacing:.09em;color:#c9d7bf;display:flex;gap:10px;align-items:center}.flow-hero h1{margin:23px 0 26px;line-height:.95;font-weight:500;white-space:nowrap}.flow-hero .hero-title-first{font-size:clamp(82px,10.2vw,152px);letter-spacing:-.08em;color:#f2e4cd!important;line-height:.94}.flow-hero .hero-title-second{font-size:clamp(30px,4.1vw,62px);margin-top:13px;letter-spacing:-.055em;color:#dab9b7!important}.flow-hero .hero-manifesto{font-size:clamp(22px,2.4vw,35px);line-height:1.35;letter-spacing:-.045em;font-weight:500;color:#f3e5d1;max-width:560px;margin:0 0 19px}.flow-hero .hero-intro{font-size:12px;line-height:1.9;max-width:375px;color:#cbb7bd}.hero-questions{display:grid;gap:0;margin:23px 0 25px;max-width:365px}.hero-questions button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:36px;padding:8px 0;border:0;border-bottom:1px solid #c6abb42e;background:none;color:#e7d7cd;font-size:10px;font-weight:500;text-align:left}.hero-questions button span{font-size:17px;color:#bfd3b8}.hero-questions button:hover,.hero-questions button:focus-visible{color:#d6f0ca;border-color:#bdd5b5}.flow-hero-index{display:flex;gap:32px;color:#bd9eac;font-size:8px;line-height:1.5}.flow-hero-index b{font:400 19px Unbounded,Arial,sans-serif;color:#d5d9c0;margin-right:7px}
.flow-orb{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.flow-orb:before{content:'';position:absolute;inset:7% -5% 10%;border:1px solid #d6c9b510;border-radius:50%;box-shadow:0 0 0 23px #d6c9b503,0 0 0 68px #d6c9b503;pointer-events:none;z-index:-1}.flow-orb-overline{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#d3bbc3;font-size:7px;letter-spacing:.09em;min-height:28px}.flow-orb-overline>span:last-child{font-size:8px;letter-spacing:0;line-height:1.6;text-align:right}.flow-orb #cartography-space-stage{height:clamp(420px,40vw,580px);min-height:0;margin:0 -18px;width:calc(100% + 36px);position:relative;display:block;flex:none;isolation:isolate;overflow:hidden;contain:layout paint}.flow-orb #atlas-space{display:block;width:100%;height:100%;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none}.flow-orb #atlas-space:active{cursor:grabbing}.flow-orb .space-watermark{font-size:clamp(65px,6vw,100px);color:#f0dec711;top:47%}.flow-orb-north{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-size:6px;letter-spacing:.19em;color:#bfa7ae;white-space:nowrap;pointer-events:none}.flow-orb-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c9adb9;font-size:8px;padding:9px 0 3px;min-height:50px}.flow-orb-controls>div{display:flex;gap:4px;align-items:center}.flow-orb-controls button{min-height:36px;min-width:31px;border:1px solid #bc95aa55;border-radius:0;background:#271a251c;color:#e5d1c7;font-size:12px;padding:8px}.flow-orb-controls button:hover:not(:disabled){background:#cae2bc20;border-color:#abc4a8}.flow-orb-controls button:disabled{opacity:.3;cursor:default}.flow-orb-controls #space-motion{font-size:9px;min-width:88px;padding-inline:9px}.flow-orb-controls output{font-size:8px;color:#d5c4bf;min-width:31px;text-align:center}.flow-orb-controls #orb-reset{font-size:8px;padding-inline:10px;margin-left:0}
.flow-selected{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 0 22px;border-block:1px solid #d0aebe40;min-height:116px}.flow-selected>div{min-width:0}.flow-selected .space-preview-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:8px;color:#c1a7b5;letter-spacing:.08em;text-transform:uppercase}.flow-selected .space-preview-meta>span:first-child{color:#c3d8bc}.flow-selected .flow-selected-hint{font-size:7px;color:#a6bba1;letter-spacing:.07em}.flow-selected h2{font:400 clamp(20px,2.3vw,31px)/1.35 Unbounded,Arial,sans-serif;letter-spacing:-.05em;color:#f3e3cf;margin:10px 0 5px}.flow-selected p{font-size:11px;line-height:1.8;color:#d1b8c3;margin:0!important;max-width:850px}.flow-selected #space-open{display:flex;align-items:center;justify-content:space-between;gap:35px;flex:0 0 205px;min-height:54px;border:1px solid #c3d5b9;border-radius:0;background:#c8dcbf;color:#2b4431;padding:14px 19px;font-size:11px;font-weight:700;text-decoration:none;transform:none}.flow-selected #space-open:before{display:none}.flow-selected #space-open span{font-size:20px;font-weight:400}.flow-selected #space-open:hover{background:#e0ecd5;transform:none}
.flow-orb-filters{display:grid;grid-template-columns:1.05fr .8fr 1.25fr auto auto;gap:14px;padding:19px 0 17px;align-items:end}.flow-orb-filters .cartography-filter{max-width:none;min-width:0;gap:6px}.flow-orb-filters label,.flow-orb-filters .cartography-filter label{color:#c5a8b7;font-size:8px;font-weight:500}.flow-orb-filters .cartography-filter input,.flow-orb-filters .cartography-filter select,.flow-orb-filters .space-select-row select{font:10px Montserrat,Arial,sans-serif;color:#e9d9d1;border:1px solid #bd94a844;background:#34232f;min-height:42px;height:42px;padding:10px;border-radius:0;min-width:0;width:100%}.flow-orb-filters .cartography-filter input::placeholder{color:#aa8d9c}.flow-orb-filters .space-select-row{margin:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;font-size:8px;color:#c5a8b7}.flow-orb-filters .cartography-edge-toggle{font-size:9px;gap:7px;min-height:42px;white-space:nowrap;color:#cdb9c2}.flow-orb-filters #cartography-reset{min-height:42px;padding:8px 0;font-size:8px;line-height:1.5;color:#c2a3b3;max-width:70px;text-align:left}.flow-orb-filters option{background:#34232f;color:#eadbd0}.flow-connections{display:flex;align-items:start;gap:19px;border-top:1px solid #d0aebe20;padding:15px 0 21px;font-size:8px;color:#a6bd9f}.flow-connections>span{white-space:nowrap;line-height:2.8;text-transform:uppercase;letter-spacing:.05em}.flow-connections>div{display:flex;flex-wrap:wrap;gap:5px 15px}.flow-connections button{font-size:9px;color:#c9b6bf;line-height:1.6;min-height:25px;padding:4px 0;border:0;border-bottom:1px solid #ae91a03b;background:none;text-align:left}.flow-connections button:hover{color:#d1e8c6;border-color:#bed3b5}
.atlas-flow>.audience-strip{max-width:1392px;margin:0 auto;padding:30px 0;background:none;border:0;border-bottom:1px solid #bfa9a044}.learning-section{max-width:1392px;margin:auto;padding-top:35px}.learning-section>.screen-head{align-items:center;margin-bottom:20px;scroll-margin-top:106px}.learning-section>.screen-head h2{font-size:clamp(23px,2.5vw,34px)}.learning-section>.screen-head p{font-size:11px;line-height:1.9}.learning-nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding:0 0 15px;border-bottom:1px solid #bfaaa055;margin-bottom:26px}.learning-nav button{border:0;background:none;color:#6e4357;font-size:10px;font-weight:600;padding:8px 0;min-height:35px}.learning-nav button:last-child{margin-left:auto;color:#49735b}.learning-nav button:hover{color:#285641;text-decoration:underline;text-underline-offset:5px}.learning-section .atlas-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:28px;grid-template-areas:'article lab';align-items:start}.learning-section .detail-card{grid-area:article;padding:35px;min-width:0;scroll-margin-top:105px}.learning-section .left-rail{grid-area:lab;min-width:0;height:auto;align-self:start}.learning-section .visual-lab{position:relative;top:auto;scroll-margin-top:105px}.learning-section .detail-card>.related-list,.learning-section .detail-card .related-list{scroll-margin-top:105px}.learning-section>.start-bar{margin-top:32px;max-width:none;border-top:1px solid #bfaaa055;padding-block:24px}.learning-section .catalog-intro{padding-top:25px;margin-top:0}.learning-section #topic-catalog{margin-bottom:25px}.mobile-dock{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1150px){.flow-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:15px;padding-block:30px 24px;min-height:540px}.flow-hero .hero-title-first{font-size:clamp(80px,10vw,116px)}.flow-hero .hero-title-second{font-size:clamp(28px,4vw,46px)}.flow-hero .hero-manifesto{font-size:27px}.flow-orb #cartography-space-stage{height:430px}.flow-orb-controls{flex-wrap:wrap;justify-content:center;gap:7px}.flow-orb-controls>span{flex-basis:100%;text-align:center}.flow-hero-index{gap:20px}.hero-questions{margin-block:19px}.flow-orb-filters{grid-template-columns:1fr 1fr 1.4fr;gap:14px}.flow-orb-filters .cartography-edge-toggle{grid-column:1}.flow-orb-filters #cartography-reset{grid-column:2;max-width:none;text-align:left;min-height:30px;justify-self:start}.learning-section .atlas-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:22px}.learning-section .detail-card{padding:28px}}
@media(max-width:790px){.flow-hero .hero-running{font-size:6px;padding-block:17px}.flow-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:29px 0 18px;min-height:0}.flow-hero .kicker{font-size:8px}.flow-hero h1{margin:21px 0 22px}.flow-hero .hero-title-first{font-size:clamp(77px,19vw,125px);line-height:.95}.flow-hero .hero-title-second{font-size:clamp(31px,7.8vw,51px);margin-top:9px}.flow-hero .hero-manifesto{font-size:25px;line-height:1.35;margin-bottom:15px}.flow-hero .hero-intro{font-size:11px;line-height:1.85;max-width:440px}.hero-questions{display:flex;overflow:auto;max-width:none;gap:18px;margin:17px 0 20px;scrollbar-width:thin;scrollbar-color:#a67d92 transparent}.hero-questions button{flex:0 0 auto;gap:13px;min-height:44px;font-size:9px;white-space:nowrap;padding:8px 0}.hero-questions button span{font-size:15px}.flow-hero-index{font-size:8px;gap:25px}.flow-hero-index b{font-size:17px}.flow-orb{min-width:0}.flow-orb:before{inset:12% 2% 14%;box-shadow:0 0 0 17px #d6c9b503}.flow-orb-overline{font-size:6px;min-height:24px;gap:9px}.flow-orb-overline>span:last-child{font-size:7px}.flow-orb #cartography-space-stage{height:360px;margin:0 -9px;width:calc(100% + 18px);min-height:0}.flow-orb .space-watermark{font-size:66px}.flow-orb-north{font-size:5px;bottom:3px}.flow-orb-controls{flex-wrap:wrap;gap:9px;padding-top:10px;justify-content:center}.flow-orb-controls>span{font-size:8px;flex-basis:100%;text-align:center}.flow-orb-controls>div{gap:4px;justify-content:center;flex-wrap:wrap}.flow-orb-controls button{min-height:42px;min-width:30px;font-size:12px;padding:8px}.flow-orb-controls #space-motion{min-width:75px;font-size:9px;padding-inline:7px}.flow-orb-controls output{font-size:8px;min-width:26px}.flow-orb-controls #orb-reset{font-size:8px;padding-inline:8px}.flow-selected{display:block;padding:21px 0 22px;min-height:0}.flow-selected .space-preview-meta{font-size:8px;gap:9px}.flow-selected .flow-selected-hint{font-size:6px;flex-basis:100%;margin-top:4px}.flow-selected h2{font-size:23px;line-height:1.4;margin:11px 0 7px}.flow-selected p{font-size:11px;line-height:1.85}.flow-selected #space-open{width:100%;min-height:48px;padding:12px 17px;font-size:11px;margin-top:17px}.flow-selected #space-open span{font-size:20px}.flow-orb-filters{grid-template-columns:1fr 1fr;gap:13px 11px;padding-block:20px 17px}.flow-orb-filters .space-select-row{grid-column:1/-1}.flow-orb-filters .cartography-filter label,.flow-orb-filters label{font-size:8px}.flow-orb-filters .cartography-filter input,.flow-orb-filters .cartography-filter select,.flow-orb-filters .space-select-row select{font-size:10px;min-height:44px;height:44px;padding:10px 8px}.flow-orb-filters .cartography-edge-toggle{font-size:9px;grid-column:1;min-height:34px}.flow-orb-filters #cartography-reset{grid-column:2;min-height:34px;font-size:9px;max-width:none;padding:8px 0;text-align:right;justify-self:end}.flow-connections{display:block;padding-block:15px 21px}.flow-connections>span{display:block;font-size:7px;margin-bottom:5px}.flow-connections>div{gap:4px 15px}.flow-connections button{font-size:9px;min-height:30px}.atlas-flow>.audience-strip{padding:25px 0}.learning-section{padding-top:28px}.learning-section>.screen-head{scroll-margin-top:85px}.learning-section>.screen-head h2{font-size:24px}.learning-section>.screen-head p{font-size:11px}.learning-nav{gap:7px 19px;padding-bottom:13px;margin-bottom:19px}.learning-nav button{font-size:9px;min-height:34px}.learning-nav button:last-child{margin-left:0}.learning-section .atlas-layout{display:flex;flex-direction:column;gap:22px}.learning-section .detail-card{order:0;width:100%;padding:24px;scroll-margin-top:85px}.learning-section .left-rail{order:1;width:100%}.learning-section .visual-lab{scroll-margin-top:85px}.learning-section .detail-card .related-list{scroll-margin-top:85px}.learning-section>.start-bar{padding-block:20px;margin-top:25px}.mobile-dock{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-dock .nav-btn{font-size:8px;letter-spacing:0;padding-inline:2px}.mobile-dock .dock-icon{font-size:17px}.atlas-flow .catalog-intro h2{font-size:24px}}
@media(max-width:355px){.flow-hero .hero-title-first{font-size:72px}.flow-hero .hero-title-second{font-size:29px}.flow-hero .hero-manifesto{font-size:22px}.flow-orb #cartography-space-stage{height:310px}.flow-orb .space-watermark{font-size:57px}.flow-orb-controls>div{gap:3px}.flow-orb-controls button{min-width:28px;padding:8px 6px}.flow-orb-controls #space-motion{min-width:67px;font-size:8px}.flow-orb-controls output{min-width:23px;font-size:7px}.flow-orb-controls #orb-reset{font-size:7px;padding-inline:6px}.flow-selected h2{font-size:21px}.flow-orb-overline{font-size:5px}.flow-orb-overline>span:last-child{font-size:6px}.flow-hero-index{gap:16px;font-size:7px}.flow-hero-index b{font-size:16px}.mobile-dock .nav-btn{font-size:7.5px}.learning-section .detail-card{padding:20px}.learning-section>.screen-head h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.flow-hero *, .flow-hero *:before,.flow-hero *:after{animation:none!important;transition:none!important}}