/* map-translations: page styles. The family patterns and the map figure come from bible-map-of-meaning.css, loaded before this file. The shift ramp (one hue, faintest where a chapter agrees most) is written into the palette region below by tools/build-semantic-map-translations.mjs from tools/lib/semantic-map-palette.mjs, in both themes; edit it there, not here. */

/* map-translations:palette */
:root{--tc-shift-1:#de9871;--tc-shift-2:#c8784a;--tc-shift-3:#b1581c;--tc-shift-4:#9a3600;--tc-shift-5:#820700;--tc-heat-1:#fef3e7;--tc-heat-2:#f5dfc7;--tc-heat-3:#ebcba7;--tc-heat-4:#e1b787;--tc-heat-5:#d7a266}
html[data-theme="dark"]{--tc-shift-1:#914f2f;--tc-shift-2:#ab6342;--tc-shift-3:#c67855;--tc-shift-4:#e28e68;--tc-shift-5:#fea47c;--tc-heat-1:#30271b;--tc-heat-2:#43341e;--tc-heat-3:#564121;--tc-heat-4:#6a4e23;--tc-heat-5:#7f5c24}
/* /map-translations:palette */

/* legend swatches for the shift ramp on the still */
.map-sw.shift-1{background:var(--tc-shift-1)}.map-sw.shift-2{background:var(--tc-shift-2)}.map-sw.shift-3{background:var(--tc-shift-3)}.map-sw.shift-4{background:var(--tc-shift-4)}.map-sw.shift-5{background:var(--tc-shift-5)}

/* the inline charts: one hue (the site's accent), text in text tokens, hairline grid */
.tc-figure{margin:22px 0 8px;padding:18px 18px 12px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,var(--card),var(--card-2))}
.tc-chart-wrap{width:100%}
/* each chart is drawn twice, side by side for a wide screen and stacked for a phone; one is shown */
.tc-chart-wrap.tc-narrow{display:none}
.tc-chart{display:block;width:100%;height:auto;max-width:720px;margin:0 auto;font:12px var(--sans);overflow:visible}
.tc-chart .tc-bar{fill:var(--accent)}
.tc-chart .tc-dot{fill:var(--accent)}
.tc-chart .tc-grid{stroke:var(--line);stroke-width:1}
.tc-chart .tc-axis{stroke:var(--line-2);stroke-width:1}
.tc-chart .tc-mark{stroke:var(--ink-3);stroke-width:1}
.tc-chart .tc-title{fill:var(--ink);font-weight:600;font-size:12.5px}
.tc-chart .tc-label{fill:var(--ink-2);text-anchor:end;font-size:12.5px}
.tc-chart .tc-value{fill:var(--ink-2);font-size:11.5px;font-variant-numeric:tabular-nums}
.tc-chart .tc-value-mid{text-anchor:middle}
.tc-chart .tc-tick{fill:var(--ink-3);font-size:10.5px;text-anchor:middle;font-variant-numeric:tabular-nums}
.tc-chart .tc-tick-y{text-anchor:end}
.tc-figure figcaption{margin-top:10px;font-size:13.5px;line-height:1.6;color:var(--ink-2)}

/* the tables */
.tc-table td,.tc-table th{font-variant-numeric:tabular-nums}
.tc-table .tc-num{color:var(--ink-3);font-size:12.5px;white-space:nowrap}
.tc-table tr.tc-floor td{color:var(--ink-3);font-style:italic}
.tc-moved td:nth-child(6){min-width:22ch}
.tc-moved q{quotes:"\201C" "\201D";font-style:italic}
.tc-moved small{color:var(--ink-3)}

/* every edition against every other: the mean-agreement matrix shaded in
 * five steps of one hue (the site's accent; --tc-heat-1..5 come from the
 * palette region above, in both themes, lightness monotone and the ink at
 * 4.9:1 or better on every step), the value printed in every cell so that
 * color is never the only encoding; the two matrices behind the disclosure
 * are unshaded. The wrap scrolls at phone width like the page's other tables. */
.tc-heat-figure{padding-bottom:8px}
.tc-heat caption{caption-side:top;text-align:left;padding:0 0 8px;font:600 12.5px/1.4 var(--sans);color:var(--ink)}
.tc-heat th[scope="col"]:not(:first-child),.tc-pair-overlap th[scope="col"]:not(:first-child),.tc-pair-same th[scope="col"]:not(:first-child){text-align:center}
.tc-heat td,.tc-pair-overlap td,.tc-pair-same td{text-align:center;white-space:nowrap}
.tc-heat th[scope="row"],.tc-pair-overlap th[scope="row"],.tc-pair-same th[scope="row"],.tc-nearest th[scope="row"]{font-weight:600;color:var(--ink);white-space:nowrap}
.tc-heat td{color:var(--ink);font-weight:600;border-left:2px solid var(--card);border-right:2px solid var(--card)}
.tc-heat td.tc-heat-1{background:var(--tc-heat-1)}.tc-heat td.tc-heat-2{background:var(--tc-heat-2)}.tc-heat td.tc-heat-3{background:var(--tc-heat-3)}.tc-heat td.tc-heat-4{background:var(--tc-heat-4)}.tc-heat td.tc-heat-5{background:var(--tc-heat-5)}
.tc-heat td.tc-self,.tc-pair-overlap td.tc-self,.tc-pair-same td.tc-self{background:var(--card-2)}
.tc-heat-legend{padding:10px 0 0;font-size:12px;gap:6px 14px;border-top:0}
.map-sw.tc-heat-sw{border-radius:3px;width:14px;height:14px}
.map-sw.tc-heat-1{background:var(--tc-heat-1)}.map-sw.tc-heat-2{background:var(--tc-heat-2)}.map-sw.tc-heat-3{background:var(--tc-heat-3)}.map-sw.tc-heat-4{background:var(--tc-heat-4)}.map-sw.tc-heat-5{background:var(--tc-heat-5)}
.tc-nearest td:nth-child(3),.tc-nearest td:nth-child(5){font-variant-numeric:tabular-nums;white-space:nowrap}
.tc-nearest td:nth-child(2),.tc-nearest td:nth-child(4){min-width:20ch}

/* the still of the map colored by shift, alone in its section */
.tc-still{max-width:640px;margin:22px 0 8px}
.tc-still .map-legend{padding:8px 0 2px;font-size:12px;gap:6px 14px}

@media (max-width:720px){
  .tc-figure{padding:12px 10px 10px}
  .tc-chart-wrap.tc-wide{display:none}
  .tc-chart-wrap.tc-narrow{display:block}
  .tc-chart{max-width:420px}
}