/* Aurora 3.11: editorial musician learning guides. Fully server-rendered and responsive. */
.dl-learning-guide,.dl-learning-index{--gl-ink:#11192a;--gl-muted:#65748a;--gl-accent:#80b9ff;--gl-ambient:#467be466;overflow:clip}
.dl-guide-tone-glacier{--gl-accent:#316bbe;--gl-ambient:#7cc4ff55}
.dl-guide-tone-violet{--gl-accent:#b2a3ff;--gl-ambient:#856ee177}
.dl-guide-tone-emerald{--gl-accent:#64e0cb;--gl-ambient:#2fb7b977}
.dl-learning-guide :is(h1,h2,h3),.dl-learning-index :is(h1,h2,h3){letter-spacing:-.055em}
.dl-learning-hero{position:relative;background:linear-gradient(130deg,#060b14,#12223a 60%,#0b111f);color:#fff;overflow:hidden;isolation:isolate}
.dl-guide-tone-glacier .dl-learning-hero{background:linear-gradient(130deg,#e9f4ff,#d2e4fc 58%,#f6faff);color:#152843}
.dl-guide-tone-violet .dl-learning-hero{background:linear-gradient(127deg,#0e0d25,#27215a 65%,#11112b)}
.dl-guide-tone-emerald .dl-learning-hero{background:linear-gradient(125deg,#071f26,#0a3e4d 60%,#071c24)}
.dl-learning-aura{position:absolute;inset:-30% -30% auto 20%;width:95%;height:150%;background:radial-gradient(ellipse,var(--gl-ambient) 0%,transparent 58%);opacity:.8;filter:blur(24px);pointer-events:none;z-index:-1}
.dl-learning-crumbs{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:26px 0 4px;font-size:12px;color:currentColor;opacity:.8}
.dl-learning-crumbs a{color:inherit;text-decoration:none}.dl-learning-crumbs a:hover{text-decoration:underline}
.dl-learning-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:44px;min-height:685px}
.dl-learning-hero-copy{padding:90px 0 95px;min-width:0}.dl-learning-eyebrow{display:inline-flex;align-items:center;font-size:11px;font-weight:750;letter-spacing:.17em;color:var(--gl-accent);text-transform:uppercase}
.dl-learning-hero h1{font-size:clamp(45px,5.3vw,78px);line-height:1.02;font-weight:760;margin:19px 0 24px;letter-spacing:-.07em;max-width:790px}.dl-learning-hero h1 em{font-style:normal;color:var(--gl-accent)}
.dl-learning-lede{font-size:clamp(17px,1.85vw,23px);line-height:1.47;color:inherit;opacity:.79;max-width:625px}
.dl-learning-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.dl-learning-hero .apple-button-outline{border-color:currentColor;color:inherit}
.dl-learning-hero-proof{margin-top:36px;display:flex;gap:13px;flex-wrap:wrap;align-items:center;font-size:11px;color:inherit;opacity:.72;letter-spacing:.02em}
.dl-learning-hero-proof span+span::before{content:'·';margin-right:13px}.dl-learning-hero-proof svg{width:16px;height:16px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2}
.dl-learning-hero-media{position:relative;display:flex;min-width:0;min-height:580px;align-items:center;justify-content:center;flex-direction:column;padding:48px 0 84px}
.dl-learning-art-frame{width:100%;max-width:560px;height:min(56vw,530px);min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}
.dl-learning-art-frame::before{content:'';position:absolute;z-index:-1;inset:8% 9%;background:radial-gradient(ellipse,var(--gl-ambient),transparent 70%);filter:blur(32px)}
.dl-learning-art-frame img{width:auto;height:auto;max-width:95%;max-height:100%;object-fit:contain!important;border-radius:25px;filter:drop-shadow(0 35px 48px #0006)}
.dl-learning-art-reflection{position:absolute;bottom:0;left:28%;right:28%;height:12px;filter:blur(15px);background:#0005;border-radius:100%}
.dl-learning-art-app{position:absolute;left:5%;right:5%;bottom:36px;display:flex;gap:12px;align-items:center;max-width:430px;margin:auto;padding:13px 18px;border:1px solid #ffffff30;background:#ffffff16;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;color:inherit;box-shadow:0 14px 36px #0002}
.dl-guide-tone-glacier .dl-learning-art-app{border-color:#7899c352;background:#fff9}
.dl-learning-art-app .app-icon{width:49px!important;height:49px!important;min-width:49px!important;aspect-ratio:1!important;flex:0 0 49px!important;border-radius:12px!important}
.dl-learning-art-app>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}.dl-learning-art-app small{font-size:9px;letter-spacing:.12em;opacity:.7}.dl-learning-art-app strong{font-size:14px;line-height:1.2}.dl-learning-art-fallback{min-height:420px;width:min(100%,470px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(145deg,#172946,#0c1526);border:1px solid #ffffff20;border-radius:40px;color:#daeaff;text-align:center;box-shadow:0 32px 66px #0004;padding:30px}
.dl-learning-art-fallback .app-icon{width:140px!important;height:140px!important;font-size:75px!important;border-radius:31px!important}
.dl-learning-art-fallback span{font-size:24px;font-weight:720;letter-spacing:-.04em}.dl-learning-art-fallback small{font-size:12px;color:#8fa9ca}
.dl-learning-nav{position:sticky;top:56px;z-index:12;background:#ffffffed;color:#263a54;border-bottom:1px solid #e0e8f0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.dl-learning-nav .section-boundary{display:flex;align-items:center;gap:29px;padding:17px 0;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}
.dl-learning-nav span{font-size:10px;letter-spacing:.14em;font-weight:750;color:#8390a6;margin-right:5px}.dl-learning-nav a{font-size:13px;font-weight:650;color:#435e80}.dl-learning-nav a:hover{color:#0071e3}
.dl-learning-kicker{color:#4780bb;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:770}
.dl-learning-overview{padding:105px 0 115px;background:#f7faff;color:var(--gl-ink)}
.dl-learning-overview-head{max-width:830px;margin-bottom:44px}.dl-learning-overview-head h2,.dl-learning-section-title h2,.dl-learning-faq h2,.dl-learning-next h2,.dl-learning-index-heading h2{font-size:clamp(37px,5vw,67px);line-height:1.04;letter-spacing:-.066em;margin:13px 0 22px}.dl-learning-overview-head h2 em{font-style:normal;color:#4c78bf}
.dl-learning-overview-head p,.dl-learning-section-title p{font-size:18px;line-height:1.6;color:#5d6b82;max-width:780px}
.dl-learning-reference-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.dl-learning-notes-card,.dl-learning-insight-card{padding:35px 35px 30px;border-radius:25px;min-width:0;box-shadow:0 14px 47px #1b2d4b0c}
.dl-learning-notes-card{background:linear-gradient(140deg,#0c182d,#233e69 80%);color:#fff;border:1px solid #50648a}
.dl-learning-card-overline{display:inline-block;font-size:10px;font-weight:750;letter-spacing:.17em;color:#9dc4fb}
.dl-learning-notes-card h3,.dl-learning-insight-card h3{font-size:clamp(23px,2.6vw,34px);line-height:1.14;margin:13px 0 15px}.dl-learning-notes-card>p,.dl-learning-insight-card>p{font-size:16px;line-height:1.6;color:inherit;opacity:.82}
.dl-learning-notes{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0 23px}
.dl-learning-notes>div{min-width:66px;flex:1 1 65px;padding:15px 7px;background:#ffffff12;border:1px solid #ffffff2a;border-radius:13px;text-align:center;display:flex;flex-direction:column;gap:5px}.dl-learning-notes small{font-size:11px;color:#b0c6e9}.dl-learning-notes strong{font-size:clamp(21px,2.4vw,31px);letter-spacing:-.06em;color:#fff;font-weight:760}
.dl-learning-reference-caution{font-size:13px!important;opacity:.72!important;margin-top:15px}.dl-learning-notes-empty{font-size:20px;line-height:1.4;margin:32px 0}.dl-learning-notes-empty span{color:#84cbff;font-size:37px;margin-right:9px}
.dl-learning-insight-card{background:#fff;color:#1e3048;border:1px solid #e0e9f4}.dl-learning-insight-card .dl-learning-card-overline{color:#6389b8}
.dl-learning-insight-card>p{color:#5d6d83;opacity:1}.dl-learning-insight-note{border-top:1px solid #e8edf4;padding-top:19px;margin-top:25px;display:flex;gap:14px;align-items:start}.dl-learning-insight-note>span{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;border-radius:11px;background:#e8f1ff;color:#2a76c5;font-size:20px}.dl-learning-insight-note p{font-size:14px;color:#455e7a;line-height:1.55;margin:0}
.dl-learning-method{padding:110px 0;background:#fff;color:var(--gl-ink)}.dl-learning-section-title{max-width:770px;margin-bottom:44px}.dl-learning-method-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:start;gap:65px}
.dl-learning-steps{counter-reset:dl-step}.dl-learning-step{display:grid;grid-template-columns:60px 1fr;gap:21px;padding:25px 0 30px;border-top:1px solid #e3e9f2}.dl-learning-step-number{display:grid;place-items:center;font-size:18px;font-weight:730;color:#5486c9;width:52px;height:52px;border-radius:15px;background:#eaf3ff}
.dl-learning-step-content h3{font-size:25px;line-height:1.18;margin:3px 0 12px}.dl-learning-step-content>p{font-size:16px;line-height:1.65;color:#66758a;margin:0 0 14px}.dl-learning-check{cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#64758d;font-weight:620}.dl-learning-check input{accent-color:#1675e8;width:16px;height:16px}.dl-learning-step.is-complete .dl-learning-step-number{background:#dff7eb;color:#1c8c56}.dl-learning-step.is-complete .dl-learning-step-content h3{color:#557565}.dl-learning-progress{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #e5ebf4;padding:20px 0;color:#516682;font-size:13px}.dl-learning-progress button{border:0;background:transparent;color:#1167c7;font-weight:680;cursor:pointer}
.dl-learning-visual-note{position:sticky;top:120px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#101b2e,#203958);color:#fff;min-height:480px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:30px;box-shadow:0 22px 65px #11234623}.dl-learning-visual-note>img{display:block;max-width:100%;max-height:440px;width:auto;height:auto;object-fit:contain!important;border-radius:18px;filter:drop-shadow(0 18px 25px #0005)}.dl-learning-visual-note>.app-icon{width:128px!important;height:128px!important;font-size:70px;border-radius:29px}.dl-learning-visual-copy{margin-top:30px;max-width:350px;text-align:center}.dl-learning-visual-copy>span{font-size:10px;color:#90c0ff;letter-spacing:.15em;font-weight:720}.dl-learning-visual-copy h3{font-size:25px;letter-spacing:-.045em;margin:11px 0 12px}.dl-learning-visual-copy p{font-size:13px;line-height:1.62;color:#b1c4df}
.dl-learning-screens-section{background:#070b14;color:#fff;padding:105px 0 100px;overflow:hidden}.dl-learning-section-light .dl-learning-kicker{color:#98c7ff}.dl-learning-section-light p{color:#b8c9e1}.dl-learning-screenshot-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#586b88 #0c1526;padding:10px max(22px,calc((100vw - 1240px)/2)) 35px}
.dl-learning-screenshot{flex:0 0 clamp(224px,24vw,340px);scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:470px;padding:14px 14px 0;border:1px solid #344258;background:linear-gradient(135deg,#18273c,#0e1625);border-radius:24px;overflow:hidden;transition:transform .25s,border-color .25s}.dl-learning-screenshot:hover{transform:translateY(-5px);border-color:#7baef0}.dl-learning-screenshot img{width:100%;height:390px;object-fit:contain!important;object-position:center;display:block;border-radius:14px;background:#0c1019}
.dl-learning-shot-info{display:flex;flex-direction:column;gap:6px;margin:12px 0 0;padding-bottom:14px}.dl-learning-shot-info strong{color:#f2f7ff;font-size:14px;line-height:1.3}.dl-learning-shot-info small{font-size:12px;color:#96b9eb}.dl-learning-swipe{text-align:center;color:#a0b0cb;font-size:12px;margin:10px 0 0}.dl-learning-screens-empty{padding:55px 25px;border:1px dashed #597399;border-radius:22px;background:#111d30;max-width:660px}.dl-learning-screens-empty>span{display:block;color:#c4dfff;font-size:48px;margin-bottom:10px}.dl-learning-screens-empty strong{font-size:21px}.dl-learning-screens-empty p{color:#9cb0c8;line-height:1.5}
.dl-learning-app-section{padding:110px 0;background:#f6f9fe}.dl-learning-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.dl-learning-app-card{display:grid;grid-template-columns:minmax(155px,.56fr) minmax(0,1fr);overflow:hidden;border:1px solid #dde7f3;border-radius:26px;background:#fff;box-shadow:0 16px 46px #1a2b4710;min-height:430px}.dl-learning-app-card-media{display:flex;align-items:center;justify-content:center;min-width:0;background:radial-gradient(ellipse at 40% 35%,#3f71b955,transparent 65%),linear-gradient(130deg,#101b2d,#293e59);padding:20px}.dl-learning-app-card-media>img{max-width:100%;width:auto;height:auto;max-height:360px;object-fit:contain!important;border-radius:15px;filter:drop-shadow(0 14px 20px #0005)}.dl-learning-app-card-media .app-icon{max-width:130px!important;width:100%!important;aspect-ratio:1!important;height:auto!important;font-size:75px!important;border-radius:25px!important}
.dl-learning-app-card-copy{padding:30px 25px 24px;display:flex;flex-direction:column}.dl-learning-edition{font-size:10px;letter-spacing:.13em;color:#5a8dc5;font-weight:720}.dl-learning-app-card-title{display:flex;align-items:center;gap:9px;margin:13px 0}.dl-learning-app-card-title .app-icon{width:40px!important;height:40px!important;aspect-ratio:1!important;flex:0 0 40px!important;border-radius:10px!important}.dl-learning-app-card-title h3{font-size:22px;line-height:1.13;margin:0}.dl-learning-app-card-copy>p{font-size:13px;line-height:1.56;color:#6b7890;margin:4px 0 18px}.dl-learning-features{display:flex;gap:7px;flex-wrap:wrap;list-style:none;margin:0 0 20px;padding:0}.dl-learning-features li{padding:7px 9px;background:#edf4fc;border-radius:999px;font-size:11px;color:#416590}.dl-learning-app-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:auto}.dl-learning-app-actions a{color:#086ac7;font-size:13px;font-weight:660}.dl-learning-app-actions a:hover{text-decoration:underline}
.dl-learning-help{padding:105px 0;background:#fff}.dl-learning-problems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.dl-learning-problems article{border-radius:23px;border:1px solid #e1eaf4;background:#f9fbfe;padding:31px;box-shadow:0 10px 26px #15223e09}.dl-learning-problem-icon{display:grid;place-items:center;background:#e6f0ff;color:#327bd3;font-size:22px;font-weight:750;width:40px;height:40px;border-radius:13px}.dl-learning-problems h3{margin:21px 0 12px;font-size:24px}.dl-learning-problems p{font-size:15px;line-height:1.65;color:#63728a}.dl-learning-faq{padding:72px 0 0;max-width:880px}.dl-learning-faq h2{font-size:clamp(34px,4vw,54px)}.dl-learning-faq-list details{border-bottom:1px solid #dfe7f1;padding:20px 0}.dl-learning-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;font-size:17px;font-weight:680;line-height:1.45;color:#263f61}.dl-learning-faq-list summary::-webkit-details-marker{display:none}.dl-learning-faq-list summary span{font-size:23px;color:#4783cc}.dl-learning-faq-list details[open] summary span{transform:rotate(45deg)}.dl-learning-faq-list details>p{font-size:15px;line-height:1.7;color:#5b6c83;margin:13px 0 0}.dl-learning-studio-note{margin-top:60px;background:#eff6ff;border-left:4px solid #4389dd;border-radius:15px;padding:27px 32px;max-width:880px}.dl-learning-studio-note span{font-size:10px;letter-spacing:.14em;color:#3977b5;font-weight:760}.dl-learning-studio-note h3{font-size:25px;margin:10px 0}.dl-learning-studio-note p{color:#516780;line-height:1.75}
.dl-learning-next{padding:100px 0 110px;background:radial-gradient(ellipse at 80% 80%,#375c9c66,transparent 65%),#0a101e;color:#fff}.dl-learning-next h2{font-size:clamp(37px,5vw,68px);line-height:1.04;margin:15px 0 20px}.dl-learning-next>div>p{color:#b2c5df;font-size:17px;margin-bottom:28px}.dl-learning-more-links{display:flex;flex-wrap:wrap;gap:10px}.dl-learning-more-links a{display:inline-flex;align-items:center;gap:12px;border:1px solid #49628b;border-radius:999px;padding:12px 16px;background:#ffffff0a;color:#dceaff;font-size:13px;font-weight:700}.dl-learning-more-links a:hover{background:#ffffff21}.dl-learning-more-links a span{color:#7ec0ff}.dl-learning-index-back{display:inline-block;margin-top:27px;color:#84c0ff;font-size:15px;font-weight:700}
/* Instrument library, a showcase instead of a plain index. */
.dl-learning-index-hero{padding:130px 0 110px;background:radial-gradient(ellipse at 75% 10%,#39599c77,transparent 60%),linear-gradient(130deg,#070b15,#172c4a);color:#fff}.dl-learning-index-hero h1{font-size:clamp(51px,7vw,105px);line-height:.96;letter-spacing:-.075em;margin:24px 0}.dl-learning-index-hero h1 em{font-style:normal;color:#9fc4ff}.dl-learning-index-hero p{font-size:clamp(18px,2vw,24px);line-height:1.48;color:#c0cde2;max-width:700px}.dl-learning-index-highlights{margin-top:38px;display:flex;flex-wrap:wrap;gap:12px;color:#94a9c7;font-size:12px}.dl-learning-index-highlights span+span::before{content:'·';margin-right:12px}.dl-learning-index-tabs{background:#edf4ff;border-bottom:1px solid #dbe5f0;position:sticky;top:56px;z-index:12}.dl-learning-index-tabs .section-boundary{display:flex;gap:27px;padding:20px 0;overflow-x:auto;white-space:nowrap}.dl-learning-index-tabs a{color:#345b87;font-size:13px;font-weight:700}.dl-learning-index-content{background:#f6f9ff;padding:75px 0 85px}.dl-learning-index-family{scroll-margin-top:140px;padding:40px 0 70px;border-bottom:1px solid #e0e8f3}.dl-learning-index-family:last-child{border-bottom:0}.dl-learning-index-heading{margin-bottom:32px}.dl-learning-index-heading h2{font-size:clamp(36px,4.6vw,66px);line-height:1.05;margin:11px 0 14px}.dl-learning-index-heading p{font-size:17px;color:#6a788d;max-width:650px}.dl-learning-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dl-learning-index-card{display:flex;flex-direction:column;border:1px solid #e0e8f1;border-radius:23px;background:#fff;overflow:hidden;box-shadow:0 13px 36px #0f26420c;transition:transform .25s,box-shadow .25s;min-width:0}.dl-learning-index-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px #0f26421b}.dl-learning-index-card-art{display:flex;align-items:center;justify-content:center;height:225px;padding:15px;overflow:hidden;background:radial-gradient(ellipse at 45% 35%,#5274b077,transparent 60%),linear-gradient(130deg,#111c30,#233c5e)}.dl-learning-index-card-art img{height:100%;width:auto;max-width:100%;object-fit:contain!important;border-radius:11px;filter:drop-shadow(0 12px 22px #0005)}.dl-learning-index-card-art .app-icon{width:115px!important;height:115px!important;aspect-ratio:1!important;border-radius:23px!important;font-size:57px!important}.dl-learning-index-note-icon{font-size:66px;color:#aed4ff}.dl-learning-index-card-info{display:flex;flex-direction:column;gap:10px;padding:25px 24px 28px;flex:1}.dl-learning-index-card-info small{color:#4f85bf;font-size:10px;font-weight:740;letter-spacing:.14em}.dl-learning-index-card-info>strong{font-size:27px;line-height:1.1;color:#162c49;letter-spacing:-.045em}.dl-learning-index-card-info>span{font-size:13px;line-height:1.62;color:#66778f}.dl-learning-index-card-info>em{margin-top:auto;font-size:13px;color:#1167c3;font-style:normal;font-weight:740;padding-top:10px}.dl-learning-index-outro{background:#0b1424;color:#fff;padding:105px 0}.dl-learning-index-outro h2{font-size:clamp(42px,5.4vw,78px);line-height:1.03;margin:15px 0}.dl-learning-index-outro p{font-size:18px;line-height:1.6;color:#b6c9e2;max-width:660px;margin-bottom:30px}
@media(max-width:1080px){.dl-learning-hero-grid{grid-template-columns:1fr 1fr;gap:18px}.dl-learning-method-grid{gap:30px}.dl-learning-app-card{grid-template-columns:1fr}.dl-learning-app-card-media{height:290px}.dl-learning-app-card-media img{max-height:260px}.dl-learning-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.dl-learning-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.dl-learning-hero-copy{padding:68px 0 10px;text-align:center}.dl-learning-hero h1{margin-inline:auto;max-width:690px}.dl-learning-lede{margin-inline:auto}.dl-learning-actions,.dl-learning-hero-proof{justify-content:center}.dl-learning-hero-media{padding:5px 0 60px;min-height:0}.dl-learning-art-frame{height:450px;min-height:0}.dl-learning-art-app{position:relative;bottom:auto;margin-top:-16px}.dl-learning-reference-grid{grid-template-columns:1fr}.dl-learning-method-grid{grid-template-columns:1fr}.dl-learning-visual-note{position:relative;top:auto;min-height:0;max-width:600px;width:100%;margin:auto}.dl-learning-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-learning-app-card-media{height:225px}.dl-learning-app-card-media img{max-height:205px}.dl-learning-app-card-copy{padding:22px}.dl-learning-app-card-title h3{font-size:20px}}
@media(max-width:620px){.dl-learning-crumbs{padding-top:18px}.dl-learning-hero h1{font-size:clamp(43px,10.5vw,58px)}.dl-learning-hero-copy{padding-top:56px}.dl-learning-hero .apple-button{font-size:12px;padding-inline:15px}.dl-learning-art-frame{height:365px}.dl-learning-art-frame img{max-height:340px}.dl-learning-art-app{max-width:325px;padding:11px}.dl-learning-art-app strong{font-size:12px}.dl-learning-overview,.dl-learning-method,.dl-learning-app-section,.dl-learning-help{padding:72px 0}.dl-learning-section-title h2,.dl-learning-overview-head h2{font-size:clamp(36px,9vw,48px)}.dl-learning-overview-head p,.dl-learning-section-title p{font-size:16px}.dl-learning-notes-card,.dl-learning-insight-card{padding:24px 20px}.dl-learning-notes{gap:6px}.dl-learning-notes>div{flex-basis:48px;min-width:48px;padding:13px 5px}.dl-learning-notes strong{font-size:22px}.dl-learning-step{grid-template-columns:45px 1fr;gap:13px}.dl-learning-step-number{width:40px;height:40px;font-size:14px}.dl-learning-step-content h3{font-size:21px}.dl-learning-step-content>p{font-size:14px}.dl-learning-screens-section{padding:70px 0}.dl-learning-screenshot-track{gap:11px;padding-inline:17px}.dl-learning-screenshot{flex-basis:min(78vw,290px);min-height:0}.dl-learning-screenshot img{height:325px}.dl-learning-app-grid,.dl-learning-problems{grid-template-columns:1fr}.dl-learning-app-card{grid-template-columns:1fr}.dl-learning-app-card-media{height:270px}.dl-learning-app-card-media img{max-height:250px}.dl-learning-faq h2{font-size:36px}.dl-learning-faq-list summary{font-size:15px}.dl-learning-next,.dl-learning-index-outro{padding:70px 0}.dl-learning-nav .section-boundary{gap:21px;padding:13px 0}.dl-learning-nav span{display:none}.dl-learning-nav a{font-size:12px}.dl-learning-index-hero{padding:83px 0 77px}.dl-learning-index-hero h1{font-size:clamp(48px,11vw,68px)}.dl-learning-index-hero p{font-size:17px}.dl-learning-index-grid{grid-template-columns:1fr}.dl-learning-index-card-art{height:220px}.dl-learning-index-content{padding:35px 0}.dl-learning-index-family{padding:37px 0 50px}.dl-learning-index-card-info>strong{font-size:24px}.dl-learning-index-highlights{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dl-learning-index-card,.dl-learning-screenshot{transition:none}.dl-learning-index-card:hover,.dl-learning-screenshot:hover{transform:none}}

.dl-learning-editorial-extra{max-width:880px}.dl-learning-editorial-extra .dl-learning-editorial-text p{line-height:1.75;color:#4a6684}.dl-learning-editorial-extra .dl-learning-editorial-text :is(h2,h3,h4){font-size:clamp(21px,3vw,30px);margin:22px 0 10px;letter-spacing:-.04em}.dl-learning-editorial-extra img{max-width:100%;height:auto;border-radius:16px}