.learn-page{padding-bottom:85px}.learn-hero{grid-template-columns:1.35fr 1fr;align-items:center;gap:64px;padding:25px 0 48px;display:grid}.learn-hero h1,.learn-lesson-heading h1{max-width:900px;margin:20px 0;font-size:clamp(38px,4.8vw,64px);line-height:1.08}.learn-hero h1 em{color:var(--green);font-style:normal}.learn-intro{color:#62665c;max-width:720px;font-size:17px;line-height:1.8}.learn-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:25px;display:flex}.learn-statline{color:#62665c;margin-top:23px;font-size:12px}.learn-statline span{padding:0 6px}.learn-notebook{color:#fbfbef;background:#263c32;border-radius:18px;padding:32px;box-shadow:9px 10px #e8ebdf}.learn-notebook-top{letter-spacing:.12em;color:#c5d4bc;align-items:center;gap:10px;font-size:10px;display:flex}.learn-notebook-question{letter-spacing:-.03em;margin:25px 0;font-size:25px;line-height:1.5}.learn-result-line{border-top:1px solid #536255;justify-content:space-between;gap:15px;padding:13px 0;font-size:12px;display:flex}.learn-result-line strong{color:#dfdfb2;font-weight:500}.learn-notebook-note{color:#cbd5c8;margin:18px 0;font-size:12px}.learn-notebook a{align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.learn-topic-nav{border-block:1px solid var(--line);flex-wrap:wrap;gap:12px 32px;padding:20px 0;display:flex}.learn-topic-nav a{font-size:14px;font-weight:600}.learn-topic-nav a:hover{color:var(--green);text-decoration:underline}.learn-setup-note{color:#62665c;align-items:flex-start;gap:13px;max-width:920px;margin:26px 0 44px;font-size:13px;display:flex}.learn-setup-note svg{margin-top:5px}.learn-topic-section{margin:42px 0 58px;scroll-margin-top:110px}.learn-section-heading{align-items:flex-start;gap:20px;margin-bottom:23px;display:flex}.learn-number{color:var(--green);background:#eaf0e5;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:12px;display:grid}.learn-section-heading h2{font-size:28px}.learn-section-heading p{color:#62665c;margin-top:5px}.learn-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.learn-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;flex-direction:column;padding:24px;transition:border-color .15s,transform .15s;display:flex}.learn-card:hover{border-color:#95aa8c;transform:translateY(-2px)}.learn-card-meta{color:#65695e;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.learn-card-number{letter-spacing:.09em;color:var(--green);margin:30px 0 10px;font-size:10px}.learn-card h3{font-size:22px;line-height:1.35}.learn-card p{color:#62665c;margin:12px 0 24px;font-size:13px}.learn-card-footer{border-top:1px solid var(--line);color:#62665c;align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-size:10px;display:flex}.learn-card-footer span{margin-left:auto}.learn-next-panel{background:var(--soft);border-radius:14px;align-items:flex-start;gap:24px;padding:32px;display:flex}.learn-next-panel h2{margin-bottom:8px;font-size:27px}.learn-next-panel p{color:#62665c;max-width:580px}.learn-next-panel .learn-actions{min-width:180px;margin-top:0}.learn-lesson-heading{border-bottom:1px solid var(--line);margin-bottom:38px;padding:10px 0 40px}.learn-lesson-heading .detail-meta{color:#65695e;flex-wrap:wrap;margin-top:22px}.learn-lesson-layout{grid-template-columns:minmax(0,780px) minmax(190px,1fr);align-items:start;gap:64px;display:grid}.learn-article{min-width:0}.learn-article section{margin-bottom:48px;scroll-margin-top:110px}.learn-article h2{margin:12px 0 18px;font-size:28px;line-height:1.35}.learn-article h3{margin:22px 0 9px;font-size:18px;line-height:1.5}.learn-article p{color:#555d52;margin:12px 0;font-size:15px;line-height:1.9}.learn-article .eyebrow{color:var(--green);font-size:10px}.learn-article code{overflow-wrap:anywhere;font-size:.9em}.learn-ready{border:1px solid var(--line);background:#f5f6ef;border-radius:12px;padding:22px 26px}.learn-ready h2{align-items:center;gap:12px;font-size:21px;display:flex}.learn-ready a:not(.button){text-underline-offset:3px;text-decoration:underline}.learn-ready .button{margin-top:12px}.learn-steps{margin:25px 0;padding:0;list-style:none}.learn-steps li{border-bottom:1px solid var(--line);gap:20px;padding:20px 0;display:flex}.learn-steps li>span{color:var(--green);padding-top:5px;font-size:12px}.learn-steps h3{margin:0 0 8px}.learn-steps p{margin:0}.learn-code-details{border:1px solid var(--line);border-radius:10px;margin:18px 0 25px;overflow:hidden}.learn-code-details summary{cursor:pointer;padding:18px;font-weight:600}.learn-code-details .guide-snippet{min-width:0;margin:0;padding:0 16px}.learn-article pre{white-space:pre;max-width:100%;overflow-x:auto}.learn-article pre code{overflow-wrap:normal}.learn-output{color:#ecf0df;background:#263c32;border-radius:10px;padding:22px;font-size:12px;line-height:1.9}.learn-challenge{background:#f4f0e5;border-radius:12px;padding:24px 28px}.learn-questions{border-top:1px solid var(--line);margin:24px 0}.learn-questions details{border-bottom:1px solid var(--line);scroll-margin-top:110px}.learn-questions summary{cursor:pointer;padding:20px 4px;font-size:16px;font-weight:600;line-height:1.6}.learn-questions summary span{color:var(--green);margin-right:12px;font-size:11px}.learn-answer{padding:0 4px 20px}.learn-answer p{margin:10px 0;line-height:1.85}.learn-pitfall{background:var(--soft);border-radius:8px;padding:14px 18px;font-size:13px!important}.learn-sources{border-top:1px solid var(--line);padding-top:20px}.learn-sources a{color:var(--green);text-underline-offset:3px;padding:8px 0;font-size:13px;text-decoration:underline;display:block}.learn-toc{border-left:1px solid var(--line);padding:10px 0 10px 25px;position:sticky;top:115px}.learn-toc>a{color:#59614f;padding:10px 0;font-size:13px;line-height:1.55;display:block}.learn-toc>a:hover{text-decoration:underline}.learn-toc hr{border:0;border-top:1px solid var(--line);margin:22px 0}.learn-toc .eyebrow{margin-bottom:12px}.learn-practice-page{max-width:1050px}.learn-filters{grid-template-columns:2fr 1fr 1fr;gap:18px;display:grid}.learn-filters label{flex-direction:column;gap:9px;font-size:12px;font-weight:600;display:flex}.learn-filters input,.learn-filters select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #cdd1c5;border-radius:8px;padding:13px;font-size:14px}.learn-count{color:#62665c;margin:24px 0;scroll-margin-top:110px;font-size:13px}.learn-practice-list{gap:18px;display:grid}.learn-practice-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:27px}.learn-practice-card h2{margin:17px 0;font-size:22px;line-height:1.45}.learn-practice-card summary{cursor:pointer;color:var(--green);padding:10px 0;font-size:13px}.learn-practice-card .text-link{margin-top:18px;font-size:12px}.learn-practice-card .learn-answer{color:#555d52;font-size:14px}.learn-pagination{justify-content:space-between;align-items:center;gap:15px;margin-top:28px;font-size:12px;display:flex}.learn-empty{text-align:center;border:1px dashed #bcc7b4;border-radius:12px;padding:50px 20px}.learn-empty h2{font-size:23px}.learn-empty p{margin:12px 0 20px}.learn-page summary:focus-visible{outline-offset:4px;outline:3px solid #e9663580}@media (max-width:1000px){.learn-hero{gap:32px}.learn-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-lesson-layout{gap:30px}.learn-next-panel{flex-wrap:wrap}}@media (max-width:700px){.learn-hero{grid-template-columns:minmax(0,1fr);padding-top:0}.learn-hero h1,.learn-lesson-heading h1{font-size:39px}.learn-intro{font-size:15px}.learn-notebook{padding:25px;box-shadow:5px 6px #e8ebdf}.learn-cards,.learn-lesson-layout{grid-template-columns:minmax(0,1fr)}.learn-toc{border-top:1px solid var(--line);padding-top:25px;position:static}.learn-ready,.learn-challenge,.learn-practice-card{padding:20px}.learn-filters{grid-template-columns:1fr 1fr}.learn-filters label:first-child{grid-column:1/-1}.learn-actions{align-items:flex-start;gap:18px}.learn-statline{font-size:11px}.learn-next-panel{padding:25px}.learn-section-heading h2,.learn-article h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.learn-card{transition:none}}