.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 32px}.material-card{display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--green);border-radius:10px;background:#fff;text-decoration:none;color:var(--navy);transition:box-shadow .15s,border-color .15s}.material-card:hover{border-color:var(--green-dark);box-shadow:0 7px 20px #0b30421a}.material-card:focus-visible{outline:3px solid var(--navy);outline-offset:4px}.material-card img{width:100%;height:230px;object-fit:cover}.material-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.material-card h3{font-size:21px;margin:0 0 10px;overflow-wrap:anywhere}.material-card p{font-size:15px;margin:0 0 16px}.material-card .more{margin-top:auto;color:var(--green-dark);font-weight:700}.material-example{font-size:12px!important;color:var(--text);margin:12px 0!important}.material-reference{max-width:680px;margin:28px 0}.material-reference img{width:100%;height:auto;max-height:420px;object-fit:contain}.material-reference figcaption{font-size:13px;color:var(--text)}@media(max-width:767px){.material-grid{grid-template-columns:1fr}.material-card img{height:250px}}
.material-card h3{min-height:2.6em;line-height:1.3}.material-text-grid .material-card{border-top:5px solid var(--green);min-height:280px}.material-text-grid .material-card-body{padding:28px 22px}.material-text-grid .material-card p{line-height:1.65}.material-text-grid .material-card .more{padding-top:20px}.profile-section-image{width:100%;height:230px;object-fit:contain;background:#f5f8f6}@media(max-width:767px){.material-text-grid .material-card{min-height:0}.material-card h3{min-height:0}}