/*
 * 1859 Scholar's Folio
 * A crisp, typographic research edition: white paper, charcoal ink,
 * disciplined crimson accents, hard rules and almost no decorative shadow.
 */

:root {
  --ink: #faf9f6;
  --ink2: #f0efeb;
  --panel: #ffffff;
  --panel2: #f5f3ee;
  --paper: #ffffff;
  --line: #cbc8c1;
  --line2: #918e87;
  --rule: #bbb7af;
  --gold: #0b6f73;
  --gold2: #07565a;
  --text: #1f1f1d;
  --muted: #66645f;
  --deep-red: #0a686d;
  --cream: #eadcad;
  --brown: #806047;
  --puce: #6b4056;
  --orange: #c56f28;
  --rebound: #6f716d;
  --shadow: 0 12px 32px rgba(25, 24, 21, .13);
}

html,
body {
  background: #e9e8e4;
}

body {
  color: var(--text);
  font-family: Georgia, "Times New Roman", Times, serif;
}

button,
input {
  color: inherit;
}

.app {
  max-width: 1600px;
  min-height: 100vh;
  margin: 0 auto;
  padding-top: 66px;
  color: var(--text);
  background: #faf9f6;
  box-shadow: none;
}

/* Hero */
.hero {
  min-height: 650px;
  color: var(--text);
  border-top: 9px solid var(--deep-red);
  border-bottom: 1px solid #77746e;
  background: #faf9f6;
}

.hero::before {
  opacity: 1;
  background:
    linear-gradient(90deg, transparent calc(50% - .5px), #d3d0ca calc(50% - .5px), #d3d0ca calc(50% + .5px), transparent calc(50% + .5px));
  background-size: 100% 100%;
}

.hero-inner {
  grid-template-columns: minmax(0, .95fr) minmax(470px, 1.05fr);
  gap: clamp(42px, 6vw, 96px);
  min-height: 640px;
  align-items: center;
  padding: 68px clamp(40px, 6.5vw, 104px) 56px;
}

.hero-copy {
  max-width: 660px;
}

.design-badge {
  color: var(--deep-red);
  padding-block: 8px;
  border-block: 1px solid #8f8b84;
}

.design-badge span,
.design-badge b {
  color: #1e1e1c;
}

.design-badge i {
  color: #66635d;
}

.kicker,
.section-kicker {
  color: var(--deep-red);
  font-size: 10px;
  letter-spacing: .19em;
}

h1 {
  max-width: 7ch;
  margin: 22px 0 22px;
  color: #171715;
  font-size: clamp(76px, 8.5vw, 132px);
  font-weight: 700;
  line-height: .8;
  letter-spacing: -.065em;
}

.hero-deck {
  max-width: 31em;
  color: #3c3b38;
  font-size: clamp(20px, 1.75vw, 27px);
  line-height: 1.48;
}

.hero-deck strong {
  color: var(--deep-red);
}

.hero-actions {
  gap: 0;
  margin-top: 30px;
}

.button {
  min-height: 45px;
  padding: 12px 19px;
  border: 1px solid #22211f;
  border-radius: 0;
  letter-spacing: .105em;
}

.button + .button {
  border-left: 0;
}

.button.primary {
  color: #fff;
  background: #1f1f1d;
  border-color: #1f1f1d;
}

.button.secondary {
  color: #1f1f1d;
  background: #faf9f6;
}

.button:hover {
  color: #fff;
  background: var(--deep-red);
  border-color: var(--deep-red);
  transform: none;
}

.hero-stage {
  min-height: 510px;
  border-block: 1px solid #8c8982;
  background:
    linear-gradient(#faf9f6, #faf9f6) padding-box,
    repeating-linear-gradient(0deg, transparent 0 23px, rgba(39, 38, 34, .035) 23px 24px);
}

.hero-stage::after {
  background: rgba(38, 36, 31, .2);
  filter: blur(24px);
}

.hero-book {
  border-radius: 0;
  box-shadow: 0 20px 32px rgba(28, 27, 24, .24), 0 0 0 1px rgba(20, 20, 18, .23);
}

.hero-stage-label {
  bottom: 14px;
  color: #55524c;
}

/* Statistics and navigation */
.stats {
  color: var(--text);
  border: 0;
  border-bottom: 1px solid #77746e;
  background: #fff;
}

.stat {
  padding: 23px 10px 21px;
  border-right: 1px solid #aaa69f;
}

.stat b {
  color: #1c1c1a;
  font-size: 45px;
  font-weight: 700;
}

.stat span {
  color: var(--deep-red);
  font-weight: 700;
}

.topnav {
  padding: 0;
  background: none;
  border-bottom: none;
  box-shadow: none;
}

.site-header-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 32;
  display: flex;
  align-items: center;
  gap: 14px;
  height: 66px;
  padding: 0 130px 0 20px;
  background: rgba(250, 249, 246, .97);
  backdrop-filter: blur(10px);
  border-bottom: 2px solid #292826;
}
.site-header-mark {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gold);
  border-radius: 4px;
  font: 800 13px ui-monospace, monospace;
  color: var(--gold2);
  letter-spacing: .02em;
}
.site-header-brand {
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  flex-shrink: 1;
  min-width: 0;
}
.site-header-brand > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.25;
  overflow: hidden;
}
.site-header-brand strong {
  font: 700 15px Georgia, "Times New Roman", serif;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.site-header-brand small {
  font: 700 9.5px ui-monospace, monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-drawer-edition-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
  padding: 14px 16px;
  background: var(--gold);
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
}
.nav-drawer-edition-link:hover {
  background: var(--gold2);
}

.menu-toggle-btn {
  color: #55534e;
  background: #fff;
  border-color: #d1cec7;
}
.menu-toggle-btn:hover {
  color: var(--deep-red);
  background: #f0efeb;
}

.nav-drawer {
  background: #fff;
  border-color: #d1cec7;
}
.nav-drawer label {
  color: #55534e;
  border-bottom: 1px solid #d1cec7;
}
.nav-drawer label:hover {
  color: var(--deep-red);
  background: #f0efeb;
}

#t-overview:checked ~ .topnav label[for="t-overview"],
#t-census:checked ~ .topnav label[for="t-census"],
#t-stone:checked ~ .topnav label[for="t-stone"],
#t-production:checked ~ .topnav label[for="t-production"],
#t-compare:checked ~ .topnav label[for="t-compare"],
#t-presentation:checked ~ .topnav label[for="t-presentation"],
#t-network:checked ~ .topnav label[for="t-network"],
#t-people:checked ~ .topnav label[for="t-people"],
#t-sources:checked ~ .topnav label[for="t-sources"] {
  color: #fff;
  background: var(--deep-red);
}

