.materials-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.4fr);gap:2rem;align-items:center}.materials-intro h2{margin:.35rem 0 .65rem}.materials-intro p{max-width:720px;line-height:1.6}.materials-intro aside{background:#fff5db;border:1px solid #efd38b;border-radius:14px;padding:1.15rem}.materials-intro aside strong{display:block;color:#083b65}.materials-intro aside span{display:block;color:#5b7183;margin-top:.35rem;line-height:1.5}.materials-filters{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin-top:1.5rem}.materials-filters label{display:grid;gap:.35rem;font-weight:800;color:#173b60}.materials-filters select{min-width:200px;border:1px solid #adc3d2;border-radius:8px;background:#fff;padding:.62rem;font:inherit}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.material-card{background:#fff;border:1px solid #d8e4ed;border-radius:15px;padding:1.2rem;display:flex;flex-direction:column}.material-card h2{font-size:1.2rem;line-height:1.2;color:#083b65;margin:.45rem 0 .6rem}.material-card p{color:#4f6b82;line-height:1.5;margin:0 0 1rem}.material-type{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#08709c}.material-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.material-tags span{border-radius:99px;background:#e9f2f7;color:#1d516f;font-size:.78rem;font-weight:800;padding:.32rem .55rem}.material-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.material-actions a{font-weight:800}.review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.review-grid article{border-top:4px solid #eaae1a;background:#f6f9fb;padding:1.15rem}.review-grid article span{font-size:.78rem;text-transform:uppercase;font-weight:900;letter-spacing:.07em;color:#08709c}.review-grid article h3{color:#083b65;margin:.45rem 0}.review-grid article p{color:#516d83;line-height:1.55;margin:0}@media(max-width:900px){.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-intro{grid-template-columns:1fr}}@media(max-width:540px){.materials-grid,.review-grid{grid-template-columns:1fr}.materials-filters{display:grid}.materials-filters select{width:100%;min-width:0}}