web: rebalance content widths for the wider page

After widening the page to 1280px the prose still capped at ~60ch, so
intros and ledes sat in a narrow left column beside full-width cards and
tables. Widen the shared measures (section-head 92ch, lede 78ch, fine
96ch) while giving headings their own tight cap (h2 20ch) so they keep
their original line breaks. Drop the FAQ's 820px cap so its divider rules
and expand/collapse buttons align to the full content edge instead of
floating mid-page; answers stay capped at 68ch for readability.

Author: levy

index.html

@@ -221,14 +221,14 @@
   /* ---------- sections ---------- */
   section { padding-block: clamp(4rem, 9vw, 7rem); }
   .section-alt { background: var(--bg-2); border-block: 1px solid var(--line); }
-  .section-head { max-width: 62ch; margin-bottom: 3rem; }
-  .section-head h2 { font-size: clamp(1.95rem, 3.6vw, 2.9rem); }
+  .section-head { max-width: 92ch; margin-bottom: 3rem; }
+  .section-head h2 { font-size: clamp(1.95rem, 3.6vw, 2.9rem); max-width: 20ch; }
   .section-head p { color: var(--ink-soft); font-size: 1.12rem; margin-top: 1.1rem; }
   .subhead { font-family: var(--f-display); font-weight: 500; letter-spacing: -0.012em; font-size: clamp(1.4rem, 2.4vw, 1.9rem); margin: 3.6rem 0 1.7rem; }
-  .fine { color: var(--ink-faint); font-size: 0.92rem; margin-top: 1.15rem; max-width: 78ch; }
+  .fine { color: var(--ink-faint); font-size: 0.92rem; margin-top: 1.15rem; max-width: 96ch; }
   .fine b { color: var(--accent); font-weight: 500; }
 
-  .lede { max-width: 60ch; }
+  .lede { max-width: 78ch; }
   .lede p + p { margin-top: 1.2rem; }
   .lede .drop { color: var(--ink); font-family: var(--f-display); font-size: clamp(1.35rem, 2.3vw, 1.7rem); line-height: 1.5; }
   .lede .drop b { color: var(--accent); font-weight: 500; font-style: italic; }
@@ -346,7 +346,7 @@
   .cta-band .hero-cta { justify-content: center; }
 
   /* FAQ */
-  .faq { max-width: 820px; }
+  .faq { max-width: none; }
   details { border-bottom: 1px solid var(--line); }
   summary { cursor: pointer; list-style: none; padding: 1.35rem 0; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; font-family: var(--f-display); font-size: 1.22rem; font-weight: 500; }
   summary::-webkit-details-marker { display: none; }