.materials{background:#f5fafc}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.material-card{background:#fff;border:1px solid var(--line);padding:27px;min-height:255px;display:flex;flex-direction:column;transition:.2s}.material-card:hover{border-color:var(--sky);transform:translateY(-3px);box-shadow:0 14px 35px #12395a12}.material-card .file{font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--blue)}.material-card h3{font:600 22px/1.2 var(--serif);color:var(--navy);margin:22px 0 11px}.material-card p{color:var(--muted);font-size:14px;margin:0 0 20px}.material-card b{font-size:13px;color:var(--blue);margin-top:auto}.material-card.compact{min-height:180px;background:var(--navy)}.material-card.compact .file,.material-card.compact b{color:var(--sky)}.material-card.compact h3{color:#fff}.material-note{font-size:12px;color:var(--muted);margin-top:23px}@media(max-width:980px){.material-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.material-grid{grid-template-columns:1fr}.material-card{min-height:auto}}