/* Give each chapter a visible beginning, surface and ending. */
.chapter {
  --zone-bg:#fdfcff;
  --zone-border:#c9c4d8;
  --zone-accent:#6652a7;
  --line:var(--zone-border);
  --chapter-accent:var(--zone-accent);
  --muted:#5d6178;
  max-width:1472px;
  margin:42px auto;
  padding:44px 0 42px;
  background:var(--zone-bg);
  border:1px solid var(--zone-border);
  border-top:4px solid var(--zone-accent);
  border-radius:5px;
  scroll-margin-top:86px;
}
.chapter-visuals { --zone-bg:#e5def3; --zone-border:#bcb0d3; --zone-accent:#8159b8; }
.chapter-community { --zone-bg:#faf8ff; --zone-accent:#7759b8; }
.chapter-irl-data { --zone-bg:#e4e7f4; --zone-border:#b6bed8; --zone-accent:#586baf; }
.chapter-content { --zone-bg:#eee5f7; --zone-border:#c4b2d8; --zone-accent:#8056ad; }
.chapter-partnerships { --zone-bg:#fdfcff; --zone-accent:#5e64a3; }
[data-theme="dark"] .chapter {
  --zone-bg:#151c32;
  --zone-border:#3b4563;
  --zone-accent:#9da6f5;
  --muted:#b7b8ce;
}
[data-theme="dark"] .chapter-visuals { --zone-bg:#2b2347; --zone-border:#62527d; --zone-accent:#cca8ff; }
[data-theme="dark"] .chapter-community { --zone-bg:#141c30; --zone-border:#3c4261; --zone-accent:#af9aeb; }
[data-theme="dark"] .chapter-irl-data { --zone-bg:#242c46; --zone-border:#53617f; --zone-accent:#a3b3f5; }
[data-theme="dark"] .chapter-content { --zone-bg:#241d3b; --zone-border:#615078; --zone-accent:#c5a4ee; }
[data-theme="dark"] .chapter-partnerships { --zone-bg:#111a2c; --zone-border:#3a4665; --zone-accent:#a1aceb; }
.chapter-kicker {
  align-items:center;
  gap:30px;
  margin-bottom:38px;
  padding-bottom:29px;
  border-bottom:1px solid var(--zone-border);
  text-transform:none;
}
.chapter-ident { display:flex; align-items:center; gap:23px; }
.chapter-number { font:400 62px/.9 var(--display); letter-spacing:-.075em; color:var(--zone-accent); }
.chapter-ident>div { display:flex; flex-direction:column; gap:8px; }
.chapter-overline { font-size:8px; letter-spacing:.13em; line-height:1.3; color:var(--muted); }
.chapter-name { font:500 23px/1.15 var(--display); letter-spacing:-.04em; color:var(--ink); }
.chapter-position { font:400 10px var(--display); letter-spacing:.07em; color:var(--muted); }
.chapter-details { margin-top:32px; padding-inline:17px; border:1px solid var(--zone-border); border-radius:3px; background:#ffffff33; }
[data-theme="dark"] .chapter-details { background:#080c1b40; }
.chapter-details>summary { padding-block:18px; }
.chapter-nav { border-top-width:2px; border-bottom-width:2px; }
.chapter-nav a { padding:15px 10px; margin-block:5px; border-radius:2px; }
.chapter-nav a[aria-current] { background:#e3dcf1; border-bottom-color:#8059bd; }
[data-theme="dark"] .chapter-nav a[aria-current] { background:#302345; border-bottom-color:#c5a4ee; }
.roadmap { margin-top:76px; border-top:4px solid #ae8cde; background:#241c38; }
.roadmap .section-label { font-size:11px; }
.faq { margin-top:28px; }
@media (max-width:1536px) { .chapter { margin-inline:28px; } }
@media (max-width:1100px) {
  .chapter { margin-inline:22px; margin-block:36px; padding-top:36px; padding-bottom:36px; }
  .chapter-ident { gap:19px; }
  .chapter-number { font-size:55px; }
  .chapter-name { font-size:22px; }
  .chapter-kicker { margin-bottom:32px; padding-bottom:25px; }
}
@media (max-width:850px) {
  .chapter { margin-inline:18px; }
  .chapter>.wrap { padding-inline:25px; }
  .chapter-nav>.wrap { gap:14px; }
  .chapter-nav a { padding:13px 8px; margin-block:4px; }
  .chapter-position { font-size:8px; }
  .chapter-number { font-size:49px; }
  .chapter-name { font-size:21px; }
  .roadmap { margin-top:56px; }
}
@media (max-width:650px) {
  .chapter { margin:28px 12px; padding:25px 0 26px; scroll-margin-top:76px; }
  .chapter>.wrap { padding-inline:18px; }
  .chapter-kicker { gap:12px; margin-bottom:27px; padding-bottom:23px; }
  .chapter-ident { gap:15px; }
  .chapter-number { font-size:43px; }
  .chapter-name { font-size:20px; }
  .chapter-overline { font-size:6px; letter-spacing:.11em; }
  .chapter-position { display:none; }
  .chapter-ident>div { gap:6px; }
  .chapter-kicker>span:last-child { max-width:none; }
  .chapter-copy h2 { font-size:36px; }
  .chapter-details { padding-inline:12px; }
  .chapter-details>summary { gap:12px; font-size:10px; line-height:1.6; }
  .chapter-nav>.wrap { gap:8px; }
  .chapter-nav a { padding:11px 8px; font-size:9px; }
  .roadmap { margin-top:40px; }
  .roadmap .section-label { font-size:8px; }
}
@media (max-width:380px) {
  .chapter>.wrap { padding-inline:16px; }
  .chapter-number { font-size:39px; }
  .chapter-name { font-size:18px; }
  .chapter-ident { gap:12px; }
  .chapter-copy h2 { font-size:32px; }
  .chapter-production .chapter-copy>p,.chapter-visuals .chapter-copy>p,.chapter-irl-data .chapter-copy>p,.chapter-community .chapter-copy>p,.chapter-content .chapter-copy>p,.chapter-partnerships .chapter-copy>p { font-size:12px; }
  .clip-workflow { grid-template-columns:minmax(0,1fr) 10px 78px; gap:8px; }
  .clip-poster { padding:9px; }
  .field-coordinate>strong { font-size:18px; max-width:105px; }
  .field-phone { width:96px; right:12px; }
  .report-study { padding:24px 18px 27px 27px; }
  .report-binding { left:17px; }
}