.examples-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 24px}.example-link{display:block;grid-column:span 2;text-decoration:none;color:var(--ink);min-width:0}.example-link:nth-child(-n+2){grid-column:span 3}.example-link>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:top;border:1px solid var(--line-strong);transition:transform .25s ease}.example-link:hover>img{transform:translateY(-4px)}.example-link:focus-visible{outline:3px solid var(--red);outline-offset:7px}.example-caption{display:block;padding:17px 0;border-bottom:1px solid var(--line-strong)}.example-caption strong{display:block;font-size:18px;line-height:1.4}.example-caption>span{display:block;margin-top:5px;font-size:14px;line-height:1.5;color:var(--ink-soft)}.examples-note{max-width:650px;margin:35px 0 0;font-size:16px;line-height:1.65;color:var(--ink-soft)}.examples-note a{text-underline-offset:4px}@media(max-width:900px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-link,.example-link:nth-child(-n+2){grid-column:auto}}@media(max-width:600px){.examples-grid{grid-template-columns:1fr;gap:26px}.example-caption strong{font-size:18px}.examples-note{font-size:15px}}@media(prefers-reduced-motion:reduce){.example-link>img{transition:none}}