.collection,.collections{max-inline-size:1200px;margin:0 auto;padding:var(--space-7) var(--space-4) var(--space-9);display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.collection__head{display:grid;grid-gap:var(--space-4);gap:var(--space-4);max-inline-size:68ch}.collection__head h1{margin:0}.collection__prose{display:grid;grid-gap:var(--space-3);gap:var(--space-3);color:var(--color-ink-muted)}.collection__prose p{margin:0}.collection__prose ol,.collection__prose ul{margin:0;-webkit-padding-start:var(--space-5);padding-inline-start:var(--space-5);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.collection__prose strong{font-weight:600}.collection__grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);-webkit-padding-before:var(--space-5);padding-block-start:var(--space-5);-webkit-border-before:1px solid var(--color-line);border-block-start:1px solid var(--color-line)}.pagination__page{color:var(--color-ink-muted);font-size:var(--text-small);margin-inline:auto}.collections__list{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}.collections__item{position:relative;display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius)}.collections__item h2{margin:0;font-size:var(--text-h3)}.collections__item a{color:inherit;text-decoration:none}.collections__item a:after{content:"";position:absolute;inset:0}.collections__item a:focus-visible{outline:none}.collections__item:has(a:focus-visible){box-shadow:var(--focus-ring)}.collection__empty{margin:0;padding:var(--space-7) var(--space-5);max-inline-size:60ch;color:var(--color-ink-muted);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius)}