/* Requirements-only illustrations; existing site assets and styles preserved. */
.requirement-grid.requirements-illustrated { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.requirements-illustrated article { min-width: 0; display: flow-root; }
.requirements-illustrated .requirement-art { float: right; width: 135px; max-width: 31.5%; margin: 0 0 12px 18px; }
.requirements-illustrated .requirement-art img { display: block; width: 100%; height: auto; object-fit: contain; }
.requirements-illustrated .requirement-art--pair { width: 117px; }
.requirements-illustrated .requirement-art--pair img + img { margin-top: 8px; }
@media (max-width: 820px) {
 .requirement-grid.requirements-illustrated { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 400px) {
 .requirements-illustrated .requirement-art { width: 99px; max-width: 30%; margin-left: 12px; }
}

/* Keep anchor headings clear of the fixed navigation. */
#system-requirements { scroll-margin-top: 112px; }
.home-requirements { padding-top: 64px; padding-bottom: 24px; }
@media (max-width: 820px) { #system-requirements { scroll-margin-top: 90px; } .home-requirements { padding-top: 44px; } }