html:has(.learning-page){scroll-behavior:auto}body:has(.learning-page){overflow-x:clip}.learning-page{max-width:1360px;margin:auto;padding:32px 40px}.learning-header{max-width:850px;padding-bottom:48px}.learning-header .section-kicker{margin-top:36px}.learning-header h1{letter-spacing:-.025em;max-width:760px;margin:14px 0 20px;font-size:clamp(2.2rem,4.8vw,4.5rem);font-weight:500;line-height:1.04}.learning-header>p:last-child{color:#becbd5;max-width:760px;font-size:1.15rem;font-weight:300;line-height:1.65}.learning-header>p a{text-underline-offset:4px;text-decoration:underline}.learning-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:48px;display:grid}.learning-content{min-width:0}.course-nav{max-height:calc(100svh - 56px);margin:-6px;padding:6px;position:sticky;top:28px;overflow-y:auto}.course-nav-title{margin-bottom:16px;font-size:.75rem;font-weight:500}.course-nav summary{cursor:pointer;min-height:64px;padding:12px 0;font-size:.8125rem;font-weight:300;display:none}.course-nav summary strong:not([hidden]){margin-top:4px;font-size:.9375rem;font-weight:500;line-height:1.35;display:block}.course-nav summary:focus-visible{outline-offset:3px;outline:3px solid #d7e2ea}.course-nav ol{list-style:none}.course-nav [data-course-link],.course-unavailable{border-top:1px solid #d7e2ea30;gap:12px;min-height:44px;padding:14px 10px;font-size:.9375rem;line-height:1.35;display:flex}.course-nav [data-course-link]:hover{background:#d7e2ea15}.course-nav [data-course-link] span{opacity:.8;font-variant-numeric:tabular-nums}.course-unavailable{text-align:left;color:#9aa7b0;cursor:not-allowed;background:0 0;width:100%}.course-unavailable>span:first-child{font-variant-numeric:tabular-nums}.course-unavailable small{margin-top:5px;font-size:.75rem;display:block}.learning-page:not(:has(.course-section:target)) [data-course-link][href=\#curso-1]{color:#0c0c0c;background:#d7e2ea;font-weight:500}.course-sections{min-width:0}.course-section{border-bottom:1px solid #d7e2ea40;margin-bottom:32px;padding:0 0 48px;scroll-margin-top:28px;display:none}.course-section:target,.course-sections:not(:has(>.course-section:target))>.course-section:first-child{display:block}.course-number{color:#bacbd7;flex-wrap:wrap;align-items:center;gap:16px;font-size:.875rem;display:flex}.course-number span{border:1px solid #d7e2ea40;border-radius:99px;padding:4px 10px}.course-header h2{margin:18px 0 12px;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500;line-height:1.12}.course-source{color:#adbdc9;text-underline-offset:4px;padding:7px 0;font-size:.875rem;line-height:1.5;text-decoration:underline;display:inline-block}.course-explainer{align-items:start;gap:28px;margin-top:30px;display:grid}.course-copy h3{font-size:1.25rem;font-weight:500;line-height:1.3}.course-copy>p{color:#c3ced7;margin-top:14px;font-weight:300;line-height:1.7}.course-copy dl{margin-top:24px}.course-copy dl>div{border-left:2px solid #d7e2ea50;margin-top:16px;padding-left:16px}.course-copy dt{font-weight:500}.course-copy dd{color:#bccbd6;margin-top:4px;font-weight:300;line-height:1.6}.learning-lab,.course-diagram{color:#0c0c0c;background:#d7e2ea;border-radius:28px;min-width:0;padding:28px}.learning-lab figcaption,.course-diagram figcaption{font-size:1.1rem;font-weight:500;line-height:1.35}.lab-sentence{margin:26px 0;font-size:1.55rem;font-weight:400;line-height:1.35}.learning-lab label,.lab-control-label{margin-bottom:8px;font-size:.875rem;display:block}.learning-lab select{width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit;color:#0c0c0c;background:#fff;border:1px solid #0c0c0c60;border-radius:12px;padding:10px 30px 10px 12px;font-size:.9375rem;display:block}.learning-lab :where(select,button):focus-visible{outline-offset:3px;outline:3px solid #0c0c0c}.token-strip,.attention-strip{flex-wrap:wrap;gap:8px;margin:28px 0;list-style:none;display:flex}.token-strip li,.attention-strip li{text-align:center;background:#fff;border:1px solid #0c0c0c25;border-radius:12px;flex:1 0 auto;min-width:56px;padding:14px 10px}.token-strip strong,.attention-strip strong{font-size:1.15rem;font-weight:500;display:block}.token-strip small,.attention-strip small{margin-top:4px;font-size:.8125rem;display:block}.lab-result{border-top:1px solid #0c0c0c30;padding-top:20px;font-weight:500;line-height:1.55}.lab-note{color:#303e48;margin-top:14px;font-size:.875rem;font-weight:300;line-height:1.6}.word-counts{flex-wrap:wrap;gap:6px;margin:28px 0;display:flex}.word-counts>div{text-align:center;background:#fff;border-radius:10px;flex:1 0 auto;padding:10px}.word-counts dt{font-size:.9375rem}.word-counts dd{font-size:1.6rem;font-weight:500}[data-attention-lab] [data-lab-controls]{margin-top:22px}.lab-control-label{margin-top:18px}.attention-controls{flex-wrap:wrap;gap:6px;display:flex}.attention-controls button{cursor:pointer;background:0 0;border:1px solid #0c0c0c60;border-radius:99px;min-height:44px;padding:8px 14px}.attention-controls button[aria-pressed=true]{color:#fff;background:#0c0c0c}.attention-strip li[data-visible=false]{color:#47555e;background:0 0;border-style:dashed}.course-diagram ol{margin:28px 0;list-style:none}.course-diagram li{background:#fff;border-radius:16px;align-items:center;gap:16px;margin-bottom:20px;padding:18px 16px;display:flex;position:relative}.course-diagram li:not(:last-child):after{content:"↓";line-height:20px;position:absolute;bottom:-20px;left:28px}.course-diagram li>span{color:#40525f;font-size:.875rem}.course-diagram strong{font-size:1.05rem;font-weight:500}.course-diagram li p{color:#3c4a54;font-size:.9375rem;font-weight:300}.diagram-takeaway{font-size:.9375rem;font-weight:300;line-height:1.6}.course-notes{margin-top:28px}.course-notes>p{color:#adbdc9;margin-bottom:10px;font-size:.875rem}.course-notes details{border-top:1px solid #d7e2ea30}.course-notes summary{cursor:pointer;min-height:48px;padding:16px 4px;font-weight:400}.course-notes summary:focus-visible{outline-offset:2px;outline:3px solid #d7e2ea}.concept-explanation{max-width:760px;padding:4px 0 28px;font-weight:300;line-height:1.7}.concept-explanation h3{margin:20px 0 8px;font-size:1.15rem;font-weight:500}.concept-explanation p,.concept-explanation ul{color:#bdcbd5;margin:10px 0}.concept-explanation ul{padding-left:22px;list-style:outside}.concept-explanation pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #d7e2ea30;border-radius:12px;max-width:100%;margin-top:16px;padding:16px;font-size:.875rem}.concept-explanation .article-inline-code{color:#d7e2ea;background:#d7e2ea15;border-color:#d7e2ea30}.learning-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:0 0 24px;display:flex}.learning-footer p{color:#adbdc9;font-size:.875rem}@media (width>=1280px){.course-explainer{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}@media (width<=1023px){.learning-layout{grid-template-columns:minmax(0,1fr);gap:32px}.course-nav{z-index:10;background:#0c0c0c;border-bottom:1px solid #d7e2ea40;max-height:none;top:0;overflow:visible}.course-nav-title{display:none}.course-nav details{position:relative}.course-nav summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.course-nav summary::marker{content:""}.course-nav summary::-webkit-details-marker{display:none}.course-nav summary>span:last-child{font-size:1.5rem}.course-nav details[open] summary>span:last-child{transform:rotate(180deg)}.course-nav ol{overscroll-behavior:contain;background:#0c0c0c;border:1px solid #d7e2ea40;max-height:min(60svh,480px);padding:6px;position:absolute;top:100%;left:-6px;right:-6px;overflow-y:auto}.course-section,.learning-content :where(h3,pre,summary,select,button){scroll-margin-top:112px}.learning-lab{order:-1}}@media (width<=639px){.learning-page{padding:28px 20px}.learning-header{padding-bottom:30px}.learning-header>p:last-child{font-size:1.05rem}.course-nav [data-course-link],.course-unavailable{gap:8px;font-size:.875rem}.course-section{margin-bottom:36px;padding-bottom:40px}.learning-lab,.course-diagram{padding:22px 18px}}
