.course-page{min-height:100vh;background:radial-gradient(circle at 15% 8%,rgba(74,140,255,.14),transparent 26%),var(--bg)}
.course-header{padding:72px 0 42px;border-bottom:1px solid var(--line)}
.course-breadcrumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px;margin-bottom:22px}
.course-breadcrumb a{color:var(--accent);font-weight:700}
.course-title-row{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:end}
.course-title-row h1{font-size:clamp(38px,5vw,64px);margin:10px 0 14px}
.course-summary{max-width:760px;color:var(--muted);font-size:17px;margin:0}
.course-badge{padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);font-weight:700;white-space:nowrap}
.material-section{padding:54px 0 92px}
.material-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.material-heading h2{font-size:32px;margin:0}
.material-heading p{margin:6px 0 0;color:var(--muted)}
.material-list{display:grid;gap:14px}
.material-item{display:grid;grid-template-columns:72px 1fr auto;gap:20px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:.2s transform,.2s border-color,.2s box-shadow}
.material-item:hover{transform:translateY(-2px);border-color:rgba(48,215,196,.42);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.material-index{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,rgba(48,215,196,.18),rgba(74,140,255,.18));color:var(--accent);font-weight:800}
.material-copy h3{font-size:18px;margin:0 0 4px}
.material-copy p{margin:0;color:var(--muted);font-size:14px}
.material-actions{display:flex;gap:10px;align-items:center}
.file-type{font-size:11px;font-weight:800;letter-spacing:.08em;padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.material-open{font-weight:800;color:var(--accent)}
.empty-materials{padding:46px;border:1px dashed rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.025);text-align:center}
.empty-materials h3{margin-bottom:8px}.empty-materials p{color:var(--muted);margin:0}
.course-footer{padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
@media(max-width:760px){.course-header{padding-top:48px}.course-title-row{grid-template-columns:1fr}.course-badge{width:max-content}.material-heading{align-items:flex-start;flex-direction:column}.material-item{grid-template-columns:54px 1fr}.material-actions{grid-column:2;justify-content:flex-start}.material-index{width:48px;height:48px}}