main {
  max-width: 1320px;
  margin: 0 auto;
  padding: 58px clamp(25px, 5vw, 72px) 112px;
}

/* Overview */
.intro-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(310px, .72fr);
  gap: clamp(34px, 6vw, 90px);
  align-items: start;
  margin: 10px 0 44px;
  padding-bottom: 46px;
  border-bottom: 4px double #464440;
}

.display-title {
  max-width: 13ch;
  color: #181816;
  font-size: clamp(48px, 6vw, 78px);
  font-weight: 700;
}

.lead {
  color: #41403c;
  font-size: clamp(19px, 1.9vw, 25px);
  line-height: 1.58;
}

.lead strong {
  color: var(--deep-red);
}

.section-rule {
  height: 2px;
  background: #1e1e1c;
}

.overview-map {
  border-top: 3px solid #292826;
  border-bottom: 1px solid #77746e;
}

.overview-map a {
  color: var(--text);
  border-right: 1px solid #aaa69f;
  background: transparent;
}

.overview-map a:last-child {
  border-right: 0;
}

.overview-map a:hover {
  color: #fff;
  background: var(--deep-red);
  transform: none;
}

.overview-map span,
.overview-map small {
  color: var(--deep-red);
}

.overview-map a:hover span,
.overview-map a:hover small {
  color: #fff;
}

.overview-section {
  padding: 88px 0;
}

.overview-section + .overview-section {
  border-top: 3px double #8b8882;
}

.overview-marker {
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 30px;
  margin-bottom: 38px;
  padding-bottom: 22px;
  border-bottom: 1px solid #8b8882;
}

.overview-marker span {
  color: var(--deep-red);
}

.overview-marker h2,
.section-head h2 {
  color: #1c1c1a;
  font-weight: 700;
}

