/* map-what-is-not-there: page styles. The family patterns (scope panel,
   method note, questions, sources, tables) come from bible-map-of-meaning.css,
   loaded before this file. The two chart hues are the map's testament pair,
   validated with the dataviz checks in both themes (light: worst CVD
   delta E 31, both at 3:1 or better; dark: 21.9, the blue at 2.9:1 relieved
   by direct labels and the table views). Below the floor is the warm hue,
   at or above the cool one; every mark is also labeled in text. */
:root{--abs-below:#eb6834;--abs-above:#2669fc;--abs-ink-on-warm:#1b160c}
html[data-theme="dark"]{--abs-below:#d95926;--abs-above:#4363af}

/* figures; the histogram's count axis is a column of its own so its labels
   never sit under the first bars at phone width */
.abs-figure{margin:22px 0 26px;padding:20px 20px 12px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,var(--card),var(--card-2));box-shadow:var(--shadow-soft)}
.abs-figure figcaption{margin:6px 0 4px;font-size:14px;line-height:1.65;color:var(--ink-2)}
.abs-figure .research-legend{padding:12px 0 4px;font-size:12.5px}
.abs-figure details.research-disclosure{margin:8px 0 0}
.abs-chart{display:block;width:100%;height:auto;overflow:visible;font-family:var(--sans,system-ui,sans-serif)}
.abs-chart text{fill:var(--ink-2);font-size:12px}
.abs-chart .abs-label{fill:var(--ink);font-size:13px;font-weight:600}
.abs-chart .abs-value,.abs-chart .abs-mean{fill:var(--ink-2);font-size:12px;paint-order:stroke;stroke:var(--card);stroke-width:3px;stroke-linejoin:round}
.abs-chart .abs-mean{font-size:11px;fill:var(--ink-3)}
.abs-chart .abs-axis{fill:var(--ink-3);font-size:11px}
.abs-chart .abs-axis-name{font-style:italic}
.abs-chart .abs-note{fill:var(--ink);font-size:12px;font-weight:600;paint-order:stroke;stroke:var(--card);stroke-width:3px;stroke-linejoin:round}
.abs-chart .abs-count{font-weight:500;fill:var(--ink-2)}
.abs-chart .abs-grid{stroke:var(--line);stroke-width:1}
.abs-chart .abs-baseline{stroke:var(--line-2);stroke-width:1}
.abs-chart .abs-floor{stroke:var(--ink);stroke-width:1.5}
.abs-chart .abs-range{stroke:var(--ink-3);stroke-width:1.5;stroke-linecap:round}
.abs-chart .abs-median{fill:var(--ink)}
.abs-chart .abs-bar{stroke:var(--card);stroke-width:2}
.abs-chart .abs-bar.below{fill:var(--abs-below)}
.abs-chart .abs-bar.above{fill:var(--abs-above)}
.abs-chart .abs-gap{fill:var(--card)}
.abs-chart .abs-inbar{fill:var(--abs-ink-on-warm);font-size:12px;font-weight:600}
.abs-hist-wrap{display:grid;grid-template-columns:64px minmax(0,1fr);max-width:760px}
.abs-hist-axis{display:block;width:64px;height:auto;overflow:visible;font-family:var(--sans,system-ui,sans-serif)}
.abs-hist-axis .abs-axis{fill:var(--ink-3);font-size:11px}
.abs-hist{max-width:none}
.abs-sections{max-width:760px}

/* legend swatches */
.abs-sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.abs-sw.below{background:var(--abs-below)}
.abs-sw.above{background:var(--abs-above)}
.abs-sw.range{width:18px;height:2px;border-radius:1px;background:var(--ink-3);vertical-align:3px}
.abs-sw.median{width:3px;height:14px;border-radius:1px;background:var(--ink);vertical-align:-2px;margin-left:5px;margin-right:11px}

/* tables and lists */
.abs-table td:nth-child(n+2){font-variant-numeric:tabular-nums}
.abs-table small{font-size:11px;color:var(--ink-3);letter-spacing:.04em}
.abs-table tr.abs-below td:first-child{color:var(--ink-2)}
.abs-friends{padding-left:22px}
.abs-friends li{margin:8px 0;line-height:1.65}
.abs-friends strong{color:var(--ink)}
.abs-try{margin:18px 0 6px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.abs-try p{margin:0}
.abs-try p+p{margin-top:8px}
.abs-try a.abs-search-link{display:inline-block;margin-top:10px;padding:8px 14px;border:1px solid var(--accent);border-radius:6px;color:var(--accent);font:600 14px/1.2 var(--sans,system-ui,sans-serif);text-decoration:none}
.abs-try a.abs-search-link:hover{background:var(--accent);color:var(--accent-ink)}
@media (max-width:720px){
  .abs-figure{padding:14px 12px 8px}
  .abs-chart .abs-label{font-size:12px}
  .abs-chart .abs-value{font-size:11px}
}