/* /guides/ : the list of guides. Builds on layout.css and components.css. */

.guide-list { list-style: none; margin: 0; padding: 0; max-width: 52rem; border-top: 2px solid var(--ink); }
.guide-card { padding: 1.5rem 0 1.6rem; border-bottom: 1px solid var(--rule); }
.guide-card-title { margin: 0 0 .5rem; font-size: clamp(1.25rem, 1.1rem + .6vw, 1.6rem); line-height: 1.25; }
.guide-card-title a { color: var(--ink); text-decoration: none; }
.guide-card-title a:hover { color: var(--blue); text-decoration: underline; }
.guide-card-text { margin: 0; max-width: 44rem; color: var(--ink-soft); }
.guide-card-meta { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; margin: .75rem 0 0; font-size: .9rem; color: var(--ink-faint); }