/* Blog index and shop listing pages. */
.wrap-list { max-width: 1400px; margin: 0 auto; padding: 62px 40px 56px; }
.list-head { margin-bottom: 40px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.list-head h1 { font-size: clamp(37px, 4.5vw, 63px); line-height: 1.1; letter-spacing: -.035em; margin: 0; color: var(--ink-alt); }
.list-intro { max-width: 50em; color: var(--muted); margin-top: 14px; }
.chips { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.chips a { display: inline-flex; min-height: 40px; align-items: center; padding: 6px 18px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink); font-size: 16px; }
.chips a:hover { color: var(--link); border-color: var(--teal-light); }
@media (max-width: 767px) { .wrap-list { padding: 36px 20px 40px; } }