/* ManualeReef Atlas v345 — responsive correction for documented coral galleries. */
body.atlas-v345-responsive .layout>.content{min-width:0}
body.atlas-v345-responsive .layout>.content .introgrid{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
body.atlas-v345-responsive .layout>.content .introgrid>#intro,
body.atlas-v345-responsive .layout>.content .introgrid>.science{
  display:block;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box;
  clear:both;
}
body.atlas-v345-responsive .layout>.content .introgrid>.science{
  margin-top:18px;
}
body.atlas-v345-responsive .atlas-v345-licensed-gallery{
  scroll-margin-top:115px;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  min-width:0;
  background:#f1f8fb;
  border:1px solid #c5e2ed;
  border-radius:16px;
  padding:clamp(14px,2vw,24px);
  margin:24px 0 20px;
}
body.atlas-v345-responsive .atlas-v345-gallery-header h3{
  font:700 clamp(19px,2vw,25px)/1.25 Georgia,serif;
  color:#0b3552;
  margin:7px 0;
}
body.atlas-v345-responsive .atlas-v345-gallery-header p{
  max-width:900px;
  margin:8px 0 18px;
  font-size:14px;
  line-height:1.6;
  color:#35576b;
}
body.atlas-v345-responsive .atlas-v345-gallery-row{
  display:grid;
  grid-template-columns:minmax(240px,.95fr) minmax(0,1.15fr);
  gap:clamp(14px,2vw,24px);
  align-items:stretch;
  width:100%;
  min-width:0;
}
body.atlas-v345-responsive .atlas-v345-photo{
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid #d6e8f0;
  border-radius:12px;
  background:#fff;
}
body.atlas-v345-responsive .atlas-v345-photo button{
  width:100%;
  display:block;
  padding:0;
  border:0;
  background:#e8f2f7;
  cursor:zoom-in;
}
body.atlas-v345-responsive .atlas-v345-photo img{
  display:block;
  width:100%;
  height:clamp(240px,28vw,320px);
  object-fit:contain;
}
body.atlas-v345-responsive .atlas-v345-photo figcaption{
  padding:12px 14px;
  font-size:12px;
  line-height:1.55;
  color:#24506b;
  overflow-wrap:anywhere;
}
body.atlas-v345-responsive .atlas-v345-diagnostic{
  min-width:0;
  background:#fff;
  border:1px solid #d6e8f0;
  padding:clamp(15px,2vw,23px);
  border-radius:12px;
}
body.atlas-v345-responsive .atlas-v345-diagnostic h4{
  font:700 19px/1.25 Georgia,serif;
  color:#0b3552;
  margin:0 0 12px;
}
body.atlas-v345-responsive .atlas-v345-diagnostic p{
  font-size:14px;
  line-height:1.65;
  color:#254e65;
  margin:0 0 14px;
}
body.atlas-v345-responsive .atlas-v345-diagnostic .atlas-v345-disclaimer{
  padding:11px 13px;
  border-left:3px solid #e5af24;
  background:#f7fbfc;
  font-size:12px;
}
body.atlas-v345-responsive .mr295-photos{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start;
  min-width:0;
}
body.atlas-v345-responsive .mr295-photo{min-width:0;width:100%}
body.atlas-v345-responsive .mr295-photo img{
  display:block;width:100%;height:240px;object-fit:cover;
}
body.atlas-v345-responsive .mr294-gallery .mr294-media-grid{grid-template-columns:minmax(0,1fr)!important;max-width:475px}
body.atlas-v345-responsive .mr294-gallery .mr294-media-grid img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain}
body.atlas-v345-responsive .atlas-geo-panel{width:100%;max-width:100%;box-sizing:border-box}
@media(max-width:900px){
 body.atlas-v345-responsive .atlas-v345-gallery-row{grid-template-columns:1fr}
 body.atlas-v345-responsive .mr295-photos{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 body.atlas-v345-responsive .atlas-v345-licensed-gallery{padding:14px}
 body.atlas-v345-responsive .atlas-v345-photo img{height:245px}
 body.atlas-v345-responsive .mr295-photos{grid-template-columns:1fr!important}
 body.atlas-v345-responsive .mr295-photo img{height:260px}
}