/* The two existing visuals share a desktop row without cropping either canvas. */
.home-page #protect .home-import-pair.import-related-pair{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:40px;align-items:start;max-width:1240px;margin-left:auto;margin-right:auto}
.home-page #protect .import-related-pair>.related-work-diagram{width:100%;max-width:none;justify-self:stretch}
.home-page #protect .story-support.import-related-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
.home-page #protect .import-related-points>div,.home-page #protect .import-related-points .related-connection-copy{max-width:none;min-width:0}
@media(max-width:980px){
  .home-page #protect .home-import-pair.import-related-pair{grid-template-columns:minmax(0,1fr);gap:28px}
  .home-page #protect .import-related-pair>.import-protection-visual{width:100%;max-width:720px;justify-self:center}
  .home-page #protect .import-related-pair>.related-work-diagram{max-width:560px;justify-self:center}
  .home-page #protect .story-support.import-related-points{grid-template-columns:minmax(0,1fr);gap:24px}
}
/* Larger phone photographs use the whole row, with no circular overlap. */
@media(max-width:600px){
  .home-page #community .os-wrap{grid-template-columns:minmax(0,1fr);gap:24px}
  .home-page #community .os-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0}
  .home-page #community .os-photos img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:0;border-radius:12px;box-shadow:none}
  .home-page #community .os-photos img+img{margin-left:0}
  .home-page #community .os-by{white-space:normal;min-width:0}
}