*{box-sizing:border-box}body{margin:0;background:#f6faf8;color:#243b44;font:16px/1.6 system-ui,Arial}header{background:white;border-bottom:1px solid #dce7e1;padding:16px 5%}nav{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}a{color:#2b756c}.brand{font-size:23px;font-weight:800;text-decoration:none;color:#283d43}.brand span{color:#2b756c}.navlink{text-decoration:none;font-size:13px;margin-left:12px}main{max-width:1060px;margin:35px auto 75px;padding:0 20px}h1{font:500 clamp(34px,5vw,55px)/1.1 Georgia,serif;margin:15px 0}h2{font:500 27px Georgia,serif}.lead{color:#61787b;max-width:740px}.chip{border:1px solid #cfe1da;color:#2d665c;background:white;padding:10px 14px;border-radius:30px;cursor:pointer;font:600 13px system-ui}.chip[aria-pressed=true]{background:#2b756c;color:white}.filter{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid #dae8e1;border-radius:20px;padding:20px;min-height:200px}.thumb{border-radius:14px;background:linear-gradient(120deg,#daebe1,#eef1e1);padding:16px;display:flex;align-items:center;justify-content:space-between;color:#2b756c;min-height:80px}.play{display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:50%;background:#fff9;width:45px;height:45px}.category{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#34776b}.card h3{line-height:1.28;font-size:18px}.source,.desc{color:#667f7e;font-size:13px}.action{display:inline-block;margin-top:9px;text-decoration:none;font-weight:700}.note{background:#edf5f1;border-radius:14px;padding:18px;margin:22px 0;font-size:14px}.links{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.grid{grid-template-columns:1fr}.navlink{font-size:12px;margin:0}main{margin:18px auto}.card{min-height:auto}}