/* Separate learning tracks (low-level design, machine learning). Uses theme tokens only, so all three themes apply. */
.track-label a{color:inherit}
.track-label a:hover{color:var(--text)}
#lld-nav,#ml-nav,#databases-nav,#networking-nav{display:flex;flex-direction:column;gap:3px}
#mobile-lld-nav,#mobile-ml-nav,#mobile-databases-nav,#mobile-networking-nav{display:grid;gap:5px}
.drawer-track{margin-top:18px}
.track-teaser{margin-top:44px}
.track-banner{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:24px;transition:border-color .18s}
.track-banner:hover{border-color:var(--muted)}
.track-banner h3{font-size:19px;font-weight:500;letter-spacing:-.4px;margin:12px 0 8px;color:var(--text)}
.track-banner p{font-size:12px;color:var(--muted);line-height:1.85;max-width:620px;margin:0}
.track-group-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.track-group-chip{display:inline-flex;align-items:center;gap:7px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:4px 8px}
.track-banner-cta{flex:none;font-size:12px;color:var(--accent);white-space:nowrap}
.track-hero{grid-template-columns:minmax(0,1fr)}
.chapter-card[data-category="Creational"] .card-icon{color:#d6b5e8;border-color:#d6b5e83a;background:#d6b5e80a}
.chapter-card[data-category="Structural"] .card-icon{color:#93c4c0;border-color:#93c4c03a;background:#93c4c00a}
.chapter-card[data-category="Behavioral"] .card-icon{color:#d9b48f;border-color:#d9b48f3a;background:#d9b48f0a}
:root:is([data-theme='vercel-dark'],[data-theme='vercel-light']) .chapter-card.track-card[data-category] .card-icon{color:var(--text);border-color:var(--line);background:transparent}
.track-library .breadcrumb a:hover{color:var(--text)}
@media(max-width:700px){.track-banner{flex-direction:column;align-items:flex-start;padding:18px}.track-banner h3{font-size:16px}.track-teaser{margin-top:34px}}
.track-link{display:flex;align-items:center;gap:12px;color:var(--muted);min-height:46px;padding:10px 12px;font-size:14px;border-radius:5px}
.track-link:hover{background:var(--raised);color:var(--text)}
.track-link.active{background:var(--raised);color:var(--accent)}
.chapter-card[data-category="Fundamentals"] .card-icon{color:#93b8d0;border-color:#93b8d03a;background:#93b8d00a}
.chapter-card[data-category="Neural networks"] .card-icon{color:#d6b5e8;border-color:#d6b5e83a;background:#d6b5e80a}
.chapter-card[data-category="Training"] .card-icon{color:#a4c9a8;border-color:#a4c9a83a;background:#a4c9a80a}
.chapter-card[data-category="Language & attention"] .card-icon{color:#d9b48f;border-color:#d9b48f3a;background:#d9b48f0a}
.chapter-card[data-category="Tokenization & data"] .card-icon{color:#93c4c0;border-color:#93c4c03a;background:#93c4c00a}
.chapter-card[data-category="Build a GPT"] .card-icon{color:#c8b5fb;border-color:#c8b5fb3a;background:#c8b5fb0a}
.chapter-card[data-category="Relational core"] .card-icon{color:#93b8d0;border-color:#93b8d03a;background:#93b8d00a}
.chapter-card[data-category="Internals"] .card-icon{color:#d6b5e8;border-color:#d6b5e83a;background:#d6b5e80a}
.chapter-card[data-category="Correctness"] .card-icon{color:#a4c9a8;border-color:#a4c9a83a;background:#a4c9a80a}
.chapter-card[data-category="Operations"] .card-icon{color:#d9b48f;border-color:#d9b48f3a;background:#d9b48f0a}
.chapter-card[data-category="Beyond relational"] .card-icon{color:#93c4c0;border-color:#93c4c03a;background:#93c4c00a}
.chapter-card[data-category="Capstone"] .card-icon{color:#c8b5fb;border-color:#c8b5fb3a;background:#c8b5fb0a}