/* =============================================================================
   faqs.css — FAQs page overrides
   Used only on pages/faqs.html.

   This page has no other page-specific layout rules — its accordion is
   entirely owned by the shared css/components/faq.css (also reused on
   pages/commission.html, so it must never receive page-only layout rules).
   This file exists solely to hold the desktop column-width override below,
   the same page-scoping pattern used by css/pages/about.css.

   Desktop column width (min-width: 1024px): .content-container (shared
   sitewide, content-container.css; wraps breadcrumb + page title + this
   page's .page-main) is narrowed from its sitewide 760px default to 700px
   and LEFT-aligned (align-self: flex-start) — the same column width and
   position already used on Collection, Commission, Contact, and The
   Artistic Process (see css/components/commission.css for the fuller
   rationale). Breadcrumb, title, and the FAQ accordion below all share
   this one column, its left edge lining up with every other content
   page's. faq.css's own accordion rules (category headings, questions,
   answers) are already left-aligned at every viewport width, so no other
   change is needed on this page. Mobile is completely unaffected — the
   rule only exists inside its own min-width: 1024px media query. An
   earlier pass used align-self: center here instead, which visibly
   shifted this page's content to the right of where every other page
   starts; reverted per explicit request that this page follow the same
   left-aligned layout as Collection and The Artistic Process.
   ============================================================================= */

/* ── Desktop column width ─────────────────────────────────────────────────
 * Same mechanism as pages/commission.html's own copy of this rule (see
 * that file's comment for the full explanation) — narrows
 * .content-container from its sitewide 760px default to 700px and
 * left-aligns it via align-self: flex-start (content-container.css's own
 * default, restated explicitly), scoped to this page only since faqs.css
 * only ever loads on pages/faqs.html.
 * ────────────────────────────────────────────────────────────────────── */

@media (min-width: 1024px) {
  .content-container {
    max-width: 700px;
    align-self: flex-start;
  }
}