.learn-page{min-height:100vh;background:#000;color:var(--white)}
.learn-header{max-width:1320px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.learn-header .wordmark{width:76px;flex-shrink:0}
.learn-header .wordmark-art{display:block;width:100%;height:auto}
.learn-header nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#b8b8b8}
.learn-header nav a{display:inline-flex;align-items:center;min-height:44px}
.learn-header nav a:hover,.learn-header nav a[aria-current]{color:#fff}
.learn-main{max-width:1220px;margin:0 auto;padding:60px 5% 80px}
.learn-intro{max-width:760px;margin-bottom:40px}
.learn-intro .eyebrow{margin-bottom:16px}
.learn-intro h1{font:400 clamp(42px,6vw,72px)/1.08 var(--heading-font);text-transform:uppercase;letter-spacing:.025em;margin:0 0 20px}
.learn-intro>p:last-child{color:#b8b8b8;font-size:16px;line-height:1.7;max-width:620px;margin:0}
.learn-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;text-align:left}
.learn-category{padding:26px 24px;min-width:0}
.learn-category .category-number{display:block;font:10px var(--mono);letter-spacing:.12em;color:#a994d0;margin-bottom:24px}
.learn-category h2,.learn-category h3{font:800 18px/1.35 var(--mono);letter-spacing:-.04em;margin:0 0 12px;color:#f8f8f8}
.learn-category>p{font-size:13px;line-height:1.7;color:#a1a1a1;min-height:44px;margin:0 0 20px}
.learn-category ul{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}
.learn-category li+li{border-top:1px solid var(--line)}
.learn-category li a{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:15px 0;min-height:48px;font-size:13px;line-height:1.5;color:#d4d4d4}
.learn-category li a:hover{color:#fff}
.learn-category li a>span:last-child{color:#b79ade;font-size:16px;flex-shrink:0}
.learn-footer{max-width:1220px;margin:0 auto;padding:22px 5% 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#909090;font-size:11px;line-height:1.7}
.learn-footer p{margin:0;max-width:700px}
.learn-footer a{color:#b8b8b8}
.lesson-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start}
.lesson-sidebar{position:sticky;top:24px;border-right:1px solid var(--line);padding-right:24px}
.lesson-sidebar>p{margin:0 0 20px;font:10px var(--mono);letter-spacing:.12em;color:#a1a1a1}
.lesson-sidebar details{margin-bottom:18px}
.lesson-sidebar summary{font-size:13px;line-height:1.5;color:#e3e3e3;cursor:pointer;min-height:40px;padding:10px 0}
.lesson-sidebar details[open] summary{color:#c4a8f0}
.lesson-sidebar ul{list-style:none;padding:0 0 0 12px;margin:6px 0 0;border-left:1px solid #673ab74d}
.lesson-sidebar a{display:block;font-size:12px;line-height:1.6;padding:8px 0 8px 10px;color:#909090}
.lesson-sidebar a:hover,.lesson-sidebar a[aria-current]{color:#fff}
.lesson-sidebar a[aria-current]{border-left:2px solid #a17bdc;margin-left:-1px}
.lesson-body{min-width:0;max-width:740px}
.lesson-body .learn-intro{margin-bottom:36px}
.lesson-body .learn-intro h1{font-size:clamp(42px,5vw,64px)}
.lesson-section{scroll-margin-top:24px;padding-top:30px;margin-top:32px;border-top:1px solid var(--line)}
.lesson-section h2{font:500 clamp(23px,3vw,30px)/1.3 'Space Grotesk',Arial,sans-serif;letter-spacing:-.035em;margin:0 0 20px}
.lesson-section h3{font-size:17px;line-height:1.5;margin:28px 0 12px;letter-spacing:-.02em}
.lesson-section p,.lesson-section li{font-size:15px;line-height:1.85;color:#b8b8b8}
.lesson-section p{margin:0 0 18px}
.lesson-section ul,.lesson-section ol{padding-left:22px;margin:18px 0 24px}
.lesson-section li{padding-left:5px;margin-bottom:12px}
.lesson-section strong{color:#eee;font-weight:600}
.lesson-section a,.lesson-sources a{color:#c4a8f0;text-decoration:underline;text-underline-offset:4px}
.lesson-callout{border:1px solid #673ab74d;border-left:3px solid #9163d0;border-radius:0 14px 14px 0;background:#673ab70f;padding:20px 24px;margin:24px 0}
.lesson-callout p:last-child{margin-bottom:0}
.lesson-section table{width:100%;border-collapse:collapse;margin:22px 0;font-size:13px;line-height:1.7}
.lesson-section th,.lesson-section td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--line)}
.lesson-section th{color:#e4e4e4;font-weight:500;background:#673ab715}
.lesson-section td{color:#b8b8b8}
.lesson-section .table-wrap{overflow-x:auto}
.lesson-sources{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:#909090}
.lesson-sources h2{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.lesson-sources ul{padding-left:18px}
.lesson-paging{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}
.lesson-paging a{max-width:50%;font-size:13px;line-height:1.6;color:#ddd}
.lesson-paging small{display:block;color:#909090;font:9px var(--mono);letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}
.lesson-paging a:last-child{text-align:right;margin-left:auto}
.learn-hub .learn-content{max-width:1120px}
.learn-hub .learn-content h2{display:block;font:400 clamp(36px,5vw,66px)/1.15 var(--heading-font);text-transform:uppercase;letter-spacing:.025em;text-shadow:none;margin:0 0 24px}
.learn-hub .learn-content>.eyebrow{margin-bottom:12px}
.learn-hub .learn-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:1100px){.learn-hub .learn-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
.learn-hub .learn-category{padding:20px}
.learn-hub .learn-category .category-number{margin-bottom:14px}
.learn-hub .learn-category>p{display:none}
.learn-hub .learn-category li a{font-size:12px;padding:12px 0}
.learn-hub .learn-content>.text-link{margin-top:20px}
@media(max-width:900px){.learn-categories{gap:14px}.learn-category{padding:22px 18px}.lesson-layout{grid-template-columns:205px minmax(0,1fr);gap:32px}.lesson-sidebar{padding-right:16px}}
@media(max-width:760px){.learn-header{padding:16px 5%;gap:16px}.learn-header nav{gap:16px;font-size:12px}.learn-header .wordmark{width:60px}.learn-main{padding-top:34px}.learn-intro{margin-bottom:28px}.learn-intro h1{font-size:46px}.learn-intro>p:last-child{font-size:14px}.learn-categories{grid-template-columns:1fr}.learn-category>p{min-height:0}.learn-category .category-number{margin-bottom:14px}.learn-category li a{padding:13px 0}.learn-footer{flex-direction:column}.lesson-layout{grid-template-columns:1fr;gap:28px}.lesson-sidebar{position:static;border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px}.lesson-sidebar details{margin-bottom:6px}.lesson-sidebar>p{margin-bottom:8px}.lesson-sidebar ul{padding-bottom:6px}.lesson-section p,.lesson-section li{font-size:14px;line-height:1.8}.lesson-callout{padding:16px 18px}.lesson-section th,.lesson-section td{padding:10px;font-size:12px}.learn-hub .learn-categories{gap:10px}.learn-hub .learn-category{padding:12px 16px}.learn-hub .learn-category .category-number{display:none}.learn-hub .learn-category h3{font-size:16px;margin-bottom:8px}.learn-hub .learn-category li a{padding:6px 0;min-height:30px;font-size:12px}.learn-hub .learn-content h2{font-size:36px;margin-bottom:16px}}
@media(max-height:500px) and (orientation:landscape){.learn-hub .learn-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.learn-hub .learn-content h2{font-size:30px;margin-bottom:12px}.learn-hub .learn-category{padding:12px}.learn-hub .learn-category h3{font-size:14px}.learn-hub .learn-category li a{font-size:11px;min-height:32px;padding:6px 0}}
@media(prefers-reduced-motion:reduce){.learn-page{scroll-behavior:auto}.learn-category{transition:none}}

.lesson-section caption{text-align:left;color:#a1a1a1;font-size:11px;margin-bottom:10px}.lesson-paging .ui-icon{width:14px;height:14px;vertical-align:middle}

.learn-document{scroll-padding-top:0}.lesson-sidebar summary:focus-visible{outline:2px solid #b8b8b8;outline-offset:4px}

.learn-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 28px;margin-top:20px}
.learn-actions .text-link{min-height:32px;display:inline-flex;align-items:center;gap:12px}
.learn-actions .text-link:first-child{color:#c4a8f0}
.learn-practice{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;margin-top:28px}
.learn-practice .category-number{font:10px var(--mono);letter-spacing:.12em;color:#a994d0}
.learn-practice h2{font:500 26px/1.3 'Space Grotesk',Arial,sans-serif;margin:12px 0}
.learn-practice p{font-size:14px;line-height:1.7;color:#a1a1a1;margin:0}
.learn-practice>.ui-icon{flex-shrink:0;width:24px;height:24px;color:#c4a8f0}
.scenario-read{margin:24px 0;padding-left:22px;border-left:2px solid #673ab780}
.scenario-read dt{font-size:14px;font-weight:600;line-height:1.6;color:#eee;margin-top:22px}
.scenario-read dd{font-size:15px;line-height:1.85;color:#b8b8b8;margin:8px 0 0}
@media(max-width:760px){.learn-practice{padding:22px}.learn-practice h2{font-size:23px}.scenario-read{padding-left:16px}.scenario-read dd{font-size:14px;line-height:1.8}.learn-actions{gap:4px 20px;margin-top:12px}.learn-actions .text-link{font-size:11px}}

.lesson-extra{margin:24px 0;padding:8px 18px;border:1px solid var(--line);border-radius:12px;background:#673ab708}
.lesson-extra summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px;line-height:1.6;color:#c4a8f0}
.lesson-extra summary:focus-visible{outline:2px solid #b8b8b8;outline-offset:4px}
.lesson-extra p{margin:12px 0 16px;font-size:14px;line-height:1.8}

.learn-topic-link{display:none}
@media(max-width:600px) and (max-height:700px){.learn-hub .learn-category ul{display:none}.learn-hub .learn-category{padding:16px}.learn-hub .learn-topic-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;font-size:12px;color:#c4a8f0}.learn-hub .learn-category h3{font-size:16px}.learn-topic-link .ui-icon{width:16px;height:16px}}

.learn-back-top{position:fixed;left:50%;transform:translateX(-50%);bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 16px;white-space:nowrap;font:9px var(--mono);letter-spacing:.18em;color:#b8b8b8;background:linear-gradient(transparent,#000000e8);text-shadow:0 1px 4px #000}
.learn-back-top::before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:100vw;top:-20px;bottom:-20px;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#000 40%)}
.learn-back-top svg{width:20px;height:20px;animation:drift 2.5s ease-in-out infinite}
.learn-back-top:focus-visible{outline:2px solid #b997f5;outline-offset:4px}
.learn-footer{padding-bottom:110px}
@media(prefers-reduced-motion:reduce){.learn-back-top svg{animation:none}}

.learn-header .link-label{text-decoration:underline;text-underline-offset:4px}.learn-header .text-link{font-size:12px}

.learn-footer .link-label{text-decoration:underline;text-underline-offset:4px}.learn-footer .text-link{font-size:11px;flex-shrink:0}

.learn-category{position:relative}
.learn-category>*{position:static;z-index:auto}
.learn-category .category-link{color:inherit;text-decoration:none}
.learn-category .category-link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:pointer}
.learn-category li a,.learn-category .learn-topic-link{position:relative;z-index:2}
.learn-category:has(.category-link:focus-visible){outline:2px solid #b997f5;outline-offset:4px}