/* Курс: шапка, уроки карточками, строки редактора */
.c-top { display:grid; grid-template-columns:1fr minmax(0,320px); gap:24px; align-items:center; margin-top:8px }
.c-lead h1 { margin:8px 0 6px; font-size:30px; line-height:1.15 } .c-lead p { margin:0 0 14px }
.c-go { display:inline-block; width:auto; padding:11px 22px }
.c-big .p-thumb { border-radius:14px; box-shadow:0 8px 24px rgba(30,40,70,.18) }

.c-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:16px; margin-top:16px }
.c-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; transition:transform .12s, box-shadow .12s }
.c-card:hover { transform:translateY(-2px); box-shadow:0 8px 22px rgba(30,40,70,.12) }
.c-pic { position:relative; display:block; color:inherit; text-decoration:none } .c-pic .p-thumb { border-radius:0; outline:0 }
.c-n { position:absolute; right:10px; top:10px; min-width:30px; height:30px; padding:0 8px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:rgba(20,24,36,.82); color:#fff; font-weight:700; font-size:15px }
.c-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; padding:2px; background:#f3f1ea } .c-strip .p-thumb { border-radius:0; outline:0 } .c-strip .p-empty { font-size:0 }
.c-b { flex:1; display:flex; flex-direction:column; gap:4px; padding:12px 14px 14px }
.c-b h3 { margin:0; font-size:17px; line-height:1.25 } .c-b h3 a { color:inherit; text-decoration:none } .c-b p { margin:0; font-size:14px }
.c-hw { margin-top:auto; display:flex; justify-content:space-between; gap:8px; padding:8px 10px; border-radius:10px; background:#f6f7fb; font-size:14px; text-decoration:none } .c-hw:hover { background:#eef2ff } .c-b p + .c-hw { margin-top:8px }

.c-mosaic { display:grid; gap:2px; background:#fff } .c-mosaic .p-thumb { border-radius:0; outline:0; aspect-ratio:auto; height:100% }
.c-mosaic.c-m2, .c-mosaic.c-m4 { grid-template-columns:1fr 1fr } .c-mosaic.c-m3 { grid-template-columns:1fr 1fr 1fr } .c-mosaic.c-m4 { grid-template-rows:1fr 1fr } .c-mosaic > div { min-width:0; min-height:0; overflow:hidden }

.c-row { display:grid; grid-template-columns:24px 112px 1fr auto; gap:12px; align-items:center; padding:8px 0; border-top:1px solid var(--line) } .c-row:first-of-type { border-top:0 }
.c-i { color:var(--muted); text-align:right } .c-rt { min-width:0; display:flex; flex-direction:column; gap:2px } .c-rt .muted { font-size:13px }
.c-do { display:flex; gap:6px; white-space:nowrap }
@media (max-width:640px) { .c-top { grid-template-columns:1fr } .c-row { grid-template-columns:20px 84px 1fr } .c-do { grid-column:2/-1 } }