/* =====================================================================
   Kungfupunk · seo.css — the two search pages (what-is-kungfupunk, is-phantom-blade-zero-a-soulslike), 14 Oct 2026, staging.
   Loaded after style.css and r2.css. Single column, one visual focus at a time; frames reuse the r2 torn-edge frame
   (.bx__img) and caption (.bx__cap). Images are never shown wider than half their pixels: lead 1520 px at most 760 CSS,
   others 1280 px at most 640 CSS. Motion: none added.
   ===================================================================== */
.seo .page-head { margin-bottom: 26px; }
.seo .lede-more { max-width: 60ch; }
.seo-fig { margin: 30px 0 34px; max-width: 640px; }
.seo-fig--lead { max-width: 760px; margin-top: 4px; }
.seo-fig .bx__img { background: var(--bg-1); }
.seo-fig .bx__cap { margin-top: 14px; max-width: 64ch; }
.seo-fig .plate__credit { display: inline; color: var(--ink-4); }
.seo .qt--break { margin: 22px 0 30px; }
.seo-list { list-style: none; padding: 0; margin: 0 0 18px; max-width: var(--measure); display: grid; gap: 12px; }
.seo-list li { position: relative; margin: 0; padding-left: 18px; }
.seo-list li::before { content: ""; position: absolute; left: 0; top: .78em; width: 9px; height: 1px; background: var(--steel); }
.seo-list .src, .seo .data .src, .seo .facts .src { display: inline; }
.seo .data { margin-bottom: 8px; }
.seo .data td.cell-name { font-weight: 500; color: var(--ink); }
.seo-vs td.cell-name, .seo-mix td.cell-name, .seo-press td.cell-name, .seo-modes td.cell-name { width: 24%; }
.seo-zh { display: grid; gap: 14px; margin: 18px 0 20px; padding: 16px 0; border-top: 1px solid var(--rule-soft); border-bottom: 1px solid var(--rule-soft); max-width: var(--measure); }
.seo-zh__i { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; align-items: center; font-size: var(--fs-small); line-height: 1.5; color: var(--ink-3); }
.seo-zh__i b { display: block; color: var(--ink); font-weight: 500; }
.seo-zh .sl img { width: 56px; height: 56px; }
.seo h3 { margin-top: 30px; }
@media (max-width: 760px) {
  .seo-fig, .seo-fig--lead { max-width: none; margin: 22px 0 26px; }
  .seo-vs td.cell-name, .seo-mix td.cell-name, .seo-press td.cell-name, .seo-modes td.cell-name { width: 100%; }
}
/* review 14 Oct night: "Read next" is one column (one focus at a time), as in seo-b.css */
.seo .related { grid-template-columns: minmax(0, 1fr); }