.section-head p,
.figure-note {
  color: var(--muted);
}

.binding-showcase {
  gap: 0;
  border-block: 1px solid #85827b;
}

.binding-card {
  color: var(--text);
  background: #fff;
  border: 0;
  border-right: 1px solid #c3c0b9;
  border-radius: 0;
  box-shadow: none;
}

.binding-card:last-child {
  border-right: 0;
}

.binding-card:hover {
  border-color: #c3c0b9;
  background: #f2f0eb;
  transform: none;
}

.binding-image {
  background: #f0efeb;
}

.binding-image::before {
  background: rgba(35, 34, 31, .12);
}

.binding-image img {
  filter: drop-shadow(0 13px 10px rgba(29, 28, 25, .22));
}

.binding-meta {
  border-top: 1px solid #bcb9b2;
}

.binding-meta h3 {
  color: #1f1f1d;
}

.binding-meta p,
.binding-meta b {
  color: #57554f;
}

.evidence-grid {
  gap: 4px;
  padding: 4px;
  background: #242321;
}

.evidence-card {
  border: 0;
  border-radius: 0;
  background: #252421;
  box-shadow: none;
}

.evidence-card::after {
  background: linear-gradient(180deg, transparent 28%, rgba(17, 17, 16, .92) 100%);
}

.evidence-caption b {
  color: #ff9bae;
}

.evidence-caption h3 {
  color: #fff;
}

.evidence-caption p {
  color: #dedcd6;
}

.story-path {
  gap: 0;
  border-block: 1px solid #85827b;
}

.story-step {
  color: var(--text);
  background: transparent;
  border: 0;
  border-right: 1px solid #bdbab3;
  border-radius: 0;
  padding: 29px;
}

.story-step:last-child {
  border-right: 0;
}

.story-step::before {
  color: rgba(10, 104, 109, .07);
}

.story-step p,
.callout p,
.source-list li {
  color: #55534f;
}

.story-icon {
  color: var(--deep-red);
  border-color: #77746e;
  border-radius: 0;
}

.overview-bottom {
  gap: 0;
  border-block: 1px solid #85827b;
}

.data-card,
.callout {
  color: var(--text);
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.data-card {
  border-right: 1px solid #aaa69f;
}

.callout {
  border-left: 5px solid var(--deep-red);
}

.bar {
  height: 7px;
  background: #dfddd7;
  border-radius: 0;
}

.bar i {
  border-radius: 0;
}

.barrow > span {
  color: #5d5b56;
}

/* Census */
.filters {
  gap: 0;
  margin: 10px 0 28px;
  border-block: 1px solid #7c7973;
}

.filters label {
  color: #4f4d49;
  background: transparent;
  border: 0;
  border-right: 1px solid #bbb8b1;
  border-radius: 0;
  padding: 13px 16px;
}

.filters label:last-child {
  border-right: 0;
}

.filters label:hover {
  color: var(--deep-red);
  background: #efede8;
}

#f-all:checked ~ .filters label[for="f-all"],
#f-presentation:checked ~ .filters label[for="f-presentation"],
#f-original:checked ~ .filters label[for="f-original"],
#f-rebound:checked ~ .filters label[for="f-rebound"],
#f-rich:checked ~ .filters label[for="f-rich"] {
  color: #fff;
  background: var(--deep-red);
  border-color: var(--deep-red);
}

.copy-list {
  gap: 10px;
}

.copy-card {
  color: var(--text);
  background: #fff;
  border: 1px solid #c2bfb8;
  border-radius: 0;
  box-shadow: none;
}

.copy-card:hover {
  border-color: #65625c;
  transform: none;
}

.copy-card[open] {
  border: 2px solid #292826;
  box-shadow: none;
}

.copy-card summary {
  padding: 13px 33px 13px 15px;
}

.copy-card[open] summary {
  color: #fff;
  background: #232220;
}

.copy-card[open] .cid,
.copy-card[open] .photo-count,
.copy-card[open] .sumtext h3,
.copy-card[open] .sumtext small,
.copy-card[open] summary em {
  color: #fff;
}

.card-thumb {
  background: #eeece7;
  border-color: #9e9b94;
  border-radius: 0;
}

