/* bch2.org FAQ page, v1 (/assets/editorial/faq.v1.css)
   Loaded after bch2.v1.css on faq.html only. Design-system tokens only: no new colours,
   fonts, radii, shadows or spacing values.

   Structure: .page-heading, then .content-layout with the category nav (nav.side-nav.faq-nav:
   .faq-nav is the faq.js hook) beside .article (the .faq-section accordions), then .closing.
   The document layout, accordion, category headings and stacked closing buttons are all in
   bch2.v1.css. */

/* Desktop: the category nav's ink rule starts on the line of the first question's ink rule
   (category label height + its gap). */
@media (min-width: 56.25rem) {
  .side-nav.faq-nav { margin-top: calc(var(--text-xs) * 1.5 + var(--space-xs)); }
}

/* A category is focused (tabindex="-1", set by faq.v1.js) after its nav link is followed.
   Like main#main-content, it is not a control and shows no ring. */
.faq-section[tabindex="-1"]:focus { outline: none; }

/* Exchange names in answers ("Where can I buy or trade BCH2?"). The shared .exchange-name is
   inline-flex, whose baseline is the icon's bottom edge: beside the description that lifted the
   name about 3px above the line. Here the link is inline, the icon sits on the text baseline like
   the plain .exchange-logo, and icon and name never break apart. */
.faq-a-inner .exchange-name { display: inline; white-space: nowrap; }
.faq-a-inner .exchange-name .exchange-logo { margin-inline-end: 0.5em; vertical-align: -0.25em; }