:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;background:#f5f7fb;font-family:system-ui,sans-serif}body{margin:0}main{background:#fff;border-radius:1rem;max-width:56rem;margin:8rem auto;padding:2rem;box-shadow:0 1rem 3rem #17203314}h1{margin-bottom:.25rem}header p{color:#3562cc;font-weight:700}form{max-width:30rem}.field{gap:.35rem;margin:1rem 0;display:grid}label,dt{font-weight:700}input{font:inherit;border:1px solid #9aa5b8;border-radius:.4rem;padding:.75rem}input:focus,button:focus,a:focus{outline-offset:2px;outline:3px solid #83a7ff}button{color:#fff;font:inherit;cursor:pointer;background:#2456c4;border:0;border-radius:.4rem;padding:.7rem 1rem;font-weight:700}button:disabled{opacity:.65;cursor:wait}.field-error,.form-error{color:#9b1c1c;font-weight:600}dl{grid-template-columns:8rem 1fr;gap:.75rem;display:grid}dd{margin:0}.articles-page,.article-detail{max-width:70rem;margin:3rem auto}.article-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.article-card{border:1px solid #d9dfeb;border-radius:.6rem;padding:1rem}.pagination{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.article-body{margin-top:2rem;line-height:1.65}.article-body pre{color:#f5f7fb;background:#172033;border-radius:.4rem;padding:1rem;overflow:auto}.article-body blockquote{border-left:4px solid #83a7ff;margin-left:0;padding-left:1rem}.article-body .callout{background:#eef3ff;border-left:4px solid #2456c4;padding:1rem}.button-link{color:#fff;background:#2456c4;border-radius:.4rem;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.app-nav{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-page{gap:1.5rem;display:grid}.panel{border:1px solid #d9dfeb;border-radius:.5rem;padding:1rem}.continue-panel{background:#eef3ff;border-color:#2456c4}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;display:grid}.dashboard-stats article{border:1px solid #d9dfeb;border-radius:.5rem;padding:1rem}.dashboard-stats strong{font-size:1.75rem;display:block}.progress-line{align-items:center;gap:.75rem;display:flex}.progress-line progress{width:100%;height:.85rem}.events{padding-left:1.2rem}.reader-grid{grid-template-columns:minmax(14rem,18rem) 1fr;align-items:start;gap:2rem;display:grid}.course-toc{border:1px solid #d9dfeb;border-radius:.5rem;padding:1rem;position:sticky;top:1rem}@media (max-width:800px){.reader-grid{grid-template-columns:1fr}.course-toc{position:static}}