.card-thumb.placeholder {
  color: #66635e;
  background: #e7e5df;
}

.cid,
.photo-count {
  color: var(--deep-red);
}

.sumtext h3 {
  color: #22211f;
  font-weight: 700;
}

.sumtext small,
small {
  color: #66635e;
}

summary em {
  color: var(--deep-red);
}

.copy-body {
  border-top: 1px solid #77746e;
  padding: 5px 24px 30px;
}

.badges span,
.evidence-chip,
.profile-links button {
  color: var(--deep-red);
  background: transparent;
  border-color: #9f9b94;
  border-radius: 0;
}

.fact-grid {
  gap: 0;
  border: 1px solid #a9a69f;
}
.fact-grid.compare-table {
  grid-template-columns: 1fr 1fr !important;
}

.fact-grid > div {
  background: #f5f3ee;
  border: 0;
  border-right: 1px solid #cbc8c1;
  border-radius: 0;
  padding: 14px;
}

.fact-grid > div:last-child {
  border-right: 0;
}

.fact-grid label,
.record-block h4 {
  color: var(--deep-red);
}

.record-block {
  padding-bottom: 16px;
  border-bottom: 1px solid #d0cdc6;
}

.record-block:last-child {
  border-bottom: 0;
}

.chain {
  color: #282724;
}

.warning,
.no-person-note {
  color: #393733;
  background: #eeeae2;
  border-left-color: var(--deep-red);
  border-radius: 0;
}

.people-copy-section {
  border-top: 3px double #9f9b94;
}

.people-copy-section > h4,
.person-mini h5 {
  color: #20201e;
}

.people-copy-intro,
.person-dates {
  color: var(--muted);
}

.people-mini-grid {
  gap: 0;
  border: 1px solid #b8b5ae;
}

.person-mini {
  background: #f7f6f2;
  border: 0;
  border-right: 1px solid #c7c4bd;
  border-radius: 0;
}

.person-mini:nth-child(even) {
  border-right: 0;
}

.person-role,
.person-profile .profile-role {
  color: var(--deep-red);
}

.evidence-chip.qualified {
  color: #7f4c00;
  background: #fff8e7;
  border-color: #ad8c55;
}

.evidence-chip.unresolved {
  color: #595752;
  background: #eeece7;
  border-color: #aaa69f;
}

.gallery {
  gap: 4px;
  padding: 4px;
  background: #292826;
}

figure {
  color: var(--text);
  background: #fff;
  border: 0;
  border-radius: 0;
}

figure img {
  background: #eceae5;
}

figcaption {
  border-top: 1px solid #cbc8c1;
}

figcaption small {
  color: #68655f;
}

.no-image {
  color: #66635e;
  border-color: #99968f;
  border-radius: 0;
}

/* Archive, network, people and sources */
.archive-grid,
.network-grid,
.people-grid,
.people-profile-grid {
  gap: 10px;
}

.archive-item,
.network-card,
.person,
.person-profile {
  color: var(--text);
  background: #fff;
  border: 1px solid #c2bfb8;
  border-radius: 0;
  box-shadow: none;
}

.archive-item:hover {
  border-color: var(--deep-red);
  transform: none;
}

.archive-item img {
  background: #eceae5;
  border-bottom: 1px solid #aaa69f;
}

.archive-item h3,
.network-card h3,
.person h3,
.people-group h3,
.person-profile h4 {
  color: #20201e;
}

.archive-item p,
.network-card p,
.people-directory-intro,
.people-group > p {
  color: #5f5c57;
}

.network-card,
.person-profile {
  border-top: 4px solid #242321;
}

.people-group {
  padding-top: 25px;
  border-top: 3px double #8f8b84;
}

.profile-links button {
  position: relative;
  inset: auto;
  width: auto;
  min-height: 28px;
  padding: 6px 10px;
  font-size: 10px;
  cursor: pointer;
}

#sources .callout {
  padding: clamp(24px, 4vw, 48px);
  border-block: 3px double #706d67;
  border-left: 0;
}

.source-list {
  margin: 0;
  padding-left: 28px;
}

.source-list li {
  margin-bottom: 14px;
  padding-left: 6px;
}

.source-list li::marker {
  color: var(--deep-red);
  font-weight: 700;
}

