/* One main-site header; intentionally independent of reader/payment themes. */
.scc-main-header {
  --scc-shell-ink: #f5f3ff;
  --scc-shell-muted: #b5b2cb;
  --scc-shell-mint: #79f4d5;
  position: sticky;
  top: 12px;
  z-index: 40;
  width: min(1184px, calc(100% - 40px));
  margin: 24px auto 0;
  color: var(--scc-shell-ink);
  font-family: Bahnschrift, 'Trebuchet MS', sans-serif;
}
.scc-main-header *, .scc-main-header *::before, .scc-main-header *::after { box-sizing: border-box; }
.scc-main-header .scc-main-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
  min-height: 82px;
  padding: 18px 22px;
  margin: 0;
  border: 1px solid #ffffff1c;
  border-radius: 22px;
  background: linear-gradient(115deg, #142134ef, #21142bef 65%, #101321f5);
  box-shadow: 0 14px 45px #0005, inset 0 1px 0 #ffffff08;
  backdrop-filter: blur(20px);
}
.scc-main-header .scc-main-brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; color: var(--scc-shell-ink); text-decoration: none; }
.scc-main-header .scc-main-mark { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border: 1px solid #ad72fa66; border-radius: 13px; background: linear-gradient(135deg, #773ae1, #c03691 56%, #12697d); color: white; }
.scc-main-header .scc-main-title { display: block; color: var(--scc-shell-ink); font-size: 13px; font-weight: 800; line-height: 1.5; letter-spacing: .1em; }
.scc-main-header .scc-main-subtitle { display: block; margin-top: 2px; color: var(--scc-shell-muted); font-size: 9px; font-weight: 600; line-height: 1.5; letter-spacing: .1em; }
.scc-main-header .nav-links { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px; margin: 0; }
.scc-main-header .nav-link { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 13px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: var(--scc-shell-muted); font-size: 13px; font-weight: 650; line-height: 1.4; text-decoration: none; white-space: nowrap; box-shadow: none; }
.scc-main-header .nav-link:hover { color: white; background: #ffffff08; }
.scc-main-header .nav-link[aria-current="page"] { color: var(--scc-shell-mint); border-color: #79f4d52c; background: #79f4d50c; }
.scc-main-header a:focus-visible, .scc-main-header button:focus-visible { outline: 2px solid var(--scc-shell-mint); outline-offset: 4px; }
.scc-main-header .scc-wallet-nav { min-height: 42px; margin-left: 5px; border-radius: 12px; }
body[data-main-shell] .book-chapter { scroll-margin-top: 132px; }
body[data-main-shell] .book-container { padding-top: 24px; }
.scc-credits-intro { max-width: 820px; margin: 28px auto 26px; text-align: center; color: #eae7f7; font-family: Bahnschrift, 'Trebuchet MS', sans-serif; }
.scc-credits-intro > p { margin: 0 0 14px; color: #79f4d5; font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.scc-credits-intro h1 { margin: 0 0 15px; color: #f5f3ff; font-size: clamp(34px, 5vw, 58px); font-weight: 700; line-height: 1.06; letter-spacing: -.035em; }
.scc-credits-intro > div { max-width: 650px; margin: 0 auto; color: #b5b2cb; font-size: 16px; line-height: 1.7; }
.scc-trust-comparison { grid-column: 1 / -1; min-width: 0; margin: 10px 0 20px; color: #d9d5e7; font-family: Bahnschrift, 'Trebuchet MS', sans-serif; }
.scc-trust-intro { margin-bottom: 20px; }
.scc-trust-comparison h3 { margin: 0 0 8px; color: #f5f3ff; font-size: clamp(20px, 2.6vw, 27px); font-weight: 650; line-height: 1.25; letter-spacing: -.025em; }
.scc-trust-comparison p { margin: 8px 0; color: #b5b2cb; font-size: 14px; line-height: 1.7; }
.scc-trust-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid #bfa4e72b; border-radius: 18px; background: #0d1222b3; }
.scc-trust-table-wrap:focus-visible { outline: 2px solid #79f4d5; outline-offset: 4px; }
.scc-trust-table { width: 100%; min-width: 620px; table-layout: fixed; border-collapse: collapse; font-size: 13px; line-height: 1.65; }
.scc-trust-table caption { padding: 14px 18px; border-bottom: 1px solid #ffffff10; color: #b5b2cb; font-size: 12px; text-align: left; }
.scc-trust-table th, .scc-trust-table td { padding: 18px 20px; border-bottom: 1px solid #ffffff10; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.scc-trust-table thead th { background: #b28ae90a; color: #eae7f7; font-size: 12px; letter-spacing: .035em; }
.scc-trust-table thead th:first-child { width: 23%; }
.scc-trust-table tbody th { color: #f0eafa; font-weight: 650; }
.scc-trust-table th:last-child, .scc-trust-table td:last-child { border-left: 1px solid #79f4d522; background: linear-gradient(115deg, #79f4d509, #c764fc05); }
.scc-trust-table thead th:last-child { color: #79f4d5; }
.scc-trust-table tbody tr:last-child > * { border-bottom: 0; }
.scc-trust-future { margin-top: 18px; padding: 24px; border: 1px solid #ab74db30; border-radius: 18px; background: radial-gradient(ellipse at 100% 0%, #e638a814, transparent 65%), linear-gradient(120deg, #12262977, #21152e99); }
.scc-trust-kicker { display: block; margin-bottom: 12px; color: #79f4d5; font-size: 10px; font-weight: 750; letter-spacing: .16em; }
.scc-trust-future p { max-width: 900px; }
.scc-trust-sources { margin-top: 14px; padding: 14px 18px; border: 1px solid #ffffff16; border-radius: 12px; }
.scc-trust-sources summary { color: #d9d5e7; font-size: 13px; cursor: pointer; }
.scc-trust-sources a { color: #79f4d5; text-underline-offset: 3px; }
@media (max-width: 980px) {
  .scc-main-header .scc-main-nav { gap: 14px; }
  .scc-main-header .nav-links { justify-content: flex-start; }
}
@media (max-width: 680px) {
  .scc-main-header { position: relative; top: auto; width: calc(100% - 24px); margin-top: 12px; }
  .scc-main-header .scc-main-nav { padding: 16px; border-radius: 18px; }
  .scc-main-header .scc-main-title { font-size: 11px; }
  .scc-main-header .scc-main-subtitle { font-size: 8px; letter-spacing: .04em; }
  .scc-main-header .nav-links { width: 100%; gap: 3px; }
  .scc-main-header .nav-link { flex: 1 0 auto; padding: 10px; font-size: 12px; }
  .scc-main-header .scc-wallet-nav { margin: 4px 0 0; }
  .scc-main-header .scc-wallet-label { display: inline; }
  .scc-trust-future { padding: 20px; }
  .scc-trust-table th, .scc-trust-table td { padding: 14px; }
}
@media (prefers-reduced-transparency: reduce) {
  .scc-main-header .scc-main-nav { background: #151323; backdrop-filter: none; }
}