/* Artwork and passive motion replace the chapter's tabbed diagram demos. */
#main .tit .editorial-plate {
  background:#000; border:0; border-radius:0; box-shadow:none;
  margin-block:36px; overflow:hidden;
}
#main .tit .editorial-plate .tit-viz-header { background:var(--olive); padding:23px 26px; }
#main .tit .editorial-plate .tit-viz-header .tit-kicker { color:#e1eabb; }
#main .tit .editorial-plate .tit-viz-header h4 { color:var(--lime); }
.editorial-plate-art { display:block; background:#000; text-decoration:none; }
.editorial-plate-art img { display:block; width:100%; height:auto; outline:0; }
.editorial-chart-media { display:block; background:#000; }
.editorial-chart-media img { display:block; width:100%; height:auto; outline:0; }
#main .tit .editorial-plate-notes {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 28px;
  padding:25px 26px; margin:0; list-style:none; background:#202900;
}
#main .tit .editorial-plate-notes > li { padding:0; margin:0; min-width:0; }
.editorial-plate-number { display:block; margin-bottom:10px; font:12px/1.6 var(--mono); color:#c3ff00; }
#main .tit .editorial-plate h5 { margin:0 0 8px; font:550 19px/1.35 var(--display); color:#edf2da; }
#main .tit .editorial-plate p { margin:0; font:14px/1.75 var(--display); color:#d0d9b7; }
#main .tit .editorial-plate .tit-viz-caption {
  padding:20px 26px; border-color:#4c5b01; background:#101400; color:#c4cfaa;
}
.editorial-art-credit { display:block; margin-top:12px; font:12px/1.6 var(--mono); color:#b1bc92; }
.editorial-permission-caption { padding:25px 26px; background:#202900; }
.editorial-reach { padding:28px 26px; }
.editorial-reach-row { margin-bottom:26px; }
.editorial-reach-row > div:first-child { display:flex; justify-content:space-between; align-items:baseline; gap:14px; margin-bottom:10px; }
.editorial-reach-row strong { font:500 16px/1.5 var(--display); }
.editorial-reach-row > div:first-child > span { color:#c3ff00; font:28px/1.3 var(--mono); letter-spacing:-.05em; }
.editorial-bar-track { height:18px; background:#202900; overflow:hidden; margin-bottom:10px; }
.editorial-bar-track i { display:block; height:100%; background:#c3ff00; transform-origin:left; }
.editorial-reach-row:nth-child(even) .editorial-bar-track i { background:#819d0c; }
#main .tit .editorial-reach-row p { font-size:12px; }
#main .tit .editorial-plate .editorial-chart-note { padding-top:18px; border-top:1px solid #4c5b01; font-size:12px; color:#b1bc92; }
#main .tit .editorial-timeline > ol { list-style:none; padding:28px; margin:0; }
#main .tit .editorial-timeline > ol > li { position:relative; margin:0 0 0 5px; padding:0 0 30px 24px; border-left:1px solid #4c5b01; }
#main .tit .editorial-timeline > ol > li:last-child { padding-bottom:0; }
.editorial-timeline li::before { content:''; position:absolute; left:-4px; top:5px; width:7px; height:7px; background:#c3ff00; }
.editorial-timeline time { display:block; margin-bottom:10px; font:12px/1.5 var(--mono); color:#c3ff00; }

/* The reference uses substantial olive blocks and unmistakable lime actions. */
#main .tit-entry > .tit-entry-link,
#main :is(.overview-primary-link, .reading-row-arrow),
.site-header .site-menu-actions #donateButton::part(button) {
  background:#c3ff00; color:#182000; border:1px solid #c3ff00;
  border-radius:3px; font-family:var(--mono); text-decoration:none;
}
#main :is(.tit-entry-link, .overview-primary-link) { padding:10px 13px; min-height:42px; }
#main .overview-reading-actions { gap:8px 12px; }
#main .tit :is(.tit-button-primary, .tit-entry-link, .tit-start-normal) { background:#c3ff00; color:#182000; border-color:#c3ff00; }
#main .tit :is(.tit-related-story, .tit-access-ending) { background:#4c5b01; border-color:#4c5b01; border-radius:0; }
#main .tit :is(.tit-related-story, .tit-access-ending) :is(strong, span, p) { color:#edf2da; }
#main .tit .tit-related-story .tit-kicker { color:#c3ff00; }
#main .tit .tit-related-story:focus-visible { background-color:#607201; border-color:#708b0b; }
#main .tit-next button { background:#4c5b01; border-color:#708b0b; border-radius:3px; padding:18px; }
#main .tit-next button span { color:#c3ff00; }
#main .tit-next button small { color:#e1eabb; }
#main :is(.reading-browse, .conversation-search, .community-explorer, .archive-overview, .source-library-overview) { background-color:#202900; }
#main :is(.record-card, .source-library-entry, .conversation-card, .finding-reading-card,
  .clue-card, .company-research-card, .download-card) { background-color:#202900; border-color:#4c5b01; }
#main :is(.bridge-verdict, .reading-timeline-route, .tit-entry, .home-app-story,
  .community-featured-trail) { background-color:#4c5b01; }
#main :is(.bridge-primary-button, .bridge-action-primary, .reading-start .button) { background:#c3ff00; color:#182000; border-color:#c3ff00; }
@media(hover:hover) and (pointer:fine) {
  #main .tit-entry > .tit-entry-link:hover,
  #main .overview-primary-link:hover,
  .site-header .site-menu-actions #donateButton:hover::part(button) { background:#d5ff55; color:#182000; border-color:#d5ff55; }
  #main .tit-next button:hover { background:#607201; }
  #main .tit .tit-related-story:hover { background-color:#607201; border-color:#708b0b; }
}
@media(max-width:600px) {
  #main .tit .editorial-plate .tit-viz-header { padding:20px 18px; }
  #main .tit .editorial-plate-notes { grid-template-columns:1fr; padding:20px 18px; gap:22px; }
  #main .tit .editorial-plate .tit-viz-caption, .editorial-reach, .editorial-permission-caption { padding:20px 18px; }
  #main .tit .editorial-plate h5 { font-size:18px; }
  #main .tit .editorial-plate p { font-size:13px; }
  .editorial-reach-row > div:first-child > span { font-size:25px; }
}
@media(prefers-reduced-motion:reduce) { .editorial-bar-track i { animation:none; transition:none; } }