/* Class catalog, lesson and test styling */
.cf{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin:0 0 14px}
.cf label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin:0 0 4px}
.cf input,.cf select{width:100%;padding:11px;border:1px solid #c8d1dd;border-radius:10px;font:inherit;background:#fff}
@media(max-width:760px){.cf{grid-template-columns:1fr}}
.crow{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:0 0 10px}
.crow h3{margin:2px 0 4px;font-size:17px;color:var(--navy)}
.crow .meta{font-size:13px;color:var(--mute)}
.crow .acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.crow{grid-template-columns:1fr}.crow .acts{justify-content:flex-start}}
.lesson{max-width:860px;line-height:1.65}
.lesson h2{margin:34px 0 10px;color:var(--navy);font-size:24px}
.lesson h3{margin:26px 0 8px;color:var(--navy);font-size:19px}
.lesson h4{margin:20px 0 6px;color:var(--navy)}
.lesson p,.lesson li{font-size:16px}
.lesson table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px}
.lesson th,.lesson td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.lesson th{background:#e8eef7;color:var(--navy)}
.lesson figure.fig{margin:22px 0;padding:14px 18px;border:1px solid var(--line);border-left:5px solid var(--navy);border-radius:10px;background:#f6f8fc}
.lesson .fig-n{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy2);margin:0 0 4px}
.lesson figcaption{font-size:15px;color:#33475f}
.lesson .fig:empty{display:none}
.lesson-gate{max-width:860px}
.lesson-tools{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}