footer {
  color: #f0ede6;
  background: #232220;
  border-top: 7px solid var(--deep-red);
  padding: 26px 20px 30px;
}

/* Image viewer */
.lightbox {
  background: rgba(20, 20, 19, .95);
}

.lightbox-inner {
  background: #f7f6f2;
  border: 2px solid #fff;
  border-radius: 0;
  box-shadow: none;
}

.lightbox-caption {
  color: #242321;
  background: #f7f6f2;
  border-top-color: #9c9992;
}

.lightbox-close {
  color: #fff;
  background: var(--deep-red);
  border: 1px solid #fff;
  border-radius: 0;
}

@media (max-width: 1100px) {
  .hero-inner {
    grid-template-columns: minmax(0, .88fr) minmax(430px, 1.12fr);
    padding-inline: 40px;
  }
}

@media (max-width: 980px) {
  .hero::before {
    display: none;
  }

  .hero-inner {
    grid-template-columns: 1fr;
    gap: 34px;
    padding: 52px 32px 38px;
    text-align: left;
  }

  .hero-copy {
    max-width: 760px;
    margin: 0;
  }

  h1 {
    max-width: none;
  }

  .hero-actions {
    justify-content: flex-start;
  }

  .hero-stage {
    min-height: 430px;
    border: 1px solid #8c8982;
  }

  .binding-showcase {
    padding-bottom: 0;
  }

  .binding-card {
    border-right: 1px solid #c3c0b9;
  }
}

