/* Index of the guides (guides.php; 03-SEO §6.11). 31/10/2026. The opening and the end come from
   assets/css/guide.css. Here, the list: each guide's H1 as a link in the serif, its one sentence under it,
   dotted rules between them (as in .spellings). Mobile first: md 56.25em. */

.page-guides .guide-list { list-style: none; max-width: 46rem; }
.page-guides .guide-list li { padding-block: var(--s-5); }
.page-guides .guide-list li + li { border-top: 1px dotted var(--rule-strong); }
.page-guides .guide-list h2 { font: 500 1.5rem/1.3 var(--serif); color: var(--navy); }
.page-guides .guide-list h2 a { text-decoration-color: var(--pen-stroke); text-decoration-thickness: 2px; text-underline-offset: 6px; }
.page-guides .guide-list h2 a:hover { color: var(--pen); }
.page-guides .guide-list p { margin-top: var(--s-2); max-width: var(--measure); }

@media (min-width: 56.25em) {
  .page-guides .guide-list h2 { font-size: 1.75rem; }
}