.domain-visual{margin:0;display:flex;align-items:center;justify-content:center}
.domain-visual img{inline-size:100%;block-size:auto;aspect-ratio:4/3;object-fit:contain}
.domain-current .domain-visual{max-inline-size:30rem;margin-inline:auto}
.domain-current .domain-actions{margin-block-start:25px}
/* Rows follow their own available space and retain the source reading order. */
.domain-list{container:domain-list / inline-size}
.domain-list article{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "art" "description" "action";gap:18px;align-items:start;padding-block:clamp(27px,2.5vw,34px)}
.domain-list article>div{grid-area:heading;min-inline-size:0}
.domain-list article>p{grid-area:description;min-inline-size:0}
.domain-list article>figure{grid-area:art;inline-size:min(100%,21.25rem);justify-self:center}
.domain-list article>a{grid-area:action;justify-self:start}
@container domain-list (min-width:35rem){
  .domain-list article{grid-template-columns:minmax(0,1fr) minmax(12rem,15rem);grid-template-areas:"heading art" "description art" "action art";gap:18px 32px;align-items:center}
  .domain-list article>figure{inline-size:100%}
}
@container domain-list (min-width:59rem){
  .domain-list article{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(12rem,15.625rem);grid-template-areas:"heading description art" ". action art";gap:20px 40px}
}
@media print{
  .domain-list{container-type:normal}
  .domain-list article{grid-template-columns:minmax(0,1fr) 12rem;grid-template-areas:"heading art" "description art" "action art";break-inside:avoid}
}