:root{--hlms-accent:#2d6cdf;--hlms-muted:#6b7280;--hlms-border:#e5e7eb}
.hlms{font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;line-height:1.5}
.hlms *{box-sizing:border-box}
.hlms-grid{display:grid;gap:1rem}
.hlms-courses{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.hlms-card{border:1px solid var(--hlms-border);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.hlms-card .hlms-img{aspect-ratio:16/9;background:#f3f4f6}
.hlms-card .hlms-body{padding:12px}
.hlms-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.hlms-badge{font-size:12px;color:#111;border:1px solid var(--hlms-border);padding:2px 6px;border-radius:999px;background:#f9fafb}
.hlms-meta{color:var(--hlms-muted);font-size:13px;margin-top:6px}
.hlms-btn{display:inline-block;background:var(--hlms-accent);color:#fff;border:none;border-radius:8px;padding:8px 12px;text-decoration:none;font-weight:600;margin-top:10px;cursor:pointer}
.hlms-btn:disabled{opacity:.6;cursor:not-allowed}
.hlms-list{list-style:none;margin:0;padding:0}
.hlms-list li{border:1px solid var(--hlms-border);border-radius:10px;padding:10px;margin:8px 0;display:flex;justify-content:space-between;align-items:center;background:#fff}
.hlms-pill{font-size:12px;color:#0a7; border:1px solid #d1fae5;background:#ecfdf5;padding:2px 6px;border-radius:999px}
.hlms-pill.gray{color:#555;border-color:var(--hlms-border);background:#f9fafb}
.hlms-lesson{border:1px solid var(--hlms-border);border-radius:12px;padding:12px;background:#fff}
.hlms-attachments{margin-top:10px}
.hlms-attachments a{display:inline-block;margin-right:8px} .hlms-quiz{border:1px solid var(--hlms-border);border-radius:12px;padding:12px;background:#fff}
.hlms-q{margin:12px 0;padding:8px;border:1px solid var(--hlms-border);border-radius:10px}
.hlms-q .title{font-weight:700;margin-bottom:6px}
.hlms-q label{display:block;margin:4px 0}
.hlms-result{margin-top:12px;font-weight:700}
.hlms-alert{padding:8px 10px;border-radius:8px;background:#fef3c7;border:1px solid #fde68a;color:#92400e;margin-bottom:10px} .hlms-course{display:grid;gap:1rem}
@media(min-width:900px){.hlms-course{grid-template-columns:1.2fr .8fr}}
.hlms-hero{border:1px solid var(--hlms-border);border-radius:12px;padding:16px;background:#fff}
.hlms-hero h1{margin:0 0 .25rem}
.hlms-sub{color:var(--hlms-muted);margin:.25rem 0 .5rem}
.hlms-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--hlms-muted);font-size:13px}
.hlms-progress{margin-top:10px}
.hlms-progress .bar{height:10px;background:#f3f4f6;border-radius:999px;overflow:hidden}
.hlms-progress .fill{height:100%;width:0;background:var(--hlms-accent)}
.hlms-section{border:1px solid var(--hlms-border);border-radius:12px;padding:14px;background:#fff}
.hlms-section h3{margin:.2rem 0 .6rem}
.hlms-lessons .row{display:flex;justify-content:space-between;align-items:center;padding:8px;border:1px solid var(--hlms-border);border-radius:10px;margin:.35rem 0;background:#fff}
.hlms-lessons .row .left{display:flex;align-items:center;gap:8px}
.hlms-lessons .row .status{font-size:12px}
.hlms-muted-text{color:var(--hlms-muted)}
.hlms-teacher{display:flex;gap:12px;align-items:flex-start}
.hlms-teacher img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.hlms-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px} .hlms-crumbs{font-size:13px;color:var(--hlms-muted);margin-bottom:.5rem}
.hlms-crumbs a{text-decoration:none}
.hlms-lesson-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hlms-lesson-meta{color:var(--hlms-muted);font-size:13px}
.hlms-nav{display:flex;justify-content:space-between;gap:8px;margin-top:14px}
.hlms-nav a,.hlms-nav button{display:inline-block;text-decoration:none}
.hlms-btn.secondary{background:#f3f4f6;color:#111;border:1px solid var(--hlms-border)}
.hlms-sticky-side{position:sticky;top:80px}
.hlms-check{display:inline-flex;align-items:center;gap:6px}