.period-lesson-box { margin-top:38px; padding:24px; border:1px solid #e4ece7; border-radius:17px; background:#fbfdfc; }.period-lesson-head { display:flex; justify-content:space-between; gap:15px; align-items:start; }.period-lesson-head h2 { margin:4px 0 0; font-size:21px; }.period-lesson-head > span { padding:5px 8px; border-radius:5px; background:#e9f4ec; color:#5c8d6e; font-size:10px; }.period-knowledge { margin-top:16px; padding:12px; border-radius:9px; background:#edf7fc; color:#5e7e8e; font-size:12px; }.period-knowledge b { color:#4e7890; font-size:10px; }.period-knowledge p { margin:4px 0 0; }.self-check-title { display:flex; align-items:end; gap:12px; margin:24px 0 10px; }.self-check-title .eyebrow { margin:0; }.self-check-title span { color:#9aa6a0; font-size:10px; }.lesson-question { display:grid; grid-template-columns:1fr 260px; gap:17px; padding:15px 0; border-top:1px solid #edf0ee; }.lesson-question > div > p { margin:8px 0 0; color:#505d57; font-size:13px; line-height:1.6; }.lesson-question .question-answer-form textarea { min-height:64px; }.period-homework { margin-top:15px; padding-top:15px; border-top:1px solid #edf0ee; }.period-homework b { color:#6b9478; font-size:10px; }.period-homework p { margin:5px 0 0; color:#626e68; font-size:12px; }.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) { .lesson-question { grid-template-columns:1fr; gap:10px; }.period-lesson-box { padding:18px; }.self-check-title { display:block; }.self-check-title span { display:block; margin-top:3px; } }
.period-homework .question-answer-form { margin-top:12px; max-width:520px; }