.learn-app{color-scheme:light;--ink:#15284d;--muted:#637588;--cyan:#1e6d88;--pink:#b05b8c;--line:#d3e4eb;--paper:#fcfeff;--serif:Georgia,"Times New Roman",serif;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.learn-app *{box-sizing:border-box}
.learn-app{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(180deg,#fcfeff,#f1f9fd 52%,#fcf9fc);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
.learn-app button,.learn-app input,.learn-app select{font:inherit}
.learn-app button,.learn-app a,.learn-app input,.learn-app select{touch-action:manipulation}
.learn-app button{cursor:pointer;color:inherit}
.learn-app a{color:var(--cyan);text-decoration:none}
.learn-app button:disabled{opacity:.35;cursor:default}
.learn-app button:focus-visible,.learn-app a:focus-visible,.learn-app input:focus-visible,.learn-app select:focus-visible,.learn-app summary:focus-visible{outline:3px solid #af608d;outline-offset:4px}
.learn-app h1,.learn-app h2,.learn-app h3,.learn-app p{margin:0}
.learn-app [hidden]{display:none!important}
.learn-app .sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.learn-app .quiet-button{min-height:42px;padding:6px 0;border:0;background:none;color:#456c82;font-size:13px;font-weight:550}
.learn-app .quiet-button:not(:disabled):hover{color:#974f79;text-decoration:underline;text-underline-offset:5px}
.learn-app .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:10px 20px;border:1px solid #1a536d;border-radius:5px;background:#1a536d;color:white;font-size:13px;font-weight:650;letter-spacing:.015em}
.learn-app .primary-button:hover{background:#103f56}
.learn-app .eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.5;color:#4b8397}
.learn-app .learn-hero{position:relative;isolation:isolate;max-width:1280px;margin:auto;padding:49px 30px 48px;text-align:center}
.learn-app .learn-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background:linear-gradient(#fcfeff70,#f7fcfff8),url("/learn/celestial-atrium.webp") center 46%/cover;mask-image:linear-gradient(#000,transparent)}
.learn-app .learn-hero h1{font:500 clamp(41px,4.3vw,58px)/1.13 var(--serif);letter-spacing:-.035em;margin:13px 0 18px}
.learn-app .learn-hero h1 em{color:#9d5b85;font-weight:400}
.learn-app .learn-hero>p:not(.eyebrow):not(.resume-note){font-size:14px;color:#5a7284;line-height:1.9}
.learn-app .hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:25px;margin-top:26px}
.learn-app .hero-actions>.quiet-button{min-width:80px}
.learn-app .resume-button{border:0;background:none;font-size:11px;min-height:38px;color:#617788;text-decoration:underline;text-underline-offset:4px}
.learn-app .resume-note{margin-top:9px;color:#6a7f8f;font-size:10px}
.learn-app .learn-workspace{display:grid;grid-template-columns:205px minmax(0,1fr);gap:46px;max-width:1200px;padding:0 30px;margin:0 auto 66px}
.learn-app .lesson-sidebar{position:sticky;top:105px;align-self:start;padding-top:4px;scroll-margin-top:105px}
.learn-app .lesson-sidebar:focus{outline:none}
.learn-app .lesson-sidebar>.eyebrow{font-size:9px;letter-spacing:.12em;color:#7896a6;margin-bottom:14px}
.learn-app #category-nav{display:flex;flex-direction:column;gap:1px;max-height:calc(100vh - 296px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4dce6 transparent}
.learn-app .category-link{display:flex;align-items:center;gap:11px;min-height:36px;width:100%;padding:8px 10px;border:0;border-left:2px solid transparent;background:none;text-align:left;font-size:12px;color:#596f81;line-height:1.5}
.learn-app .category-link:hover{background:#eaf5fa90;color:#1c6380}
.learn-app .category-link[aria-current=true]{border-left-color:#8f6e8b;background:linear-gradient(90deg,#e9f5fa90,transparent);color:#245f78;font-weight:650}
.learn-app .category-number{font-size:9px;color:#a2b5c1;min-width:14px;font-variant-numeric:tabular-nums}
.learn-app .topic-search{margin-top:19px;border-top:1px solid #dce8ee;padding-top:13px}
.learn-app .topic-search>summary{font-size:10px;color:#617c8e;cursor:pointer;list-style:none}
.learn-app .topic-search>summary::after{content:" +";color:#95aab7}
.learn-app .topic-search[open]>summary::after{content:" −"}
.learn-app .search-field{margin-top:12px}
.learn-app .search-field input{width:100%;min-width:0;padding:9px 10px;border:1px solid #d1e3ec;border-radius:5px;background:#fff;color:#315e76;font-size:11px}
.learn-app .search-summary{font-size:9px;color:#8096a5;margin:8px 0}
.learn-app .search-results{max-height:290px;overflow:auto;border:1px solid #dae8ef;border-radius:5px;background:#fff;margin-top:8px}
.learn-app .search-result{display:block;width:100%;border:0;background:none;padding:10px;text-align:left;font-size:11px;color:#496e84;line-height:1.6}
.learn-app .search-result+.search-result{border-top:1px solid #e8f0f4}
.learn-app .search-result:hover{background:#edf8fd}
.learn-app .search-result small{display:block;font-size:9px;color:#687f90;margin-top:3px}
.learn-app .no-results{font-size:10px;line-height:1.8;color:#8096a6;padding:12px}
.learn-app .sidebar-note{font-size:10px;line-height:1.8;color:#6b8394;margin-top:20px}
.learn-app .mobile-topic-picker{display:none}
.learn-app .lesson{min-width:0;scroll-margin-top:105px}
.learn-app .lesson-header{padding-bottom:23px}
.learn-app .lesson-header h2{font:500 32px/1.2 var(--serif);letter-spacing:-.025em;margin:6px 0 9px}
.learn-app .lesson-header h2:focus{outline:none}
.learn-app .lesson-header>p:last-child{font-size:14px;color:#5c7486;line-height:1.8}
.learn-app .step-card{border:1px solid #d0e3ec;border-radius:9px;background:#ffffffde;padding:29px 31px 20px;box-shadow:0 8px 26px #22476105}
.learn-app .step-count{font-size:9px;letter-spacing:.13em;color:#567e93;font-weight:700}
.learn-app .step-card{scroll-margin-top:105px}
.learn-app .step-card h3:focus{outline:none}
.learn-app .step-card h3{font:500 29px/1.25 var(--serif);color:#244b65;margin:12px 0 12px;letter-spacing:-.012em}
.learn-app .step-card>p:not(.step-count){max-width:660px;font-size:14px;line-height:1.9;color:#536c80}
.learn-app .step-result{display:flex;gap:13px;margin-top:24px;padding:17px 18px;border-left:2px solid #c0adbf;background:linear-gradient(90deg,#f5f7fa,#fbfdff);border-radius:0 5px 5px 0}
.learn-app .step-result>span{color:#8e9cae;font-size:19px;line-height:1.4}
.learn-app .result-label{font-size:8px;letter-spacing:.13em;font-weight:700;color:#647b8d;margin-bottom:4px}
.learn-app .step-result>div>p:last-child{font-size:14px;line-height:1.8;color:#556f82}
.learn-app .step-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:24px;border-top:1px solid #e1ebf1;padding-top:18px}
.learn-app .step-navigation>.quiet-button{justify-self:start}
.learn-app .step-navigation>.primary-button{justify-self:end;min-height:39px;font-size:11px;padding:8px 15px}
.learn-app .step-position{font-size:10px;color:#697f8e;font-variant-numeric:tabular-nums}
.learn-app .watch-section{margin-top:31px}
.learn-app .watch-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
.learn-app .watch-heading h3{font:500 20px var(--serif);color:#45697e}
.learn-app .watch-heading>span{font-size:10px;color:#657b8c}
.learn-app .video-shell{overflow:hidden;border:1px solid #cbdfe9;border-radius:8px;background:#edf7fd}
.learn-app video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#edf7fd}
.learn-app .media-description{font-size:12px;color:#62798a;line-height:1.8;margin-top:10px}
.learn-app .video-unavailable{border:1px solid #dee9ef;border-radius:7px;padding:16px 18px;background:#f9fcfeb5;color:#61798b;font-size:12px;line-height:1.9}
.learn-app .video-shortcuts{margin-top:10px}
.learn-app .video-shortcuts>summary{display:inline;cursor:pointer;font-size:10px;color:#7491a4;list-style:none}
.learn-app .video-shortcuts>summary::after{content:" +"}
.learn-app .video-shortcuts[open]>summary::after{content:" −"}
.learn-app .sample-scenes{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.learn-app .sample-scene{font-size:10px;padding:5px 9px;min-height:30px;border:1px solid #d5e6ee;border-radius:5px;background:#fff;color:#607f93}
.learn-app .sample-scene span{color:#a0b2bd;margin-right:5px}
.learn-app .sample-scene:hover,.learn-app .sample-scene[aria-pressed=true]{background:#edf8fc;border-color:#a9cddb;color:#326f88}
.learn-app .playback-status{font-size:10px;line-height:1.8;color:#627a8c;margin-top:9px;min-height:0}
.learn-app .playback-status:empty{display:none}
.learn-app .more-details{border-block:1px solid #d6e6ee;margin-top:31px}
.learn-app .more-details>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:18px 0;list-style:none;color:#496d84}
.learn-app .more-details>summary>span{font-size:13px;font-weight:600}
.learn-app .more-details>summary>span::after{content:" +";margin-left:6px;color:#8ba4b3}
.learn-app .more-details[open]>summary>span::after{content:" −"}
.learn-app .more-details>summary>small{font-size:11px;color:#687f90}
.learn-app .details-content{padding:5px 0 25px}
.learn-app .fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:10px 0 20px}
.learn-app .fact{padding:14px 13px;border:1px solid #dce9ef;border-radius:6px;background:#ffffff9c}
.learn-app .fact-label{display:block;font-size:8px;line-height:1.6;color:#6c8495;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.learn-app .fact-value{display:block;font:500 24px/1.3 var(--serif);color:#49788e;margin:6px 0}
.learn-app .fact p{font-size:10px;line-height:1.8;color:#5e788b}
.learn-app .reference-tables:empty{display:none}
.learn-app .reference-tables{display:grid;gap:13px}
.learn-app .reference-table{border:1px solid #dce9ef;border-radius:6px;background:#ffffffa3;overflow:hidden}
.learn-app .reference-table h3{font:500 20px var(--serif);color:#426e87;padding:15px 16px 0}
.learn-app .table-scroll{overflow:auto;overscroll-behavior-x:contain;padding:12px 16px}
.learn-app .reference-table table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;line-height:1.8}
.learn-app .reference-table th{font-size:8px;letter-spacing:.07em;color:#6d8596;text-transform:uppercase;font-weight:700;padding:8px 10px 8px 0;border-bottom:1px solid #d8e7ee;vertical-align:top}
.learn-app .reference-table td{padding:9px 10px 9px 0;border-bottom:1px solid #e6eff4;color:#5e798d;vertical-align:top}
.learn-app .reference-table td:first-child{color:#4d758c}
.learn-app .reference-table tr:last-child td{border:0}
.learn-app .table-note{padding:0 16px 14px;font-size:10px;line-height:1.8;color:#607c90}
.learn-app .detail-section{margin-top:24px}
.learn-app .detail-section h3{font:500 22px var(--serif);color:#4a7188;margin-bottom:15px}
.learn-app .command-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.learn-app .command-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 10px;border:1px solid #d9e8ef;border-radius:5px;background:#ffffffbf;min-height:37px}
.learn-app .command-row code{font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#417c96;overflow-wrap:anywhere}
.learn-app .copy-command{flex:none;border:0;background:none;padding:3px;font-size:9px;color:#5a7a8e}
.learn-app .copy-command:hover{color:#326d87}
.learn-app .small-note{font-size:10px;line-height:1.8;color:#607b8f;margin-top:12px}
.learn-app .small-note code{font-size:10px}
.learn-app .detail-section ul{display:grid;gap:9px;padding-left:16px;margin:0;font-size:12px;line-height:1.9;color:#5d778b}
.learn-app .detail-section li::marker{color:#adc5d2}
.learn-app .lesson-footer{display:flex;justify-content:space-between;gap:20px;padding-top:20px}
.learn-app .lesson-footer .quiet-button{font-size:11px}
.learn-app .noscript-notice{padding:24px;margin:auto;max-width:850px;font-size:14px;color:#59788c}
@media(max-width:1050px){.learn-app .learn-hero{padding-inline:24px}
.learn-app .learn-workspace{padding-inline:24px;grid-template-columns:185px minmax(0,1fr);gap:29px}
.learn-app .category-link{font-size:11px;padding-inline:8px}
.learn-app .step-card{padding:24px 25px 18px}
.learn-app .step-card h3{font-size:27px}
.learn-app .command-list{grid-template-columns:1fr}
}
@media(max-width:760px){.learn-app .learn-hero{padding:35px 20px 34px}
.learn-app .learn-hero h1{font-size:43px}
.learn-app .learn-hero>p:not(.eyebrow):not(.resume-note){font-size:12px}
.learn-app .hero-actions{gap:23px;margin-top:23px}
.learn-app .hero-actions>.primary-button{min-height:42px;font-size:11px;padding-inline:18px}
.learn-app .hero-actions>.quiet-button{font-size:11px;min-width:70px}
.learn-app .resume-button{font-size:10px}
.learn-app .resume-note{font-size:9px}
.learn-app .learn-workspace{display:block;padding:0 17px;margin-bottom:43px}
.learn-app .lesson-sidebar{position:sticky;z-index:20;top:64px;margin:0 -17px 23px;padding:10px 17px;background:#f9fdfff5;border-block:1px solid #dce8ef;backdrop-filter:blur(13px)}
.learn-app .lesson-sidebar>.eyebrow,.learn-app #category-nav,.learn-app .sidebar-note{display:none}
.learn-app .mobile-topic-picker{display:flex;align-items:center;gap:13px}
.learn-app .mobile-topic-picker>label{font-size:9px;color:#8aa0af;white-space:nowrap}
.learn-app .mobile-topic-picker>select{width:100%;min-width:0;min-height:34px;border:1px solid #cddfe8;border-radius:5px;padding:6px 9px;background:#fff;color:#41677e;font-size:11px}
.learn-app .topic-search{margin:8px 0 0;border:0;padding:0}
.learn-app .topic-search>summary{font-size:9px}
.learn-app .topic-search[open]{padding-bottom:4px}
.learn-app .search-field{margin-top:9px}
.learn-app .search-field input{font-size:11px}
.learn-app .search-results{max-height:35vh}
.learn-app .search-result{font-size:11px}
.learn-app .lesson{scroll-margin-top:157px}
.learn-app .lesson-header{padding-bottom:20px}
.learn-app .lesson-header h2{font-size:29px}
.learn-app .lesson-header>p:last-child{font-size:13px}
.learn-app .lesson-header>.eyebrow{font-size:9px}
.learn-app .step-card{padding:22px 20px 17px;scroll-margin-top:157px}
.learn-app .step-card h3{font-size:27px}
.learn-app .step-card>p:not(.step-count){font-size:14px;line-height:1.85}
.learn-app .step-result{padding:14px 13px;margin-top:20px;gap:10px}
.learn-app .step-result>div>p:last-child{font-size:13px}
.learn-app .step-navigation{margin-top:20px;padding-top:14px}
.learn-app .step-navigation>.primary-button{font-size:10px;min-height:37px;padding:8px 12px}
.learn-app .step-navigation>.quiet-button{font-size:11px}
.learn-app .watch-section{margin-top:26px}
.learn-app .watch-heading h3{font-size:19px}
.learn-app .watch-heading>span{font-size:9px}
.learn-app .media-description{font-size:12px}
.learn-app .more-details{margin-top:26px}
.learn-app .more-details>summary>small{font-size:9px}
.learn-app .fact-grid{gap:8px}
.learn-app .fact{padding:12px 10px}
.learn-app .fact-label{font-size:8px;letter-spacing:0}
.learn-app .fact-value{font-size:21px}
.learn-app .fact p{font-size:9px}
.learn-app .reference-table table{font-size:10px}
.learn-app .reference-table th{font-size:8px}
.learn-app .detail-section ul{font-size:11px}
}
@media(max-width:380px){.learn-app .learn-hero h1{font-size:38px}
.learn-app .learn-hero{padding-inline:17px}
.learn-app .hero-actions{gap:16px}
.learn-app .step-card{padding-inline:17px}
.learn-app .step-card h3{font-size:25px}
.learn-app .more-details>summary>small{max-width:150px;text-align:right;font-size:8px}
}
@media(prefers-reduced-motion:reduce){}
.learn-app .transcript-link-row{margin:10px 0 16px;font-size:12px}
.learn-app .transcript-link-row a{text-decoration:underline;text-underline-offset:3px}
.learn-app .try-lesson{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding:22px;border:1px solid #cfdee8;border-radius:10px;background:#ffffff9c}
.learn-app .try-lesson h3{font:500 23px/1.3 var(--serif);color:var(--ink)}
.learn-app .try-lesson p{max-width:37em;margin-top:7px;font-size:12px;color:#526d81}
.learn-app .try-lesson code{font-size:12px}
.learn-app .try-lesson .primary-button{display:inline-flex;align-items:center;justify-content:center;flex:none;text-decoration:none}
@media(max-width:760px){.learn-app .try-lesson{align-items:flex-start;flex-direction:column;padding:20px;gap:16px}
.learn-app .try-lesson .primary-button{min-height:44px}
.learn-app .try-lesson p{font-size:13px}
}

.learn-app{padding-top:var(--header);overflow-wrap:break-word}
.learn-app .learn-hero h1{color:var(--ink);text-shadow:none}
.learn-app .lesson-sidebar{top:calc(var(--header) + 25px)}
.learn-app .video-shell{position:relative}
.learn-app .play-lesson{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-width:150px;box-shadow:0 4px 28px #10274640}
.learn-app .play-lesson:disabled{opacity:1;background:#385b70;cursor:wait}
.learn-app .learn-transcript{max-width:52rem;margin:auto;padding:3rem 1.25rem 4rem;font:1rem/1.75 var(--sans)}
.learn-app .learn-transcript h1,.learn-app .learn-transcript h2{font-family:var(--serif);color:var(--ink);line-height:1.25}
.learn-app .learn-transcript h1{font-size:2.25rem;margin:1rem 0}
.learn-app .learn-transcript h2{font-size:1.6rem;margin:0 0 1rem}
.learn-app .learn-transcript nav{border-block:1px solid var(--line);padding:.7rem 0}
.learn-app .learn-transcript nav ol{padding-left:1.5rem}
.learn-app .learn-transcript section{margin-top:2.5rem}
.learn-app .learn-transcript p{margin:.8rem 0}
.learn-app .learn-transcript a{text-decoration:underline;text-underline-offset:.2em}
.learn-app .learn-transcript .time{font-variant-numeric:tabular-nums;font-size:.875rem;color:#475f73;margin-right:.7rem;white-space:nowrap}
.learn-app .learn-transcript .intro,.learn-app .learn-transcript .note{color:#475f73}
.learn-app .learn-transcript .note{border-left:3px solid #9f809f;padding-left:1rem}
.learn-app .learn-transcript .back{display:inline-block;margin-top:2rem}
@media(max-width:760px){.learn-app .lesson-sidebar{top:var(--header)}.learn-app .learn-transcript h1{font-size:1.8rem}}