/* User photograph occupies the material label's right-hand space. */
#poopoo-world .landscape-material {
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(120px,32%,184px);
  align-items:center;
  gap:24px;
}
#poopoo-world .landscape-material-copy { min-width:0; }
#poopoo-world .landscape-material h3 { hyphens:auto; }
#poopoo-world .landscape-photo { margin:0; min-width:0; width:100%; }
#poopoo-world .landscape-photo img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:contain;
  border:0;
  background:transparent;
  margin:0;
  padding:0;
}
#poopoo-world .landscape-environment { padding:12px 0; gap:16px; }
#poopoo-world .landscape-environment dd { margin-top:6px; }
#poopoo-world .world-landscape .landscape-result { margin-top:10px; }
#poopoo-world .world-landscape { margin-bottom:22px; }
@media(max-width:799px) {
  #poopoo-world .landscape-material { grid-template-columns:minmax(0,1fr) clamp(100px,34%,160px); gap:14px; }
  #poopoo-world .landscape-dimensions { gap:4px 18px; }
}
@media(max-width:359px) {
  #poopoo-world .landscape-material { grid-template-columns:minmax(0,1fr) 88px; gap:12px; }
  #poopoo-world .landscape-material h3 { font-size:20px; }
  html[lang="de"] #poopoo-world .landscape-material h3 { font-size:18px; }
  #poopoo-world .landscape-environment { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
}

/* r40: smaller humidity value and a bolder sans-serif material name. */
#poopoo-world .landscape-environment dd { font-size:clamp(36px,3.5vw,44px); }
#poopoo-world .landscape-material h3 {
  font-family:Arial,"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;
  font-weight:700;
  letter-spacing:0;
}
@media(max-width:359px) {
  html[lang="de"] #poopoo-world .landscape-material h3 { font-size:15px; }
}