.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 15px}.material-grid article{background:white;border:1px solid #dbe7e8;border-radius:16px;overflow:hidden;min-width:0}.material-grid img{width:100%;height:180px;object-fit:contain;display:block;background:white}.material-grid h3{font-size:17px;line-height:1.65;margin:18px 18px 8px}.material-grid p{font-size:14px;margin:0 18px 22px}.material-note{font-size:12px!important;color:#626f75;line-height:1.8!important}.lesson-duration{background:#eff8ee;padding:20px 24px;border-radius:12px}.photo-lesson-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0 16px}.photo-lesson-flow li{border:1px solid #dbe7e8;border-radius:16px;overflow:hidden;background:white}.photo-lesson-flow img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.photo-lesson-flow li>div{padding:18px 22px 22px}.flow-number{font-size:14px;font-weight:700;color:#007da8}.photo-lesson-flow h3{font-size:21px;line-height:1.6;margin:4px 0 9px}.photo-lesson-flow p{font-size:15px;margin:0}@media(max-width:600px){.material-grid,.photo-lesson-flow{grid-template-columns:1fr;gap:20px}.material-grid img{height:auto;max-height:245px;object-fit:contain}.lesson-duration{padding:18px}.photo-lesson-flow h3{font-size:20px}}