.page--wide{max-width:1280px}.card-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}.card-list li{position:relative;padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--dm-fur-grey);border-radius:var(--radius-2);transition:border-color .15s ease}.card-list li:hover,.card-list li:focus-within{border-color:var(--dm-ledger-blue)}.card-list h3,.card-list h2{margin:0 0 var(--space-xs);font-family:var(--font-serif);font-size:var(--t-headline-sm-size);line-height:var(--t-headline-sm-leading);font-weight:var(--t-weight-headline);font-synthesis:none}.card-list p{margin:0;font-size:var(--t-body-md-size);line-height:var(--t-body-md-leading);color:var(--color-muted)}.card-link,.card-link:visited{color:var(--color-text);text-decoration:none}.card-link:hover h3,.card-link:focus-visible h3{color:var(--dm-ledger-blue-hover);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.card-link:after{content:"";position:absolute;inset:0}.diagram-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr))}.diagram-card{padding:var(--space-md);background:var(--color-bg);border:1px solid var(--dm-fur-grey);border-radius:var(--radius-2);transition:border-color .15s ease}.diagram-card:hover,.diagram-card:focus-within{border-color:var(--dm-ledger-blue)}.diagram-card img{display:block;width:100%;height:auto}.diagram-card h3{margin:var(--space-md) 0 var(--space-xs);font-family:var(--font-serif);font-size:var(--t-headline-sm-size);line-height:var(--t-headline-sm-leading);font-weight:var(--t-weight-headline);font-synthesis:none}.diagram-card .diagram-source{margin:0;font-size:var(--t-label-meta-size);line-height:var(--t-label-meta-leading);color:var(--color-muted)}@media(prefers-reduced-motion:reduce){.card-list li,.diagram-card{transition:none}}