/* more.css (extras/_geo, shared): GEO text sections, FAQ question headings and footer page links, in the site's own type and tokens. */
.more__intro { max-width: 46rem; margin: 0 0 1.75rem; color: var(--stone); font-size: var(--step-0); }
.more__items { display: grid; gap: 1.25rem; max-width: 46rem; }
.more__item, .faq__item { border-top: 1px solid var(--line); padding-top: 1rem; }
.more__item h3, .faq .faq__q { font-family: var(--font-text); font-size: var(--step-0); font-weight: 600; line-height: 1.35; letter-spacing: 0; margin: 0 0 0.35rem; }
.more__item p, .faq .faq__a { margin: 0; color: var(--stone); max-width: 62ch; }
.more__item a, .faq .faq__a a, .more__sources a, .more__list a { color: inherit; text-decoration: underline; }
.more__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; max-width: 46rem; }
.more__list li { border-top: 1px solid var(--line); padding: 0.85rem 0; color: var(--stone); }
.more__list li:last-child { border-bottom: 1px solid var(--line); }
.more__list strong { color: var(--ink); font-weight: 600; }
.barber__text p + p { margin-top: 1rem; }
.more__sources { margin-top: 2rem; max-width: 46rem; }
@media (min-width: 1024px) {
  .more__items { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; column-gap: clamp(2rem, 5vw, 5rem); }
  .more__list { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; column-gap: clamp(2rem, 5vw, 5rem); }
  .more__list li:last-child { border-bottom: 0; }
}
.geo-links { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; justify-content: center; padding: 1rem var(--gutter, 20px) 0; font-size: var(--step--1); }
.geo-links a { color: inherit; opacity: 0.8; text-decoration: underline; }
.faq .faq__item + .faq__item { margin-top: 1rem; }