/* Endfield page layouts on the new system (home, database lists, player). */
@layer components {
  .page-home { --page-art: url("/assets/bg/ops-0.webp?v=1"); }
}
@layer components {
  body { --page-art: url("/assets/bg/ops-1.webp?v=1"); }
  .page-operators { --page-art: url("/assets/bg/ops-2.webp?v=1"); }
  .page-weapons { --page-art: url("/assets/bg/ops-3.webp?v=1"); --art-x: 30%; }
  .page-gear { --page-art: url("/assets/bg/ops-4.webp?v=1"); }
  .page-items { --page-art: url("/assets/bg/ops-5.webp?v=1"); --art-x: 60%; }
  .page-factory { --page-art: url("/assets/bg/ops-6.webp?v=1"); }
  .page-search, .page-accounts, .page-companion { --page-art: url("/assets/bg/ops-7.webp?v=1"); }
  .page-overlay, .page-frames, .page-about, .page-privacy { --page-art: url("/assets/bg/ops-3.webp?v=1"); --art-x: 70%; }
}

/* SEO prose, FAQ (2026-11-05) */
@layer components {
  h2.panel-t { margin: 0; }
  .ef-seo { margin-top: 28px; }
  .ef-seo .ef-prose p { line-height: 1.6; color: var(--ink-2); }
  .ef-seo .ef-prose p + p { margin-top: .7em; }
  .ef-seo a { color: var(--acc); }
  .ef-faq details { border-bottom: 1px solid var(--line); padding: 10px 0; }
  .ef-faq details:last-child { border-bottom: 0; }
  .ef-faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
  .ef-faq summary::-webkit-details-marker { display: none; }
  .ef-faq summary::after { content: '+'; color: var(--acc); font-weight: 700; }
  .ef-faq details[open] summary::after { content: '–'; }
  .ef-faq summary h3 { font-size: .95rem; margin: 0; }
  .ef-faq p { margin-top: 8px; color: var(--ink-2); line-height: 1.55; }
}
@layer components {
  .ef-seo > .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  @media (max-width: 860px) { .ef-seo > .grid { grid-template-columns: 1fr; } }
}