/* Findings page (/findings). Builds on style.css and test.css, so both themes work. */

.fx-title { font: 400 clamp(2rem, 4vw, 2.6rem)/1.15 var(--serif); letter-spacing: -0.01em; margin: 0 0 14px; font-variation-settings: "opsz" 60; }
.fx-lede { font-size: 1.1rem; color: var(--ink-2); max-width: 62ch; }
.fx-disc { font-size: .92rem; color: var(--ink-2); border-left: 2px solid var(--line-2); padding-left: 12px; max-width: 70ch; }
.fx-jump { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: .92rem; margin: 22px 0 6px; }
.fx-jump .muted { text-decoration: none; }
.fx-empty { margin: 28px 0; color: var(--ink-2); }

.fx-group { margin-top: 34px; }
.fx-group > h2 { font-size: 1.5rem; padding-bottom: 10px; border-bottom: 1px solid var(--line-2); }
.fx-item { padding: 20px 0 22px; border-bottom: 1px solid var(--line); }
.fx-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-size: .82rem; color: var(--ink-3); margin-bottom: 8px; }
.fx-meta .badge { font-size: .76rem; }
.fx-head { font: 400 1.3rem/1.4 var(--serif); margin: 0 0 10px; max-width: 62ch; font-variation-settings: "opsz" 28; overflow-wrap: anywhere; }
.fx-sure { font-size: .95rem; color: var(--ink-2); margin-bottom: 10px; max-width: 74ch; }
.fx-sure b { color: var(--ink); font-weight: 600; }
.fx-llm { font-size: .9rem; color: var(--ink-2); border-left: 2px solid var(--line-2); padding: 2px 0 2px 10px; margin-bottom: 10px; max-width: 74ch; overflow-wrap: anywhere; }
.fx-human { font-size: .93rem; background: var(--accent-soft); border-radius: 6px; padding: 8px 12px; margin-bottom: 10px; max-width: 74ch; overflow-wrap: anywhere; }
.fx-quote { margin: 0 0 10px; padding-left: 12px; border-left: 2px solid var(--line-2); font: italic 400 .95rem/1.5 var(--serif); color: var(--ink-2); max-width: 74ch; }
.fx-nums { margin: 0 0 10px; padding-left: 18px; font-size: .86rem; color: var(--ink-2); max-width: 80ch; }
.fx-nums li { margin-bottom: 2px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.fx-src { font-size: .86rem; color: var(--ink-3); margin-bottom: 8px; overflow-wrap: anywhere; }
.fx-links { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: .9rem; margin: 0; }

.fx-not { margin-top: 38px; }
.fx-not h2 { margin-bottom: 12px; }
.fx-not ul { margin: 0 0 12px; padding-left: 18px; }
.fx-not li { margin-bottom: 8px; color: var(--ink); }
.fx-how { margin-top: 30px; }
.fx-how h2 { font-size: 1.35rem; margin-bottom: 12px; }
.fx-how dl { display: grid; grid-template-columns: 12em minmax(0, 1fr); gap: 10px 20px; margin: 0; font-size: .95rem; }
.fx-how dt { font-weight: 600; }
.fx-how dd { margin: 0; color: var(--ink-2); }

@media (max-width: 560px) {
  .fx-head { font-size: 1.16rem; }
  .fx-how dl { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .fx-how dd { margin-bottom: 10px; }
}