/* styles-pages.css — layout for generated content pages (additive; does not
   modify the hand-written styles.css). */
.breadcrumb { font-size: 0.9rem; color: #555; padding: 1rem 2rem 0; }
.breadcrumb a { color: #2563eb; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb .sep { color: #aaa; margin: 0 0.25rem; }
article { line-height: 1.7; }
article h1 { margin-bottom: 0.5rem; }
article h2 { color: #1e3a8a; margin: 1.5rem 0 0.5rem; }
article h3 { color: #1e40af; margin: 1rem 0 0.4rem; }
article p { margin-bottom: 1rem; }
article ul { margin: 0 0 1rem 1.5rem; }
article li { margin-bottom: 0.35rem; }
.meta { color: #555; font-size: 0.95rem; }
.faq-item { border-left: 3px solid #bfdbfe; padding-left: 1rem; margin-bottom: 1rem; }
.cta-line { margin-top: 1.5rem; }
.btn { display: inline-block; background: #2563eb; color: #fff; padding: 0.6rem 1.2rem;
  border-radius: 6px; text-decoration: none; font-weight: 600; }
.btn:hover { background: #1d4ed8; }
.section-browse { border-top: 1px solid #e5e7eb; margin-top: 2rem; }
.section-browse ul { display: flex; flex-wrap: wrap; gap: 0.75rem; list-style: none; margin-left: 0; }
.section-browse a { color: #2563eb; text-decoration: none; }
.hub-list ul { columns: 2; }
.hub-sub { color: #777; font-size: 0.9rem; }
@media (max-width: 700px) { .hub-list ul { columns: 1; } }