/*
 * Witching.org Editions — page-specific styles, extracted verbatim from
 * build_docs/design_handoff_witch_tools/redesign/tools.html's <style> block
 * (.ed-* rules) for Phase 3 item 6.
 */

/* Narrative intro ahead of the search UI (user request, 2026-09-30: work
   "The texts behind the histories" copy into this page). A 66ch cap left
   most of .main's 1180px width empty (user report, 2026-09-30); a two-
   column (CSS column-count) layout tried next also broke down to one-
   word-per-line at narrower viewports (.main can get much narrower than
   1180px - the sidebar is fixed-width, not the content) and was rejected
   outright ("no making it two column did not improve things"). Single
   column, no max-width - fills whatever width .main has. Lives as static
   markup directly in editions.html, not built by editions.js (user
   request, 2026-09-30) - it never changes with search state. */
.ed-intro { margin-top:36px; }
.ed-intro h2 { margin:0 0 14px; font-size:22px; font-weight:600; letter-spacing:-.02em; color:var(--ink); }
.ed-intro p { margin:0 0 14px; font-size:16px; line-height:1.6; color:var(--ink-soft); text-wrap:pretty; }
.ed-explore-heading { margin:36px 0 0; font-size:22px; font-weight:600; letter-spacing:-.02em; color:var(--ink); }

.ed-hint { font-size:12.5px; color:var(--ink-mid); margin-top:12px; }
.ed-list { display:flex; flex-direction:column; margin-top:36px; border-top:1px solid var(--ink-mid); }
.ed-row { display:flex; align-items:baseline; justify-content:space-between; gap:24px; padding:20px 2px; border-bottom:1px solid var(--ink-mid); }
.ed-text { display:flex; flex-direction:column; gap:6px; min-width:0; max-width:62ch; }
.ed-title { font-size:18px; font-weight:600; color:var(--ink); }
.ed-hits { font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--rust); }
.ed-kwic mark { background:var(--gold-eyebrow); color:var(--ink); padding:0 2px; border-radius:2px; }
.ed-syn { font-size:14.5px; line-height:1.45; color:var(--ink-mid); text-wrap:pretty; }
.ed-link { flex-shrink:0; font-size:13px; color:var(--rust); text-decoration:underline; white-space:nowrap; }
.ed-link:hover { color:var(--ochre); }