.catalog-overview { max-width:1164px; margin:0 auto 30px; padding:19px 28px; display:flex; align-items:center; gap:25px; border:1px solid #dcecf3; border-radius:17px; background:#edf7fc; }.catalog-overview div { display:flex; align-items:baseline; gap:4px; color:#6692aa; }.catalog-overview strong { color:#4b7d99; font-size:28px; line-height:1; }.catalog-overview span { font-size:11px; }.catalog-overview p { margin:0 0 0 auto; color:#65808e; font-size:12px; }.period-schedule { margin:10px 15px 18px; border-top:1px solid var(--line); }.period-schedule-title { display:flex; align-items:center; gap:10px; padding:15px 0 8px; color:#658b72; font-size:11px; font-weight:700; }.period-schedule-title small { color:#9aa7a0; font-size:10px; font-weight:400; }.period-schedule a { display:grid; grid-template-columns:145px 1fr 1.8fr 20px; gap:12px; align-items:center; padding:10px 9px; border-top:1px solid #f1f3f2; color:#627069; font-size:11px; }.period-schedule a:hover { background:#fbfdfc; color:#4e8965; }.period-schedule a > span { color:#6c9879; font-size:10px; }.period-schedule a > strong { color:#3f4e46; font-size:11px; }.period-schedule a > small { overflow:hidden; color:#8b9891; text-overflow:ellipsis; white-space:nowrap; }.period-schedule a > b { color:#9aa69f; font-size:15px; font-weight:400; }.catalog-unit + .catalog-unit { margin-top:37px; }.catalog-unit-head { flex-wrap:wrap; }.catalog-unit-head > div { min-width:200px; }.catalog-total { white-space:nowrap; }.lesson-content .period-lesson-box { scroll-margin-top:90px; }.lesson-content .check-box { display:flex; align-items:center; justify-content:space-between; gap:20px; }.lesson-content .check-box h2 { margin-bottom:0; }.lesson-question .difficulty-easy,.lesson-question .difficulty-hard { display:inline-block; padding:4px 8px; border-radius:5px; font-size:10px; font-weight:700; }.lesson-question .difficulty-easy { background:#e7f4eb; color:#4f8b67; }.lesson-question .difficulty-hard { background:#fff0e6; color:#ae6c51; }
@media (max-width:700px) { .catalog-overview { margin:0 18px 23px; padding:16px; flex-wrap:wrap; gap:15px; }.catalog-overview p { width:100%; margin:2px 0 0; }.period-schedule { margin-left:8px; margin-right:8px; }.period-schedule a { grid-template-columns:1fr 20px; gap:4px 10px; }.period-schedule a > strong { grid-column:1; grid-row:2; }.period-schedule a > small { grid-column:1; grid-row:3; }.period-schedule a > b { grid-column:2; grid-row:1 / span 3; }.lesson-content .check-box { display:block; }.lesson-content .check-box .complete-button { margin-top:15px; } }