@media (max-width: 800px) {
  .hero-inner {
    padding: 40px 17px 27px;
  }

  h1 {
    font-size: clamp(60px, 18vw, 88px);
  }

  .hero-stage {
    min-height: 340px;
    margin-inline: -17px;
    border-inline: 0;
  }

  .stats {
    grid-template-columns: repeat(2, 1fr);
  }

  main {
    padding: 38px 17px 76px;
  }

  .intro-grid {
    gap: 21px;
  }

  .overview-map {
    border-bottom: 0;
  }

  .overview-map a {
    border: 0;
    border-bottom: 1px solid #aaa69f;
  }

  .overview-marker {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .overview-section {
    padding: 58px 0;
  }

  .story-path {
    border-bottom: 0;
  }

  .story-step {
    border: 0;
    border-bottom: 1px solid #aaa69f;
  }

  .overview-bottom {
    border-bottom: 0;
  }

  .data-card,
  .callout {
    border: 0;
    border-bottom: 1px solid #aaa69f;
  }

  .copy-body {
    padding-inline: 15px;
  }

  .fact-grid > div {
    border-bottom: 1px solid #cbc8c1;
  }

  .fact-grid > div:nth-child(even) {
    border-right: 0;
  }

  .archive-grid,
  .people-profile-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .button + .button {
    border-left: 1px solid #22211f;
  }

  .hero-stage {
    min-height: 285px;
  }

  .stat b {
    font-size: 37px;
  }

  .display-title {
    font-size: 44px;
  }

  .overview-map a {
    padding: 18px 15px;
  }

  .filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .filters label {
    border-right: 1px solid #bbb8b1;
    border-bottom: 1px solid #bbb8b1;
  }

  .fact-grid,
  .people-mini-grid {
    grid-template-columns: 1fr;
  }

  .fact-grid > div,
  .person-mini {
    border: 0;
    border-bottom: 1px solid #c7c4bd;
  }

  .person-mini-head {
    display: block;
  }

  .evidence-chip {
    display: inline-block;
    margin-top: 8px;
  }
}

/* 1859-specific components added after the original folio system. */
.design-folio .site-header-bar {
  background: rgba(250, 249, 246, .97);
  border-bottom-color: #b7b4ad;
}

.design-folio .site-header-mark { border-color: var(--deep-red); }
.design-folio .site-header-brand small { color: #5d5b56; }
.design-folio .full-historical-title {
  color: #33322f;
  border-left-color: var(--deep-red);
}

.design-folio .nav-drawer a.edition-nav-link,
.design-folio .nav-drawer .theme-toggle {
  color: var(--deep-red);
  border-bottom-color: #d1cec7;
}

.design-folio .nav-drawer a.edition-nav-link:hover,
.design-folio .nav-drawer a.edition-nav-link:focus-visible,
.design-folio .nav-drawer .theme-toggle:hover,
.design-folio .nav-drawer .theme-toggle:focus-visible {
  color: #fff;
  background: var(--deep-red);
}

.design-folio .card-thumb.photo-unavailable {
  border-color: rgba(10, 104, 109, .45);
  background: rgba(10, 104, 109, .06);
  color: var(--deep-red);
}

.design-folio .catalog-link { color: var(--deep-red); }
.design-folio .catalog-link:hover,
.design-folio .catalog-link:focus-visible { color: #043f42; }
.design-folio .catalog-pending { color: #686660; }

.design-folio .filters button {
  border-color: #aaa69f;
  background: #fff;
  color: #33322f;
}
.design-folio .filters button:hover,
.design-folio .filters button:focus-visible {
  color: var(--deep-red);
  border-color: var(--deep-red);
}
.design-folio .filters button.active {
  color: #fff;
  background: var(--deep-red);
  border-color: var(--deep-red);
}

.design-folio .master-status {
  border-color: #bbb7af !important;
  background: #f5f3ee !important;
  color: #55534e !important;
}
.design-folio .master-status strong { color: #1f1f1d !important; }

.design-folio .gallery-open { background: #efede8; }
.design-folio .comparison-diagnostic {
  border-color: var(--deep-red);
  background: rgba(10, 104, 109, .07);
  color: #33322f;
}
.design-folio .comparison-diagnostic b,
.design-folio .comparison-diagnostic strong { color: var(--deep-red); }
.design-folio .comparison-chapter-heading > span {
  border-color: var(--deep-red);
  color: var(--deep-red);
}
.design-folio .comparison-side {
  background: #fff;
  border-color: #aaa69f;
}
.design-folio .comparison-edition {
  background: #f0efeb;
  color: #1f1f1d;
  border-bottom-color: #aaa69f;
}
.design-folio .comparison-edition small,
.design-folio .comparison-side figcaption small { color: #66645f; }
.design-folio .comparison-side figure { background: #efede8; }
.design-folio .comparison-side figcaption b,
.design-folio .comparison-copy h4,
.design-folio .comparison-numbering b { color: var(--deep-red); }
.design-folio .comparison-copy { color: #33322f; }
.design-folio .binding-variant-list > div {
  border-color: #bbb7af;
  background: #f5f3ee;
  color: #33322f;
}
.design-folio .comparison-absence {
  background: radial-gradient(circle, rgba(10,104,109,.09), transparent 58%), #efede8;
  color: #6b8585;
}
.design-folio .comparison-numbering span {
  border-color: #bbb7af;
  background: #f5f3ee;
  color: #55534e;
}

.design-folio .people-card {
  border-color: #aaa69f;
  background: #fff;
}
.design-folio .people-card figure,
.design-folio .people-portrait-gallery { background: #efede8; }
.design-folio .people-card figcaption { color: #66645f; }
.design-folio .person-role,
.design-folio .people-card h4 { color: var(--deep-red); }
.design-folio .people-card p { color: #33322f; }
.design-folio #portrait-gallery-toggle {
  border-color: var(--deep-red);
  background: rgba(10, 104, 109, .07);
  color: var(--deep-red);
}
.design-folio #portrait-gallery-toggle:hover,
.design-folio #portrait-gallery-toggle:focus-visible {
  color: #fff;
  background: var(--deep-red);
}
.design-folio .people-portrait-card img { background: #e8e6e0; }
.design-folio .evidence-chip {
  border-color: rgba(10, 104, 109, .35);
  background: rgba(10, 104, 109, .07);
  color: var(--deep-red);
}
.design-folio .profile-links button,
.design-folio .profile-links a {
  border-color: rgba(10, 104, 109, .35);
  background: rgba(10, 104, 109, .06);
  color: var(--deep-red);
}
.design-folio .profile-links button:hover,
.design-folio .profile-links a:hover { background: rgba(10, 104, 109, .14); }

.design-folio .copy-report-dialog {
  color: var(--text);
  background: #faf9f6;
}

.design-folio .back-to-top {
  border-color: var(--deep-red);
  background: rgba(250, 249, 246, .97);
  color: var(--deep-red);
  box-shadow: 0 8px 28px rgba(25, 24, 21, .22);
}