/* Every command God gives in the Bible: the six channels' colors, their
   charts and chips, and the list of every command. The rest comes from the
   shared people, questions and research styles. */
:root{--cm-direct:#a4750d;--cm-moses:#2669fc;--cm-prophet:#1f8a70;--cm-angel:#7a5bc4;--cm-jesus:#d9480f;--cm-spirit:#c2417a}
html[data-theme="dark"]{--cm-direct:#c79a2e;--cm-moses:#5b8cff;--cm-prophet:#3fb28f;--cm-angel:#a18be0;--cm-jesus:#f07a45;--cm-spirit:#e0679b}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]){--cm-direct:#c79a2e;--cm-moses:#5b8cff;--cm-prophet:#3fb28f;--cm-angel:#a18be0;--cm-jesus:#f07a45;--cm-spirit:#e0679b}}

rect.cm-direct{fill:var(--cm-direct)}rect.cm-moses{fill:var(--cm-moses)}rect.cm-prophet{fill:var(--cm-prophet)}
rect.cm-angel{fill:var(--cm-angel)}rect.cm-jesus{fill:var(--cm-jesus)}rect.cm-spirit{fill:var(--cm-spirit)}
.pp-key.cm-direct{background:var(--cm-direct)}.pp-key.cm-moses{background:var(--cm-moses)}.pp-key.cm-prophet{background:var(--cm-prophet)}
.pp-key.cm-angel{background:var(--cm-angel)}.pp-key.cm-jesus{background:var(--cm-jesus)}.pp-key.cm-spirit{background:var(--cm-spirit)}
/* Laws in a channel's full color, commands for the moment in its light tint;
   the kinds' legend is in a neutral ink. Other bars are neutral too. */
rect.cm-light{fill-opacity:.42}
.pp-key.cm-solid{background:var(--ink-2)}.pp-key.cm-solid.cm-light{opacity:.42}
rect.cm-bar{fill:var(--ink-3)}

.cm-chip{display:inline-flex;align-items:center;margin:0 0 0 6px;padding:1px 8px;border-radius:999px;font:500 11px/1.6 var(--sans);color:#fff;white-space:nowrap}
.cm-chip.cm-direct{background:var(--cm-direct)}.cm-chip.cm-moses{background:var(--cm-moses)}.cm-chip.cm-prophet{background:var(--cm-prophet)}
.cm-chip.cm-angel{background:var(--cm-angel)}.cm-chip.cm-jesus{background:var(--cm-jesus)}.cm-chip.cm-spirit{background:var(--cm-spirit)}
html[data-theme="dark"] .cm-chip{color:#111}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .cm-chip{color:#111}}

.cm-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 26px;padding:0;list-style:none}
.cm-channels>li{margin:0;padding:16px 18px;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:9px;background:var(--card);line-height:1.6}
.cm-channels>li.cm-direct{border-left-color:var(--cm-direct)}.cm-channels>li.cm-moses{border-left-color:var(--cm-moses)}.cm-channels>li.cm-prophet{border-left-color:var(--cm-prophet)}
.cm-channels>li.cm-angel{border-left-color:var(--cm-angel)}.cm-channels>li.cm-jesus{border-left-color:var(--cm-jesus)}.cm-channels>li.cm-spirit{border-left-color:var(--cm-spirit)}
.people-page .cm-channels h3{margin:0 0 4px;font:400 19px/1.3 var(--serif);color:var(--ink)}
.cm-channels .cm-n{display:block;margin-bottom:6px;font:500 13px/1.4 var(--sans);color:var(--ink-3)}
.cm-channels p{margin:0;font-size:14px;color:var(--ink-2)}
.cm-channels p+p{margin-top:10px}
.cm-channels q,.cm-ten q{quotes:"\201C" "\201D";color:var(--ink);font-family:var(--serif);font-size:15.5px}

/* Whole verses, in lists and the Ten Commandments table. */
.cm-verse{color:var(--ink);font-family:var(--serif);font-size:15px;line-height:1.55}
.cm-to li{line-height:1.7}
.cm-to .cm-chip,.cm-hand .cm-chip{vertical-align:1px}
.cm-hand .gq-ref{margin-left:0}
.cm-hand .cm-why{display:block;margin-top:3px}
.cm-ten td{vertical-align:top}
.cm-ten td.cm-words{min-width:300px}
.cm-ten td:not(.cm-words){min-width:150px;white-space:nowrap}
.cm-ten .cm-chip{display:block;width:max-content;margin:5px 0 0}
.cm-table td,.cm-table th{white-space:nowrap}

.cm-list{margin:14px 0 0;padding:0;list-style:none}
.cm-row{margin:0;padding:12px 0;border-top:1px solid var(--line)}
.cm-head{margin:0 0 4px;line-height:1.7}
.cm-head .gq-via{display:block;margin-top:2px}
.cm-text{margin:0;font:400 16px/1.6 var(--serif);color:var(--ink)}
.cm-status{margin:10px 0 0;font:400 13px/1.5 var(--sans);color:var(--ink-3)}

.cm-editorial-break{box-sizing:border-box;width:min(100%,1040px);margin:34px auto 42px}
.cm-editorial-break img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border:1px solid color-mix(in srgb,var(--line-2) 76%,transparent);border-radius:10px;box-shadow:0 18px 42px color-mix(in srgb,var(--ink) 8%,transparent)}

/* This page uses a true editorial banner rather than the shared card crop. */
.people-page .research-hero{grid-template-columns:1fr;gap:24px}
.people-page .research-hero .hero-copy{width:100%;min-width:0}
.people-page .research-hero h1{max-width:none;text-wrap:balance}
.people-page .research-hero .lede{width:100%;max-width:none;font-size:18px;line-height:1.7;text-wrap:pretty}
.people-page .research-hero .page-art{width:100%}
.people-page .research-hero .page-art img{width:100%;height:auto;aspect-ratio:3/1;max-height:none;object-fit:cover}
.cm-editorial-break figcaption{margin:9px auto 0;padding:0 12px;color:var(--ink-3);font:italic 13px/1.5 var(--serif);text-align:center}

@media (max-width:720px){
  .people-page .research-hero .lede{font-size:16px}
  .cm-editorial-break{margin:24px auto 30px}
  .cm-editorial-break img{border-radius:8px}
  .cm-editorial-break figcaption{font-size:12.5px}
  .cm-channels{grid-template-columns:1fr;gap:9px}
  .cm-chip{margin:4px 0 0 6px}
  /* The Ten Commandments: each row stacks, the words above the two references. */
  .cm-ten thead{display:none}
  .cm-ten tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px 0;border-top:1px solid var(--line)}
  .cm-ten td{display:block;padding:0;border:0}
  .cm-ten td.cm-words{grid-column:1/-1;min-width:0}
  .cm-ten td:not(.cm-words){min-width:0;white-space:normal}
}

/* Editorial finish for channels, comparisons and the complete directory. */
.people-page .cm-channels{gap:16px;margin:20px 0 30px}
.people-page .cm-channels>li{
  min-height:220px;
  padding:22px 22px 20px;
  border-radius:0 10px 10px 0;
  background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card-2) 48%,var(--card)));
  box-shadow:0 12px 30px color-mix(in srgb,var(--ink) 3%,transparent)
}
.people-page .cm-channels h3{
  color:var(--accent);
  font-size:23px;
  line-height:1.2
}
.people-page .cm-channels .cm-n{
  margin:7px 0 12px;
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase
}
.people-page .cm-channels q{font-size:17px;line-height:1.55}
.people-page .cm-chip{
  min-height:22px;
  padding:2px 9px;
  letter-spacing:.035em;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 24%,transparent)
}
.people-page .cm-to{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
  margin:18px 0 26px;
  padding:0;
  list-style:none
}
.people-page .cm-to>li{
  margin:0;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:color-mix(in srgb,var(--card) 72%,transparent)
}
.people-page .cm-list{display:grid;gap:12px;margin-top:18px}
.people-page .cm-row{
  padding:18px 20px;
  border:1px solid var(--line);
  border-left:3px solid var(--accent);
  border-radius:0 9px 9px 0;
  background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card-2) 48%,var(--card)));
  box-shadow:0 10px 26px color-mix(in srgb,var(--ink) 3%,transparent)
}
.people-page .cm-head{margin-bottom:9px;color:var(--ink-2)}
.people-page .cm-text{font-size:17px;line-height:1.65}
.people-page .cm-status{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid var(--line)
}
.people-page #ten .research-table-wrap{
  margin:18px 0 26px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--card);
  box-shadow:0 12px 30px color-mix(in srgb,var(--ink) 3%,transparent)
}
.people-page .cm-ten thead th{
  padding-block:14px;
  color:var(--accent);
  font:400 17px/1.3 var(--serif)
}
.people-page .cm-ten tbody tr:nth-child(even){background:color-mix(in srgb,var(--card-2) 52%,transparent)}
.people-page .cm-ten td{padding:13px 12px}
.people-page .cm-ten .cm-words{font-family:var(--serif);font-size:15.5px;line-height:1.55}
.people-page .cm-editorial-break img{
  box-shadow:0 18px 42px color-mix(in srgb,var(--ink) 8%,transparent)
}
.people-page .research-hero .page-art{
  box-shadow:0 22px 54px color-mix(in srgb,var(--ink) 9%,transparent)
}

@media (max-width:720px){
  .people-page .cm-channels>li{min-height:0;padding:19px 18px}
  .people-page .cm-to{grid-template-columns:1fr;gap:8px}
  .people-page .cm-row{padding:16px}
  .people-page #ten .research-table-wrap{padding:0 14px}
  .people-page .cm-ten tr:first-child{border-top:0}
}