.dl-tutorial-library,.single-dl_tutorial .entry-content{--dl-ink:#142b4f;--dl-blue:#2563eb;--dl-border:#dbe5f1;color:var(--dl-ink)}
.dl-tutorial-library{max-width:1160px;margin:20px auto 80px;padding:0 20px}
.dl-tutorial-hero{background:linear-gradient(120deg,#10254a,#1b4e9c);border-radius:20px;padding:48px;color:#fff;margin-bottom:32px}
.dl-tutorial-hero h1{color:#fff;font-size:clamp(30px,4vw,48px);margin:12px 0}
.dl-tutorial-hero p{color:#d9e9ff;max-width:690px;margin:0;line-height:1.7}
.dl-eyebrow,.dl-track-kicker{font-size:12px;letter-spacing:.13em;font-weight:750}
.dl-eyebrow{color:#a8ccff}
.dl-tutorial-tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px;align-items:start}
.dl-track{border:1px solid var(--dl-border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 35px #122f5510}
.dl-track-header{padding:25px 24px 18px;border-bottom:1px solid var(--dl-border);display:flex;justify-content:space-between;gap:12px;align-items:start}
.dl-track-header h2{font-size:24px;color:#132b51;margin:8px 0}
.dl-track-header p{font-size:14px;color:#61738b;line-height:1.5;margin:0}
.dl-track-kicker{color:#2563eb}
.dl-count{white-space:nowrap;background:#eff6ff;color:#1d4ed8;border-radius:100px;padding:6px 10px;font-size:12px;font-weight:700}
.dl-lesson-list{list-style:none!important;margin:0!important;padding:8px 0!important}
.dl-lesson-list li{list-style:none!important;margin:0!important;padding:0!important;border-bottom:1px solid #eef2f7}
.dl-lesson-list li:last-child{border-bottom:0}
.dl-lesson-list a{display:flex;align-items:center;gap:12px;padding:11px 20px;color:#1f3554!important;text-decoration:none!important;font-size:14px;line-height:1.4}
.dl-lesson-list a:hover,.dl-lesson-list a:focus-visible{background:#f1f6ff;color:#174cb1!important}
.dl-lesson-index{font-size:11px;font-weight:750;color:#7c91aa;min-width:22px}
.dl-arrow{margin-left:auto;color:#7a9bc4}
.dl-lesson-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:1px solid #dce6f2;padding:12px 0 20px;margin-bottom:26px;color:#64748b;font-size:14px}
.dl-lesson-meta a{color:#1d4ed8}
pre.dl-tutorial-code{background:#0f172a!important;color:#e2e8f0!important;border:1px solid #24334e;border-radius:12px;padding:22px;overflow-x:auto;white-space:pre;line-height:1.6;font-size:13px}
pre.dl-tutorial-code code{color:inherit!important;background:transparent!important;white-space:pre}
.dl-tutorial-tip{background:#eff6ff;border-left:4px solid #2563eb;padding:16px 20px;border-radius:0 8px 8px 0}
.dl-lesson-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:36px 0}
.dl-lesson-nav a{display:inline-flex;padding:12px 18px;border:1px solid #cbdcf1;border-radius:10px;color:#1d4ed8;text-decoration:none;font-weight:650}
.dl-lesson-nav a:hover{background:#eff6ff}
.dl-course-cta{padding:24px;border-radius:14px;background:#eef5ff;margin:35px 0}
.dl-course-cta strong{font-size:19px;color:#142b4f}
.dl-course-cta p{margin:8px 0 16px}
.dl-course-cta a{display:inline-flex;padding:10px 18px;background:#1d4ed8;color:#fff!important;text-decoration:none;border-radius:8px;font-weight:650}
@media(max-width:600px){.dl-tutorial-hero{padding:28px 22px}.dl-track-header{padding:20px}.dl-lesson-nav a{width:100%}}

.dl-lead{font-size:1.12em;line-height:1.75}.dl-solution{margin:18px 0;padding:14px 18px;border:1px solid #dbe5f0;border-radius:10px;background:#f7faff}.dl-solution summary{cursor:pointer;font-weight:700}.dl-tutorial-code{overflow-x:auto;white-space:pre;tab-size:2}