:root{color-scheme:light;font:17px/1.55 system-ui;color:#19343e;background:#f8f8f3}body{margin:0}main{max-width:1100px;margin:auto;padding:32px 24px}a{color:#234d59}h1{font-size:2.4rem;margin-bottom:.3rem}.filters{display:flex;gap:24px;margin:28px 0;flex-wrap:wrap}label{display:grid;gap:6px}input,select{font:inherit;padding:10px;border:1px solid #93a69f;border-radius:7px}#lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}article{padding:22px;background:white;border:1px solid #d7e0dc;border-radius:10px}article h2{font-size:1.15rem;margin:6px 0 12px}article p{margin:7px 0}.badge{font-size:.85rem;color:#52675f}summary{cursor:pointer}li{font-size:.88rem}article>a{display:inline-block;margin-top:16px;font-weight:650}@media(max-width:400px){main{padding:22px 15px}#lessons{grid-template-columns:1fr}input{max-width:100%;box-sizing:border-box}}