/* Wastewater Academy: "Look inside" sample pages on class pages (Oct 28, 2026) */
section.look-inside{background:#F4FAF5;border-top:1px solid #C9D8EC;border-bottom:1px solid #C9D8EC}
.look-inside .li-intro{margin:0 0 24px;max-width:880px}
.li-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px;margin:0;padding:0}
.li-page{margin:0;background:#fff;border:1px solid #C9D8EC;border-radius:12px;padding:12px;box-shadow:0 8px 24px rgba(11,42,91,.10);display:flex;flex-direction:column}
.li-page a{display:block;line-height:0;border-radius:6px;overflow:hidden;border:1px solid #E1E8F2}
.li-page img{display:block;width:100%;height:auto;transition:transform .2s ease}
.li-page a:hover img,.li-page a:focus-visible img{transform:scale(1.03)}
.li-page figcaption{font-size:17px;line-height:1.45;margin-top:10px;color:#14213D}
.li-page figcaption a{display:inline;line-height:inherit;border:0;overflow:visible;font-weight:700}
.look-inside .li-note{font-size:17px;margin:22px 0 0;color:#14213D}
@media (max-width:640px){
 .li-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .li-page{padding:8px;border-radius:10px}
 .li-page figcaption{font-size:15px}
}
@media (max-width:360px){.li-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.li-page img{transition:none}}