/* GrainGrade page */
.gg-samples { margin: 0; border: 1px solid #dfe8ea; background: #fff; }
.gg-samples img { display: block; width: 100%; height: auto; }
.gg-samples figcaption { padding: 10px 14px; font-size: 13px; color: #7b8a8c; }
.gg-gates { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gg-grade { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.gg-defects { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gg-defects b { font: 600 15px "Source Sans 3", sans-serif; color: #2f3a3d; }
@media (max-width: 900px) { .gg-grade, .gg-gates { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .gg-defects { grid-template-columns: 1fr; } }