/* Mesosphere: a quiet blue atmospheric edge against the software's dark surfaces. */
:root{color-scheme:dark;color:#fff;background:#101722;--ink:#0e121b;--muted:#b9c0cc;--panel:#171a1c}
body{background:transparent}a:hover{color:#ffac87}::selection{background:#442c22;color:white}.skip{background:#202427;color:#fff}.guide-atmosphere{background:#0b1220}
.guide-day{background-image:linear-gradient(180deg,#090f20e8 0%,#11213bd4 44%,#244b6d91 78%,#101722dc 100%),url('/assets/sky.png');opacity:1;filter:saturate(.6)}.guide-day:after{background:linear-gradient(90deg,#10172255,transparent 45%,#10172255)}
.meso-horizon{background:radial-gradient(ellipse 85% 20% at 50% 83%,#79b9e326,transparent 80%);opacity:calc(1 - var(--depth,0)*.7)}.guide-night{background:linear-gradient(#10131dc7,#101213)!important;opacity:var(--depth,0)}
.meso-stars{background:none!important}.meso-stars i{position:absolute;border-radius:50%;background:#eaf3fb;box-shadow:0 0 6px #eaf3fb40}.guide-cloud{filter:brightness(.65) saturate(.45) hue-rotate(8deg);opacity:var(--cloud-opacity,.15);bottom:-30%}
.guide-nav [aria-current]{color:#ffac87}.guide-nav a:not(.primary){color:#b9c0cc}.guide-nav a.brand{color:white}.guide-nav a:hover:not(.primary){color:#fff}
.guide-hero{min-height:680px;justify-content:center;padding:165px 32px 80px;text-align:center}.hero-words{width:100%;max-width:1050px}.eyebrow{color:#b4d2ec;letter-spacing:.18em}.hero-words h1{font-size:clamp(46px,5.5vw,82px);font-weight:430;line-height:1.1}.hero-words h1 em{color:#b4d2ec}.hero-words>p:not(.eyebrow){color:#b9c0cc}.hero-actions{justify-content:center;margin:32px 0}.hero-actions .quiet-link{color:#eaf3fb}.guide-scope{justify-content:center;color:#99a0ae;font-size:12px}
.journeys{max-width:1170px;margin-bottom:100px}.section-intro{text-align:center;margin-bottom:32px}.section-intro h2{font-size:32px}.section-intro p{color:#b9c0cc}.journey-grid{align-items:start;gap:16px}.journey-column{display:flex;flex-direction:column;gap:16px;min-width:0}.journey-column>.journey{width:100%}
.journey{background:#171a1ceb;border-radius:18px;backdrop-filter:blur(16px);box-shadow:0 18px 50px -30px #0009;align-self:start;overflow-anchor:none;transition:background .25s,box-shadow .25s}.journey:hover{background:#202427f2;box-shadow:0 22px 60px -30px #000b}
.journey summary{padding:25px 24px;min-height:122px;align-items:center;gap:19px}.journey summary>span:nth-child(2){min-width:0;flex:1}.journey-symbol{width:36px;height:36px;flex:none;color:#ffac87;display:grid;place-items:center}.journey-symbol svg{width:30px;height:30px}.journey b{font-size:19px;line-height:1.3;font-weight:500;color:#fff}.journey small{font-size:12px;line-height:1.6;color:#99a0ae;margin-top:7px}.journey summary i{width:24px;height:24px;display:grid;place-items:center;font-style:normal;color:#b9c0cc;font-size:21px;font-weight:350;transition:transform .32s}
.journey-body{padding:0 24px 24px 79px}.journey ol{margin:0;padding:0;list-style:none;counter-reset:journey}.journey li{counter-increment:journey}.journey li+li{margin:8px 0 0}.journey li a{display:flex;align-items:center;gap:12px;min-height:42px;padding:8px 10px 8px 0;border-radius:8px;font-size:14px;color:#b9c0cc}.journey li a:before{content:counter(journey);color:#626c7d;font-size:11px;width:16px;flex:none}.journey li a span:last-child{margin-left:auto;color:#ffac87}.journey li a:hover{background:#ffffff05;color:#fff}.journey[data-expanded=true]>summary i{transform:rotate(45deg)}
.guide-sidebar{background:#171a1c;box-shadow:0 20px 60px -35px #000b}.search-box>label,.mobile-chapters label{color:#b9c0cc}.search-box>div,.mobile-chapters select{background:#202427;color:#fff}.search-box input{color:#fff}.search-box input::placeholder{color:#99a0ae}.search-box button{color:#b9c0cc}.chapter-nav{scrollbar-color:#343b41 transparent}.chapter-group p{color:#99a0ae}.chapter-group a{color:#b9c0cc}.chapter-group a:hover{background:#202427;color:white}.chapter-group a[aria-current]{background:#442c22;color:#ffac87}.chapter-group a.done span:after{color:#79d7a0}.reading-progress{color:#b9c0cc}.reading-progress button,.reading-progress small{color:#99a0ae}
.guide-chapter{background:#171a1cf5;box-shadow:0 25px 80px -60px #000c}.chapter-heading>p{color:#ffac87}.chapter-heading h2{color:#fff}.chapter-heading>div{color:#b9c0cc}.tutorial:not([open])>summary{color:#d6dce5}.tutorial:not([open])>summary:hover{color:#ffac87}.tutorial summary{font-weight:500}.tutorial summary i{color:#99a0ae}.tutorial-body{animation:none;color:#d6dce5}.tutorial-body li:before{background:#202427;color:#b9c0cc}.prerequisite{color:#b9c0cc}.prerequisite b,.trouble>b{color:#fff}.tutorial-body a:not(.section-link){color:#ffac87}.outcome{background:#173a2b70}.outcome>b{color:#79d7a0}.outcome p{color:#c1dfcc}.trouble{color:#b9c0cc}.section-link{color:#99a0ae}.chapter-end{color:#99a0ae}.chapter-end a{color:#ffac87}.package-intro{color:#b9c0cc}.practice{background:#101213}.practice button{background:#202427}.tutorial[data-expanded=false]>summary i{transform:rotate(0)}.tutorial[data-expanded=true]>summary i{transform:rotate(45deg)}
#search-results{background:#171a1cf5}.search-results-head p{color:#b9c0cc}.search-result small{color:#99a0ae}.search-result h3{color:#fff}.search-result p{color:#b9c0cc}.search-result+.search-result{border-color:#343b41}.search-result mark{background:#442c22}.noscript{background:#171a1c;color:#b9c0cc}
@media(min-width:1600px){.guide-hero{min-height:720px}}
@media(max-width:1100px){.guide-hero{min-height:630px;padding-top:150px}.hero-words{width:100%}}
@media(max-width:780px){.guide-hero{padding:145px 24px 70px;min-height:0}.hero-words h1{font-size:clamp(41px,7.4vw,60px);line-height:1.12}.hero-words>p:not(.eyebrow){font-size:17px}.hero-actions{gap:22px}.guide-scope{font-size:10px;gap:15px}.journeys{padding:0 18px;margin-bottom:60px}.section-intro{text-align:left;padding:0 7px}.section-intro h2{font-size:29px}.section-intro p{font-size:15px}.journey-grid{gap:12px}.journey summary{min-height:108px;padding:21px;gap:15px}.journey b{font-size:18px}.journey small{font-size:11px}.journey-body{padding:0 21px 21px 72px}.journey li a{font-size:14px}.guide-sidebar{box-shadow:0 12px 35px -15px #000b}.guide-cloud{width:190%;left:-50%;bottom:-15%}}
@media(prefers-reduced-motion:reduce){.journey,.journey summary i{transition:none}}
@media print{body,.guide-chapter,.tutorial-body,.chapter-heading h2{color:#000;background:#fff}.chapter-heading>div,.prerequisite,.trouble,.package-intro,.tutorial summary,.tutorial:not([open])>summary{color:#333}.outcome{background:#eee}.outcome p,.outcome>b,.prerequisite b,.trouble>b{color:#222}}
