:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { margin: 0 auto; padding: 1.5rem; max-width: 62rem;
  font: 15.5px/1.5 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
h1 { font-size: 1.5rem; margin: .5rem 0 .3rem; }
header p { margin: 0 0 1rem; opacity: .7; }
.ramps { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
article { margin: 0; }
img { width: 100%; height: auto; border-radius: 8px; display: block; }
h2 { font-size: .95rem; font-weight: 600; margin: .45rem 0 0; }
footer { margin-top: 1.5rem; font-size: .88rem; opacity: .6; }