:root {
  --rb-ink: #302f2a;
  --rb-muted: #666258;
  --rb-paper: #f7f0df;
  --rb-paper-deep: #eadfc6;
  --rb-cinnabar: #a43b2b;
  --rb-cinnabar-dark: #70271f;
  --rb-ochre: #c28b3d;
  --rb-jade: #657b64;
  --rb-indigo: #3f5364;
  --rb-clay: #bd7858;
  --rb-persimmon: #e0703f;
  --rb-chrysanthemum: #e3b341;
  --rb-lotus: #c75b79;
  --rb-celadon: #5e8b7e;
  --rb-wisteria: #78688f;
  --rb-line: rgba(77, 61, 42, 0.2);
  --rb-shadow: 0 24px 70px rgba(62, 48, 31, 0.16);
  --rb-sans: system-ui, -apple-system, BlinkMacSystemFont, "Noto Sans TC", "Noto Sans SC", "Noto Sans JP", sans-serif;
  --rb-serif: "Noto Serif TC", "Noto Serif SC", "Noto Serif JP", "Source Han Serif TC", "PingFang TC", serif;
}

.rb-archive{border-top:4px solid var(--rb-ink)}
.rb-archive-subtitle{margin:2.2rem 0 1rem;font-size:clamp(1.25rem,2.6vw,1.75rem)}
.rb-testimony-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.rb-testimony-index a{display:flex;flex-direction:column;gap:.3rem;padding:1rem;border:1px solid rgba(28,38,42,.2);border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.rb-testimony-index a:hover,.rb-testimony-index a:focus-visible{transform:translateY(-2px);border-color:var(--rb-cinnabar)}
.rb-testimony-index b{color:var(--rb-cinnabar-dark)}
.rb-testimony-index span{font-size:.93rem;line-height:1.65}
.rb-source-link{margin:1rem 0 0}
.rb-chen-records{display:grid;gap:.75rem}
.rb-witness-records{display:grid;gap:.85rem}
.rb-witness-records>details{border:1px solid rgba(28,38,42,.24);border-radius:16px;background:#fff;overflow:hidden}
.rb-witness-records>details>summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1.05rem 1.15rem;cursor:pointer;list-style:none;background:linear-gradient(90deg,rgba(227,179,65,.18),rgba(224,112,63,.11),rgba(199,91,121,.07))}
.rb-witness-records>details>summary::before,.rb-chen-records summary::before,.rb-locale-dropdown>summary::before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--rb-cinnabar);filter:drop-shadow(0 2px 1px rgba(80,35,20,.2));transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.rb-witness-records>details[open]>summary::before,.rb-chen-records details[open]>summary::before,.rb-locale-dropdown[open]>summary::before{transform:rotate(90deg)}
.rb-witness-records>details>summary::-webkit-details-marker{display:none}
.rb-witness-records>details>summary span{color:var(--rb-muted);font-size:.88rem;text-align:right}
.rb-witness-records>details>a{display:inline-block;margin:0 1.15rem 1.15rem;font-weight:800}
.rb-excerpts{display:grid;gap:.7rem;padding:1rem 1.15rem}
.rb-verbatim-note{margin:0;padding:.85rem 1.15rem 0;color:var(--rb-muted);font-size:.88rem;line-height:1.65}
.rb-hero-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1.2rem 0}
.rb-hero-questions span{padding:.75rem;border:1px solid rgba(164,59,43,.25);border-radius:14px;background:rgba(255,250,237,.72);font:800 .82rem/1.45 var(--rb-sans);box-shadow:0 10px 24px rgba(62,48,31,.08)}
.rb-witness-matrix{overflow:hidden;border:1px solid var(--rb-line);border-radius:18px;background:rgba(255,255,255,.7)}
.rb-matrix-row{display:grid;grid-template-columns:1.05fr 1.35fr 1.35fr;border-top:1px solid var(--rb-line)}
.rb-matrix-row:first-child{border-top:0}.rb-matrix-row>*{padding:.85rem 1rem}.rb-matrix-row b{color:var(--rb-cinnabar-dark)}
.rb-matrix-head{background:rgba(63,83,100,.1);font-family:var(--rb-sans)}
.rb-crosscheck-wrap{margin-top:2rem;padding:clamp(1rem,3vw,1.6rem);border-radius:24px;background:linear-gradient(135deg,rgba(234,223,198,.75),rgba(255,255,255,.8))}
.rb-crosschecks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.rb-crosschecks article{padding:1rem;border-left:4px solid var(--rb-cinnabar);border-radius:8px 16px 16px 8px;background:#fff}.rb-crosschecks b,.rb-crosschecks span{display:block}.rb-crosschecks span{margin-top:.3rem;color:var(--rb-muted)}
.rb-reading-path{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;margin:1.4rem 0 2rem;padding:.8rem 1rem;border:1px solid rgba(124,92,67,.22);border-radius:16px;background:rgba(255,252,241,.68);color:var(--rb-ink);font-size:.93rem;box-shadow:0 5px 0 rgba(91,58,35,.05)}.rb-reading-path b{color:var(--rb-cinnabar);margin-right:.2rem}.rb-reading-path i{font-style:normal;color:var(--rb-gold)}
.rb-archive-supplement{margin-top:2rem;padding:clamp(1.1rem,3vw,1.8rem);border:1px solid rgba(124,92,67,.2);border-radius:24px;background:linear-gradient(145deg,rgba(255,250,236,.76),rgba(232,239,226,.62));box-shadow:0 8px 0 rgba(91,58,35,.05),0 18px 36px rgba(77,52,31,.1)}.rb-supplement-lead{max-width:70ch;color:var(--rb-muted)}.rb-closure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1.25rem 0 1.5rem}.rb-closure-grid article{padding:1rem 1.05rem;border:1px solid rgba(124,92,67,.17);border-radius:16px;background:rgba(255,255,255,.68)}.rb-closure-grid article>span{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--rb-cinnabar);color:#fff;font-weight:700}.rb-closure-grid h4{margin:.7rem 0 .35rem;color:var(--rb-ink)}.rb-closure-grid p{margin:0;color:var(--rb-muted);font-size:.96rem}.rb-evidence-check{display:grid;border:1px solid rgba(124,92,67,.2);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.62)}.rb-evidence-row{display:grid;grid-template-columns:minmax(5rem,.7fr) minmax(0,1.2fr) minmax(0,1.4fr);gap:.75rem;padding:.8rem 1rem;border-top:1px solid rgba(124,92,67,.13);line-height:1.65}.rb-evidence-row:first-child{border-top:0}.rb-evidence-row>*{min-width:0}.rb-evidence-row b{color:var(--rb-cinnabar)}.rb-evidence-head{background:rgba(215,166,73,.14);font-size:.9rem}.rb-evidence-head b{color:var(--rb-ink)}
.rb-synthesis{margin:1.2rem 0 0;font-weight:800}
.rb-cannot-infer{margin-top:1.2rem;padding:1.2rem 1.4rem;border:1px dashed var(--rb-indigo);border-radius:18px;background:rgba(224,232,231,.55)}.rb-cannot-infer h3{margin-top:0}.rb-cannot-infer li{margin:.35rem 0}
.rb-ink-bloom{position:absolute;inset:8% 4% auto auto;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(164,59,43,.2),rgba(194,139,61,.08) 42%,transparent 70%);filter:blur(8px);pointer-events:none}
.rb-excerpts blockquote{margin:0;padding:.85rem 1rem;border-left:4px solid var(--rb-ochre);background:rgba(247,240,223,.55);line-height:1.75}
.rb-excerpts blockquote b{color:var(--rb-cinnabar-dark)}
.rb-locale-dropdown{border:1px solid rgba(28,38,42,.24);border-radius:16px;background:#fff;overflow:hidden}
.rb-locale-dropdown>summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem 1.15rem;cursor:pointer;list-style:none;background:linear-gradient(90deg,rgba(227,179,65,.18),rgba(94,139,126,.09))}
.rb-locale-dropdown>summary::-webkit-details-marker{display:none}
.rb-locale-dropdown>summary span{color:var(--rb-muted);font-size:.88rem;text-align:right}
.rb-locale-dropdown .rb-testimony-index{padding:1rem}
.rb-chen-records details{border:1px solid rgba(28,38,42,.22);border-radius:14px;background:#fff;overflow:hidden}
.rb-chen-records summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;cursor:pointer;padding:1rem 1.1rem;list-style:none;background:linear-gradient(105deg,rgba(255,255,255,.92),rgba(94,139,126,.08),rgba(120,104,143,.06))}
.rb-chen-records summary::-webkit-details-marker{display:none}
.rb-chen-records summary span{color:var(--rb-muted);font-size:.88rem;text-align:right}
.rb-chen-records details p{margin:0;padding:0 1.1rem 1.1rem;line-height:1.8}
.rb-chen-records em{font-style:normal;font-weight:800;color:var(--rb-cinnabar-dark)}
@media (max-width:720px){.rb-testimony-index,.rb-hero-questions,.rb-crosschecks{grid-template-columns:1fr}.rb-chen-records summary,.rb-witness-records>details>summary,.rb-locale-dropdown>summary{grid-template-columns:auto 1fr}.rb-chen-records summary span,.rb-witness-records>details>summary span,.rb-locale-dropdown>summary span{grid-column:2;text-align:left}.rb-matrix-row{grid-template-columns:1fr}.rb-matrix-head{display:none}.rb-matrix-row>*{padding:.35rem 1rem}.rb-matrix-row>b{padding-top:.9rem}.rb-matrix-row>span:last-child{padding-bottom:.9rem}}
@media (max-width:720px){.rb-reading-path{align-items:flex-start;gap:.45rem .55rem;padding:.85rem .9rem;line-height:1.55}.rb-reading-path i{display:none}.rb-reading-path span{padding:.2rem .5rem;border-radius:999px;background:rgba(215,166,73,.14)}}
@media (max-width:720px){.rb-closure-grid{grid-template-columns:1fr;gap:.65rem}.rb-evidence-row{grid-template-columns:1fr;gap:.1rem;padding:.72rem .85rem}.rb-evidence-head{display:none}.rb-evidence-row b{font-size:.95rem}.rb-evidence-row span{font-size:.93rem}.rb-evidence-row span::before{content:'— ';color:var(--rb-gold)}}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--rb-ink);
  background:
    radial-gradient(circle at 11% 4%, rgba(194, 139, 61, 0.18), transparent 27rem),
    radial-gradient(circle at 95% 28%, rgba(101, 123, 100, 0.16), transparent 30rem),
    linear-gradient(145deg, #d8cdb6 0%, #efe7d6 44%, #d7cab0 100%);
  font-family: var(--rb-serif);
  font-size: 17px;
  line-height: 1.82;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -2;
  content: "";
  opacity: 0.4;
  background-image:
    repeating-linear-gradient(12deg, rgba(74, 56, 35, 0.035) 0 1px, transparent 1px 6px),
    repeating-linear-gradient(98deg, rgba(255, 255, 255, 0.24) 0 1px, transparent 1px 8px);
  pointer-events: none;
}

a { color: var(--rb-cinnabar-dark); }

a:focus-visible,
button:focus-visible {
  outline: 3px solid #146c8a;
  outline-offset: 4px;
}

.rb-skip {
  position: fixed;
  top: -5rem;
  left: 1rem;
  z-index: 2147483647;
  padding: 0.6rem 1rem;
  border-radius: 0 0 10px 10px;
  color: #fff;
  background: var(--rb-cinnabar-dark);
  font-family: var(--rb-sans);
}

.rb-skip:focus { top: 0; }

.rb-top {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: min(1180px, calc(100% - 2rem));
  margin: 1rem auto 0;
  padding: 0.68rem 0.9rem 0.68rem 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  background: rgba(247, 240, 223, 0.86);
  box-shadow: 0 14px 36px rgba(72, 52, 31, 0.1);
  backdrop-filter: blur(18px);
  font-family: var(--rb-sans);
}

.rb-brand {
  color: var(--rb-ink);
  font-weight: 850;
  letter-spacing: 0.08em;
  text-decoration: none;
}

.rb-top nav {
  display: flex;
  gap: 0.25rem;
  overflow-x: auto;
  scrollbar-width: none;
}

.rb-top nav::-webkit-scrollbar { display: none; }

.rb-top nav a {
  min-height: 44px;
  padding: 0.62rem 0.82rem;
  border-radius: 999px;
  color: var(--rb-muted);
  font-size: 0.8rem;
  font-weight: 750;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
}

.rb-top nav a:hover { background: rgba(164, 59, 43, 0.08); }

.rb-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 6rem);
  width: min(1180px, calc(100% - 2rem));
  min-height: min(790px, calc(100svh - 4rem));
  margin: 0 auto;
  padding: clamp(4rem, 9vw, 8rem) 0 clamp(5rem, 10vw, 8rem);
}

.rb-hero-copy { position: relative; z-index: 3; }

.rb-eyebrow,
.rb-label {
  margin: 0 0 0.8rem;
  color: var(--rb-cinnabar);
  font-family: var(--rb-sans);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  line-height: 1.5;
  text-transform: uppercase;
}

.rb-hero h1 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(3.4rem, 8.2vw, 7.2rem);
  font-weight: 750;
  letter-spacing: -0.045em;
  line-height: 0.98;
}

.rb-hero h1 span {
  display: block;
  margin-top: 0.18em;
  color: var(--rb-cinnabar-dark);
}

.rb-dek {
  max-width: 720px;
  margin: 1.8rem 0 0;
  color: #454139;
  font-size: clamp(1.08rem, 1.8vw, 1.34rem);
  line-height: 1.75;
}

.rb-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2rem;
  font-family: var(--rb-sans);
}

.rb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.68rem 1.08rem;
  border: 1px solid rgba(112, 39, 31, 0.34);
  border-radius: 999px;
  color: var(--rb-cinnabar-dark);
  background: rgba(255, 250, 238, 0.62);
  font-size: 0.86rem;
  font-weight: 850;
  text-decoration: none;
}

.rb-button:first-child {
  color: #fffaf0;
  background: var(--rb-cinnabar-dark);
}

.rb-replay {
  min-height: 48px;
  padding: 0.68rem 1.08rem;
  border: 1px solid rgba(112, 39, 31, 0.3);
  border-radius: 999px;
  color: var(--rb-cinnabar-dark);
  background: transparent;
  font: 850 0.86rem/1.2 var(--rb-sans);
  cursor: pointer;
}

.rb-boundary-strip {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  max-width: 760px;
  margin-top: 2rem;
  padding: 1rem 1.1rem;
  border-left: 4px solid var(--rb-indigo);
  border-radius: 0 14px 14px 0;
  background: rgba(255, 251, 241, 0.58);
  color: #4f4b43;
  font-family: var(--rb-sans);
  font-size: 0.8rem;
  line-height: 1.65;
}

.rb-boundary-strip b { color: var(--rb-indigo); }

.rb-hero-art {
  position: relative;
  min-height: 560px;
  isolation: isolate;
}

.rb-art-halo {
  position: absolute;
  inset: 8% 2% 1% 5%;
  border-radius: 46% 54% 50% 42%;
  background:
    radial-gradient(circle at 50% 45%, rgba(255, 241, 192, 0.84), transparent 38%),
    radial-gradient(circle at 51% 48%, rgba(164, 59, 43, 0.2), transparent 68%);
  filter: blur(2px);
}

.rb-evidence-sheet {
  position: absolute;
  left: 50%;
  width: min(72%, 330px);
  height: 420px;
  padding: 1.4rem;
  overflow: hidden;
  border: 1px solid rgba(92, 65, 40, 0.16);
  border-radius: 20px 30px 24px 28px;
  background:
    linear-gradient(100deg, rgba(255, 255, 255, 0.56), transparent 45%),
    #f5ead0;
  box-shadow: 0 26px 42px rgba(74, 48, 26, 0.17);
  transform-origin: 50% 90%;
}

.rb-evidence-sheet::before,
.rb-evidence-sheet::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.rb-evidence-sheet::before {
  inset: 0;
  opacity: 0.4;
  background: repeating-linear-gradient(0deg, transparent 0 28px, rgba(76, 62, 43, 0.09) 28px 29px);
}

.rb-evidence-sheet::after {
  top: -18px;
  right: -14px;
  width: 82px;
  height: 82px;
  border-radius: 30% 0 52% 48%;
  background: #d9c79e;
  box-shadow: -6px 8px 14px rgba(79, 55, 31, 0.13);
  transform: rotate(14deg);
}

.rb-sheet-1 { z-index: 1; top: 14%; transform: translateX(-58%) rotate(-12deg); background-color: #e9d6b1; }
.rb-sheet-2 { z-index: 2; top: 10%; transform: translateX(-48%) rotate(7deg); background-color: #d6ddc8; }
.rb-sheet-3 { z-index: 3; top: 7%; transform: translateX(-52%) rotate(-2deg); }

.rb-sheet-lines {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 1.35rem;
  margin-top: 1.2rem;
}

.rb-sheet-lines i {
  display: block;
  width: var(--w, 74%);
  height: 9px;
  border-radius: 999px;
  background: rgba(74, 61, 45, 0.18);
}

.rb-sheet-lines i:nth-child(2) { --w: 90%; }
.rb-sheet-lines i:nth-child(3) { --w: 58%; }
.rb-sheet-lines i:nth-child(4) { --w: 82%; }
.rb-sheet-lines i:nth-child(5) { --w: 48%; }

.rb-clay-mark {
  position: absolute;
  z-index: 5;
  display: grid;
  place-items: center;
  width: 108px;
  aspect-ratio: 1;
  border: 8px solid rgba(112, 39, 31, 0.78);
  border-radius: 46% 54% 48% 52%;
  color: var(--rb-cinnabar-dark);
  background: #c98563;
  box-shadow: inset 9px 11px 18px rgba(255, 227, 196, 0.26), 0 18px 28px rgba(80, 44, 25, 0.19);
  font: 900 2.4rem/1 var(--rb-serif);
  transform: rotate(-8deg);
}

.rb-clay-mark--question { right: 2%; top: 7%; }
.rb-clay-mark--join { left: 1%; bottom: 9%; color: #fff7df; background: var(--rb-jade); border-color: #435a45; }

.rb-thread {
  position: absolute;
  z-index: 4;
  height: 4px;
  border-radius: 999px;
  background: var(--rb-cinnabar);
  box-shadow: 0 2px 7px rgba(112, 39, 31, 0.28);
  transform-origin: left center;
}

.rb-thread::after {
  position: absolute;
  top: 50%;
  right: -8px;
  width: 14px;
  aspect-ratio: 1;
  border: 3px solid var(--rb-cinnabar);
  border-radius: 50%;
  background: var(--rb-paper);
  content: "";
  transform: translateY(-50%);
}

.rb-thread-1 { left: 8%; top: 29%; width: 38%; transform: rotate(17deg); }
.rb-thread-2 { left: 52%; top: 38%; width: 41%; transform: rotate(-24deg); }
.rb-thread-3 { left: 18%; top: 70%; width: 58%; transform: rotate(-8deg); }

.rb-leaf {
  position: absolute;
  z-index: 0;
  width: 74px;
  height: 42px;
  border-radius: 100% 0 100% 0;
  background: var(--rb-ochre);
  box-shadow: inset 8px 8px 12px rgba(255,255,255,0.2), 0 12px 22px rgba(63, 44, 23, 0.14);
}

.rb-leaf-1 { right: 2%; bottom: 18%; transform: rotate(28deg); }
.rb-leaf-2 { left: 8%; top: 8%; width: 58px; background: var(--rb-clay); transform: rotate(-36deg); }
.rb-leaf-3 { right: 20%; bottom: 2%; width: 48px; background: var(--rb-jade); transform: rotate(78deg); }

.rb-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483646;
  width: 100%;
  height: 3px;
  background: transparent;
  pointer-events: none;
}

.rb-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--rb-ochre), var(--rb-cinnabar));
  transform: scaleX(0);
  transform-origin: left center;
}

.rb-page {
  position: relative;
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto 4rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 36px;
  background: rgba(250, 245, 232, 0.91);
  box-shadow: var(--rb-shadow);
  backdrop-filter: blur(18px);
}

.rb-page::before {
  position: absolute;
  top: 7rem;
  right: -5rem;
  width: 18rem;
  aspect-ratio: 1;
  border: 1px solid rgba(164, 59, 43, 0.12);
  border-radius: 46% 54% 48% 52%;
  content: "";
  transform: rotate(22deg);
  pointer-events: none;
}

.rb-section {
  position: relative;
  z-index: 1;
  padding: clamp(3.5rem, 8vw, 7rem) clamp(1.25rem, 7vw, 6.5rem);
  border-top: 1px solid var(--rb-line);
}

.rb-section:first-child { border-top: 0; }

.rb-section h2 {
  max-width: 900px;
  margin: 0 0 1.3rem;
  font-size: clamp(2rem, 4.6vw, 4.15rem);
  letter-spacing: -0.035em;
  line-height: 1.15;
}

.rb-section h3 {
  margin: 0 0 0.65rem;
  font-size: clamp(1.12rem, 2vw, 1.42rem);
  line-height: 1.45;
}

.rb-section > p,
.rb-section > .rb-copy {
  max-width: 850px;
}

.rb-lead {
  max-width: 900px !important;
  margin: 0 0 1.25rem;
  color: #464137;
  font-size: clamp(1.1rem, 1.8vw, 1.28rem);
  line-height: 1.85;
}

.rb-answer-grid,
.rb-blind-grid,
.rb-defense-grid,
.rb-finding-grid,
.rb-related-grid {
  display: grid;
  gap: 1rem;
  margin-top: 2rem;
}

.rb-answer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rb-blind-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rb-defense-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rb-finding-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rb-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.rb-answer,
.rb-blind,
.rb-defense,
.rb-finding,
.rb-related {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(87, 68, 45, 0.18);
  border-radius: 22px;
  background: rgba(255, 252, 244, 0.76);
  box-shadow: 0 16px 32px rgba(70, 52, 31, 0.08);
}

.rb-answer { padding: 1.4rem; }

.rb-answer strong {
  display: block;
  margin-bottom: 0.45rem;
  color: var(--rb-cinnabar-dark);
  font: 900 0.82rem/1.3 var(--rb-sans);
  letter-spacing: 0.08em;
}

.rb-answer p { margin: 0; }

.rb-evidence-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 1.4rem 0;
  font-family: var(--rb-sans);
}

.rb-chip {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 30px;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  color: #fff;
  background: var(--rb-indigo);
  font: 800 0.73rem/1.2 var(--rb-sans);
  letter-spacing: 0.04em;
}

.rb-chip--hearing { background: var(--rb-cinnabar-dark); }
.rb-chip--official { background: var(--rb-jade); }
.rb-chip--law { background: var(--rb-indigo); }
.rb-chip--analysis { color: #3c2f1d; background: #e6c27a; }

.rb-hearing-card {
  position: relative;
  margin-top: 2rem;
  padding: clamp(1.5rem, 4vw, 3rem);
  overflow: hidden;
  border: 1px solid rgba(112, 39, 31, 0.22);
  border-radius: 28px 50px 30px 46px;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.5), transparent 48%),
    #eee0c3;
  box-shadow: 0 24px 54px rgba(72, 50, 27, 0.12);
}

.rb-hearing-card::after {
  position: absolute;
  right: -2rem;
  bottom: -3rem;
  width: 10rem;
  aspect-ratio: 1;
  border: 18px solid rgba(164, 59, 43, 0.12);
  border-radius: 50%;
  content: "";
}

.rb-hearing-card blockquote {
  position: relative;
  z-index: 1;
  max-width: 890px;
  margin: 1rem 0;
  color: #3d342b;
  font-size: clamp(1.28rem, 2.6vw, 2rem);
  font-weight: 700;
  line-height: 1.65;
}

.rb-hearing-card p { position: relative; z-index: 1; max-width: 900px; }

.rb-hearing-qa > p:first-child {
  margin: 1.15rem 0 0;
  padding: 0.8rem 1rem;
  border-left: 5px solid var(--rb-ochre);
  background: rgba(255, 255, 255, 0.44);
  font-family: var(--rb-sans);
}

.rb-hearing-qa > p:first-child b { display: block; margin-bottom: 0.25rem; color: var(--rb-cinnabar-dark); }
.rb-hearing-issue { padding-top: 1rem; border-top: 1px solid rgba(112, 39, 31, 0.2); }
.rb-hearing-issue b { color: var(--rb-cinnabar-dark); }

.rb-warning-timeline {
  margin-top: 1.5rem;
  padding: 1.25rem;
  border: 1px solid rgba(112, 39, 31, 0.2);
  border-radius: 18px;
  background: rgba(255, 250, 237, 0.76);
}

.rb-warning-timeline > b { display: block; margin-bottom: 0.9rem; color: var(--rb-cinnabar-dark); font: 850 1rem/1.4 var(--rb-sans); }
.rb-warning-timeline ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.7rem; margin: 0; padding: 0; list-style: none; counter-reset: warning; }
.rb-warning-timeline li { position: relative; padding: 2.1rem 0.7rem 0.7rem; border-radius: 12px; background: rgba(224, 232, 231, 0.72); font: 750 0.82rem/1.45 var(--rb-sans); counter-increment: warning; }
.rb-warning-timeline li::before { position: absolute; top: 0.55rem; left: 0.7rem; color: var(--rb-cinnabar); content: "0" counter(warning); font: 900 0.72rem/1 var(--rb-sans); }

.rb-evidence-levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.rb-evidence-levels article { padding: 1.15rem; border: 1px solid rgba(63, 83, 100, 0.2); border-radius: 16px; background: rgba(255, 255, 255, 0.62); }
.rb-evidence-levels article > span { color: var(--rb-cinnabar); font: 900 0.72rem/1 var(--rb-sans); }
.rb-evidence-levels h3 { margin: 0.45rem 0; font-size: 1rem; }
.rb-evidence-levels p { margin: 0; font-size: 0.84rem; line-height: 1.65; }

.rb-duty-table { margin-top: 1.3rem; overflow: hidden; border: 1px solid rgba(63, 83, 100, 0.22); border-radius: 18px; background: rgba(255, 255, 255, 0.68); font-family: var(--rb-sans); }
.rb-duty-row { display: grid; grid-template-columns: 1fr 1fr; }
.rb-duty-row > * { padding: 0.85rem 1rem; border-bottom: 1px solid rgba(63, 83, 100, 0.14); }
.rb-duty-row > * + * { border-left: 1px solid rgba(63, 83, 100, 0.14); }
.rb-duty-row:last-child > * { border-bottom: 0; }
.rb-duty-head { color: #fff; background: linear-gradient(105deg, var(--rb-indigo), var(--rb-jade)); }

.rb-kpi-panel { margin-top: 1.5rem; padding: clamp(1.2rem, 3vw, 2rem); border: 1px solid rgba(125, 157, 123, 0.4); border-radius: 24px; background: linear-gradient(135deg, rgba(224, 232, 231, 0.78), rgba(255, 250, 237, 0.86)); }
.rb-kpi-panel h3 { margin-top: 0; color: var(--rb-indigo); }
.rb-kpi-panel ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.rb-kpi-panel li { padding: 1rem; border-radius: 14px; background: rgba(255, 255, 255, 0.7); }
.rb-kpi-panel li b, .rb-kpi-panel li span { display: block; }
.rb-kpi-panel li b { margin-bottom: 0.35rem; color: var(--rb-cinnabar-dark); }
.rb-kpi-panel li span { font-size: 0.84rem; line-height: 1.6; }

.rb-boundary {
  display: grid;
  grid-template-columns: minmax(120px, 0.22fr) minmax(0, 1fr);
  gap: 1rem;
  margin-top: 1.4rem;
  padding: 1rem;
  border: 1px dashed rgba(63, 83, 100, 0.45);
  border-radius: 16px;
  background: rgba(224, 232, 231, 0.48);
  font-family: var(--rb-sans);
  font-size: 0.86rem;
  line-height: 1.7;
}

.rb-boundary b { color: var(--rb-indigo); }

.rb-contrast {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}

.rb-contrast article {
  padding: clamp(1.4rem, 3vw, 2.2rem);
  border-radius: 22px;
}

.rb-contrast article:first-child { color: #fff9eb; background: var(--rb-cinnabar-dark); }
.rb-contrast article:last-child { border: 1px solid rgba(101, 123, 100, 0.28); background: #e4eadc; }
.rb-contrast p { margin-bottom: 0; }

.rb-blind { padding: 1.55rem 1.55rem 1.45rem 5.2rem; }

.rb-blind-no {
  position: absolute;
  top: 1.3rem;
  left: 1.25rem;
  display: grid;
  place-items: center;
  width: 3rem;
  aspect-ratio: 1;
  border-radius: 42% 58% 48% 52%;
  color: #fffaf1;
  background: var(--rb-clay);
  box-shadow: inset 4px 5px 9px rgba(255,255,255,0.24), 0 8px 16px rgba(75, 48, 28, 0.16);
  font: 900 0.84rem/1 var(--rb-sans);
  transform: rotate(-4deg);
}

.rb-blind:nth-child(3n) .rb-blind-no { background: var(--rb-jade); transform: rotate(5deg); }
.rb-blind:nth-child(4n) .rb-blind-no { background: var(--rb-indigo); }
.rb-blind p { margin: 0; }
.rb-blind:last-child { grid-column: 1 / -1; }

mark.rb-highlight {
  color: inherit;
  background: linear-gradient(transparent 57%, rgba(241, 192, 74, 0.58) 57% 91%, transparent 91%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

mark.rb-highlight--rose { background-image: linear-gradient(transparent 57%, rgba(218, 119, 102, 0.38) 57% 91%, transparent 91%); }
mark.rb-highlight--jade { background-image: linear-gradient(transparent 57%, rgba(125, 157, 123, 0.4) 57% 91%, transparent 91%); }

.motion-ready mark.rb-highlight {
  background-size: 0% 100%;
  background-repeat: no-repeat;
  transition: background-size 0.85s ease;
}

.motion-ready mark.rb-highlight.is-drawn { background-size: 100% 100%; }

.rb-finding { padding: 1.45rem; border-top: 5px solid var(--rb-jade); }
.rb-finding:nth-child(2) { border-top-color: var(--rb-cinnabar); }
.rb-finding:nth-child(3) { border-top-color: var(--rb-ochre); }
.rb-finding p { margin-bottom: 0; }

.rb-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 2rem;
  counter-reset: rb-flow;
}

.rb-flow li {
  position: relative;
  min-width: 0;
  padding: 1.4rem 1rem 1.25rem;
  border: 1px solid rgba(77, 61, 42, 0.18);
  border-radius: 20px;
  background: #f5ecd9;
  list-style: none;
  counter-increment: rb-flow;
}

.rb-flow li::before {
  display: block;
  margin-bottom: 0.55rem;
  color: var(--rb-cinnabar);
  content: "0" counter(rb-flow);
  font: 900 0.78rem/1 var(--rb-sans);
  letter-spacing: 0.12em;
}

.rb-flow li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -0.85rem;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 1.7rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: #fff;
  background: var(--rb-cinnabar);
  content: "→";
  font: 800 0.85rem/1 var(--rb-sans);
  transform: translateY(-50%);
}

.rb-flow b { display: block; margin-bottom: 0.35rem; }
.rb-flow span { color: var(--rb-muted); font-size: 0.9rem; }

.rb-defense { padding: 1.5rem; }
.rb-defense::before {
  display: block;
  width: 2.4rem;
  height: 0.32rem;
  margin-bottom: 1rem;
  border-radius: 999px;
  background: var(--rb-cinnabar);
  content: "";
}
.rb-defense:nth-child(3n+2)::before { background: var(--rb-jade); }
.rb-defense:nth-child(3n)::before { background: var(--rb-ochre); }
.rb-defense p { margin: 0; }

.rb-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 2rem 0 0;
  padding: 0;
  counter-reset: rb-check;
}

.rb-checklist li {
  position: relative;
  min-height: 92px;
  padding: 1.15rem 1.2rem 1.1rem 4rem;
  border: 1px solid rgba(101, 123, 100, 0.24);
  border-radius: 18px;
  background: rgba(227, 234, 220, 0.58);
  list-style: none;
  counter-increment: rb-check;
}

.rb-checklist li::before {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: grid;
  place-items: center;
  width: 2.25rem;
  aspect-ratio: 1;
  border: 2px solid var(--rb-jade);
  border-radius: 50%;
  color: var(--rb-jade);
  content: counter(rb-check);
  font: 900 0.8rem/1 var(--rb-sans);
}

.rb-checklist li:last-child { grid-column: 1 / -1; }

.rb-law-panel {
  position: relative;
  padding: clamp(1.5rem, 4vw, 3rem);
  overflow: hidden;
  border-radius: 28px;
  color: #fffaf0;
  background:
    radial-gradient(circle at 92% 22%, rgba(226, 178, 85, 0.22), transparent 13rem),
    linear-gradient(135deg, #394b59, #25343f);
  box-shadow: 0 24px 48px rgba(35, 52, 63, 0.18);
}

.rb-law-panel h3 { color: #f2ce83; }
.rb-law-panel p { max-width: 920px; }
.rb-law-panel a { color: #ffe4a8; }

.rb-pullquote {
  max-width: 950px;
  margin: 2.2rem auto;
  padding: 0;
  color: var(--rb-cinnabar-dark);
  font-size: clamp(1.45rem, 3vw, 2.55rem);
  font-weight: 750;
  line-height: 1.55;
  text-align: center;
}

.rb-source-list {
  display: grid;
  gap: 0.85rem;
  max-width: 940px;
  padding-left: 1.25rem;
}

.rb-source-list li { padding-left: 0.4rem; }

.rb-source-list a {
  font-family: var(--rb-sans);
  font-weight: 760;
  text-underline-offset: 0.2em;
}

.rb-notice {
  max-width: 940px;
  margin-top: 1.8rem;
  padding: 1rem 1.1rem;
  border-left: 4px solid var(--rb-cinnabar);
  background: rgba(229, 213, 181, 0.45);
  font-family: var(--rb-sans);
  font-size: 0.84rem;
}

.rb-related {
  display: flex;
  flex-direction: column;
  min-height: 170px;
  padding: 1.45rem;
  color: var(--rb-ink);
  text-decoration: none;
}

.rb-related small {
  color: var(--rb-cinnabar);
  font: 850 0.72rem/1.4 var(--rb-sans);
  letter-spacing: 0.1em;
}

.rb-related strong { margin: 0.5rem 0; font-size: 1.25rem; }
.rb-related span { color: var(--rb-muted); }
.rb-related b { margin-top: auto; color: var(--rb-cinnabar-dark); font-family: var(--rb-sans); }

.rb-footer {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 0 1rem 3rem;
  color: #514a3e;
  font-family: var(--rb-sans);
  font-size: 0.8rem;
  text-align: center;
}

.rb-footer p { margin: 0.25rem 0; }

html.motion-ready .rb-reveal {
  opacity: 0;
  transform: translateY(28px);
}

html.motion-reduced .rb-replay { display: none; }

@media (max-width: 900px) {
  .rb-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 5rem; }
  .rb-hero-art { min-height: 480px; margin-top: -1rem; }
  .rb-answer-grid,
  .rb-finding-grid,
  .rb-defense-grid,
  .rb-evidence-levels { grid-template-columns: 1fr; }
  .rb-warning-timeline ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rb-flow li:nth-child(2)::after { display: none; }
}

@media (max-width: 760px) {
  body { font-size: 16px; line-height: 1.78; }

  .rb-top {
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 1rem);
    margin-top: 0.5rem;
    padding: 0.7rem;
    border-radius: 18px;
  }

  .rb-brand { padding: 0.55rem 0.35rem; font-size: 0.82rem; white-space: nowrap; }
  .rb-top nav { width: 100%; max-width: 100%; }

  .rb-hero,
  .rb-page,
  .rb-footer { width: calc(100% - 1rem); }

  .rb-hero { gap: 1rem; padding: 4.2rem 0 3.5rem; }
  .rb-hero h1 { font-size: clamp(3.1rem, 15.5vw, 5rem); }
  .rb-dek { font-size: 1.05rem; }

  .rb-boundary-strip { grid-template-columns: 1fr; }
  .rb-hero-art { min-height: 390px; }
  .rb-evidence-sheet { width: 66%; height: 310px; }
  .rb-clay-mark { width: 76px; border-width: 6px; font-size: 1.72rem; }

  .rb-page { border-radius: 24px; }
  .rb-section { padding: 3.7rem 1.15rem; }
  .rb-section h2 { font-size: clamp(2rem, 10vw, 3rem); }

  .rb-blind-grid,
  .rb-contrast,
  .rb-checklist,
  .rb-related-grid { grid-template-columns: 1fr; }

  .rb-blind:last-child,
  .rb-checklist li:last-child { grid-column: auto; }

  .rb-blind { padding: 4.8rem 1.2rem 1.35rem; }
  .rb-blind-no { top: 1.15rem; left: 1.15rem; }
  .rb-boundary { grid-template-columns: 1fr; }
  .rb-flow { grid-template-columns: 1fr; }
  .rb-flow li::after { display: none !important; }
  .rb-warning-timeline ol,
  .rb-kpi-panel ul { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
  .rb-replay { display: none; }
}

@media (forced-colors: active) {
  .rb-chip,
  .rb-clay-mark,
  .rb-flow li,
  .rb-law-panel { border: 2px solid CanvasText; }
  mark.rb-highlight { color: CanvasText; background: transparent; border-bottom: 3px solid Highlight; }
  .rb-warning-timeline, .rb-evidence-levels article, .rb-duty-table, .rb-kpi-panel { border: 2px solid CanvasText; }
}

/* Autumn ink wash: layered mineral colours, wet edges, and finer editorial cards. */
.rb-page{position:relative;isolation:isolate;background:linear-gradient(112deg,rgba(255,253,246,.96),rgba(247,240,223,.9));box-shadow:0 30px 90px rgba(67,47,28,.2),inset 0 0 80px rgba(194,139,61,.06)}
.rb-page::before,.rb-page::after{position:absolute;z-index:-1;content:"";pointer-events:none;filter:saturate(1.16)}
.rb-page::before{inset:2% -5% auto auto;width:31rem;height:24rem;background:radial-gradient(ellipse at 68% 22%,rgba(224,112,63,.25) 0 8%,transparent 28%),radial-gradient(ellipse at 38% 55%,rgba(199,91,121,.2) 0 7%,transparent 30%),radial-gradient(ellipse at 72% 67%,rgba(227,179,65,.22) 0 10%,transparent 34%),radial-gradient(ellipse at 32% 25%,rgba(120,104,143,.17),transparent 42%);transform:rotate(-7deg)}
.rb-page::after{inset:auto auto 7% -8%;width:33rem;height:28rem;background:radial-gradient(ellipse at 30% 42%,rgba(94,139,126,.23) 0 9%,transparent 35%),radial-gradient(ellipse at 65% 65%,rgba(63,83,100,.16) 0 8%,transparent 38%),radial-gradient(ellipse at 70% 25%,rgba(227,179,65,.18),transparent 38%);transform:rotate(11deg)}
.rb-section{position:relative}
.rb-section:nth-of-type(3n+1)::after{position:absolute;top:2.2rem;right:clamp(.8rem,4vw,3rem);width:clamp(54px,8vw,94px);aspect-ratio:1;content:"";border-radius:62% 38% 55% 45%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.35),transparent 13%),radial-gradient(circle at 48% 48%,rgba(224,112,63,.3),rgba(199,91,121,.15) 55%,transparent 72%);transform:rotate(18deg);pointer-events:none}
.rb-witness-records>details,.rb-chen-records details,.rb-locale-dropdown{border-color:rgba(112,39,31,.2);box-shadow:0 12px 28px rgba(77,54,34,.08),inset 0 1px rgba(255,255,255,.8);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.rb-witness-records>details:hover,.rb-chen-records details:hover,.rb-locale-dropdown:hover{transform:translateY(-2px);border-color:rgba(164,59,43,.42);box-shadow:0 18px 38px rgba(77,54,34,.13)}
.rb-witness-records>details[open],.rb-chen-records details[open],.rb-locale-dropdown[open]{box-shadow:0 22px 48px rgba(77,54,34,.14)}
.rb-excerpts blockquote:nth-child(4n+1){border-color:var(--rb-chrysanthemum);background:linear-gradient(100deg,rgba(227,179,65,.14),rgba(255,255,255,.78))}
.rb-excerpts blockquote:nth-child(4n+2){border-color:var(--rb-celadon);background:linear-gradient(100deg,rgba(94,139,126,.12),rgba(255,255,255,.78))}
.rb-excerpts blockquote:nth-child(4n+3){border-color:var(--rb-lotus);background:linear-gradient(100deg,rgba(199,91,121,.11),rgba(255,255,255,.78))}
.rb-excerpts blockquote:nth-child(4n){border-color:var(--rb-wisteria);background:linear-gradient(100deg,rgba(120,104,143,.11),rgba(255,255,255,.78))}
.rb-debate{overflow:hidden;border:1px solid rgba(112,39,31,.18);border-radius:28px;background:linear-gradient(135deg,rgba(255,250,236,.9),rgba(235,242,236,.82) 48%,rgba(248,231,226,.86));box-shadow:var(--rb-shadow)}
.rb-debate::before{position:absolute;inset:-5rem auto auto -4rem;width:16rem;aspect-ratio:1;content:"";border-radius:46% 54% 38% 62%;background:radial-gradient(circle,rgba(227,179,65,.3),rgba(224,112,63,.13) 42%,transparent 70%);pointer-events:none}
.rb-debate-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.6rem 0}
.rb-debate-card{position:relative;min-height:100%;padding:1.35rem;border:1px solid rgba(255,255,255,.8);border-radius:10px 26px 18px 24px;background:rgba(255,255,255,.78);box-shadow:0 16px 36px rgba(67,47,28,.1);backdrop-filter:blur(8px)}
.rb-debate-card::before{display:block;width:2.4rem;height:.38rem;margin-bottom:1rem;border-radius:999px;content:"";background:linear-gradient(90deg,var(--rb-persimmon),var(--rb-lotus))}
.rb-debate-card:nth-child(2)::before{background:linear-gradient(90deg,var(--rb-celadon),var(--rb-indigo))}.rb-debate-card:nth-child(3)::before{background:linear-gradient(90deg,var(--rb-chrysanthemum),var(--rb-wisteria))}
.rb-debate-card h3{margin:.1rem 0 .55rem;font-size:1.22rem}.rb-debate-card p{margin:.45rem 0}.rb-debate-card .rb-debate-question{color:var(--rb-cinnabar-dark);font-weight:800}
.rb-debate-bottom{display:grid;grid-template-columns:1fr 1.15fr;gap:1rem;align-items:start;margin-top:1.2rem}.rb-debate-bottom>div{padding:1.2rem;border-radius:18px;background:rgba(255,255,255,.68)}
.rb-debate-sources{font-family:var(--rb-sans);font-size:.86rem;line-height:1.65}.rb-debate-sources a{font-weight:750}
@media (max-width:760px){.rb-debate-grid,.rb-debate-bottom{grid-template-columns:1fr}.rb-page::before,.rb-page::after{width:19rem;height:18rem}.rb-section:nth-of-type(3n+1)::after{opacity:.55}.rb-debate-card{padding:1.1rem}.rb-witness-records>details:hover,.rb-chen-records details:hover,.rb-locale-dropdown:hover{transform:none}}

/* Stronger paper-cut and clay art direction, with saturated autumn ink washes. */
body{background:radial-gradient(circle at 8% 8%,rgba(238,173,52,.34),transparent 24rem),radial-gradient(circle at 94% 24%,rgba(184,55,75,.26),transparent 27rem),radial-gradient(circle at 18% 72%,rgba(42,119,104,.25),transparent 32rem),linear-gradient(145deg,#dcc58f 0%,#f4e8c8 42%,#c8d6b8 100%)}
.rb-hero{overflow:hidden;background:linear-gradient(118deg,rgba(255,248,222,.94),rgba(245,209,149,.7) 38%,rgba(210,226,195,.82) 72%,rgba(226,174,166,.72));box-shadow:0 28px 76px rgba(88,52,27,.2)}
.rb-hero::before{background:radial-gradient(circle at 14% 20%,rgba(229,62,77,.23),transparent 20rem),radial-gradient(circle at 82% 18%,rgba(244,172,43,.31),transparent 22rem),radial-gradient(circle at 70% 82%,rgba(42,122,106,.27),transparent 24rem),repeating-linear-gradient(8deg,rgba(91,62,32,.03) 0 1px,transparent 1px 7px)}
.rb-art-halo{background:radial-gradient(circle at 53% 38%,rgba(255,214,74,.95),transparent 24%),radial-gradient(circle at 30% 58%,rgba(211,60,81,.46),transparent 36%),radial-gradient(circle at 72% 65%,rgba(35,130,109,.44),transparent 38%),radial-gradient(circle at 55% 50%,rgba(104,69,139,.28),transparent 69%);filter:blur(5px);opacity:.92}
.rb-evidence-sheet{border:3px solid rgba(255,255,255,.58);box-shadow:0 15px 0 rgba(111,73,38,.07),0 32px 54px rgba(74,48,26,.24),inset 0 0 34px rgba(255,255,255,.5)}
.rb-sheet-1{background:linear-gradient(145deg,#efb74f,#d7664f 70%);clip-path:polygon(3% 1%,96% 0,100% 94%,91% 100%,4% 97%,0 8%)}
.rb-sheet-2{background:linear-gradient(145deg,#87b49b,#3f8377 72%);clip-path:polygon(0 5%,94% 0,100% 11%,97% 98%,6% 100%,1% 90%)}
.rb-sheet-3{background:linear-gradient(145deg,#fff3d2,#f5dfac 72%);clip-path:polygon(4% 0,96% 3%,100% 92%,94% 100%,2% 97%,0 7%)}
.rb-sheet-1 .rb-sheet-lines i,.rb-sheet-2 .rb-sheet-lines i{background:rgba(255,248,224,.42)}
.rb-clay-mark{border-color:rgba(105,38,29,.86);background:linear-gradient(145deg,#eea06f,#b94f3e);box-shadow:inset 10px 10px 18px rgba(255,229,190,.46),inset -8px -10px 18px rgba(102,35,27,.2),0 12px 0 rgba(105,50,31,.12),0 24px 38px rgba(80,44,25,.26)}
.rb-clay-mark--join{background:linear-gradient(145deg,#5f9b7b,#356653);border-color:#294e40}
.rb-leaf-1{background:#e9aa2d}.rb-leaf-2{background:#c84950}.rb-leaf-3{background:#528b68}
.rb-button--clay{color:#fff8e9!important;background:linear-gradient(145deg,#c95b42,#8f332b)!important;border-color:#782920!important;box-shadow:inset 3px 3px 7px rgba(255,223,186,.3),0 7px 0 rgba(105,43,30,.17),0 14px 24px rgba(99,50,31,.2)}
.rb-chen-verbatim{position:relative;margin:2.2rem 0;padding:clamp(1.1rem,3vw,2rem);overflow:hidden;border:1px solid rgba(126,55,35,.25);border-radius:28px;background:linear-gradient(135deg,rgba(255,247,218,.97),rgba(242,213,153,.82) 42%,rgba(190,220,199,.8));box-shadow:0 14px 0 rgba(116,73,38,.08),0 30px 60px rgba(83,52,29,.17)}
.rb-chen-verbatim::before,.rb-chen-verbatim::after{position:absolute;content:"";pointer-events:none;border-radius:54% 46% 61% 39%}
.rb-chen-verbatim::before{top:-7rem;right:-5rem;width:18rem;aspect-ratio:1;background:radial-gradient(circle at 40% 40%,rgba(207,62,75,.44),rgba(232,135,48,.22) 43%,transparent 68%)}
.rb-chen-verbatim::after{bottom:-8rem;left:-5rem;width:19rem;aspect-ratio:1;background:radial-gradient(circle at 55% 42%,rgba(37,128,104,.38),rgba(71,104,151,.16) 47%,transparent 70%)}
.rb-chen-verbatim-head{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.rb-chen-verbatim-head h3{margin:.1rem 0}.rb-chen-verbatim-head p:last-child{margin:.35rem 0 0}
.rb-clay-date{display:grid;place-items:center;width:82px;aspect-ratio:1;border:7px solid #8f332b;border-radius:48% 52% 43% 57%;color:#74271f;background:linear-gradient(145deg,#f09a69,#c75c47);box-shadow:inset 7px 7px 13px rgba(255,224,182,.42),0 9px 0 rgba(117,56,37,.14),0 18px 30px rgba(76,43,27,.2);font:900 1.18rem/1 var(--rb-sans);transform:rotate(-6deg)}
.rb-quote-ribbon{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.3rem}
.rb-quote-ribbon blockquote{position:relative;margin:0;padding:1.1rem 1.05rem 1rem 1.2rem;border:1px solid rgba(255,255,255,.78);border-radius:10px 20px 16px 22px;background:rgba(255,253,244,.88);box-shadow:0 10px 22px rgba(74,48,27,.1),inset 0 1px rgba(255,255,255,.9)}
.rb-quote-ribbon blockquote:nth-child(3n+1){border-left:6px solid #d05545}.rb-quote-ribbon blockquote:nth-child(3n+2){border-left:6px solid #428877}.rb-quote-ribbon blockquote:nth-child(3n){border-left:6px solid #d99b24}
.rb-quote-ribbon blockquote>span{display:inline-block;margin-bottom:.45rem;padding:.18rem .55rem;border-radius:999px;color:#fff;background:#55423a;font:800 .72rem/1.4 var(--rb-sans)}.rb-quote-ribbon blockquote p{margin:0;line-height:1.78}
.rb-quote-note{position:relative;z-index:1;margin:1rem 0 0;padding:.8rem 1rem;border-radius:12px;background:rgba(255,255,255,.64);font-size:.88rem}
@media(max-width:720px){.rb-hero-actions{grid-template-columns:1fr}.rb-quote-ribbon{grid-template-columns:1fr}.rb-chen-verbatim-head{grid-template-columns:1fr}.rb-clay-date{width:68px}.rb-hero-art{filter:saturate(1.15)}}

/* Site-wide impressionist light, layered paper sculpture and hand-shaped clay. */
:root{--rb-sunset:#e97045;--rb-rose:#c94262;--rb-gold:#efb332;--rb-jade:#348975;--rb-lapis:#426e9c;--rb-violet:#7d5f91}
body::after{position:fixed;inset:0;z-index:-1;content:"";pointer-events:none;opacity:.3;background:repeating-linear-gradient(101deg,transparent 0 8px,rgba(255,255,255,.28) 9px 10px,transparent 11px 18px);mix-blend-mode:soft-light}
.rb-page{border:1px solid rgba(255,255,255,.65);background:linear-gradient(125deg,rgba(255,251,232,.93),rgba(239,224,187,.86) 34%,rgba(218,233,207,.82) 65%,rgba(244,213,203,.86));}
.rb-section{overflow:hidden;border-bottom-color:rgba(107,67,35,.14)}
.rb-section::before{position:absolute;z-index:-1;content:"";pointer-events:none;width:clamp(18rem,42vw,36rem);height:clamp(10rem,25vw,22rem);top:8%;left:-12%;opacity:.36;filter:blur(2px);background:radial-gradient(ellipse at 18% 45%,var(--rb-gold) 0 5%,transparent 20%),radial-gradient(ellipse at 43% 28%,var(--rb-sunset) 0 6%,transparent 23%),radial-gradient(ellipse at 68% 62%,var(--rb-jade) 0 8%,transparent 28%),radial-gradient(ellipse at 89% 34%,var(--rb-violet) 0 5%,transparent 22%);transform:rotate(-7deg)}
.rb-section:nth-child(even)::before{left:auto;right:-14%;transform:rotate(8deg) scaleX(-1)}
.rb-section h2,.rb-archive-subtitle{position:relative;text-wrap:balance}.rb-section h2::after,.rb-archive-subtitle::after{display:block;width:min(11rem,42vw);height:.55rem;margin-top:.65rem;content:"";border-radius:65% 35% 58% 42%;background:linear-gradient(90deg,var(--rb-rose),var(--rb-sunset),var(--rb-gold),var(--rb-jade));opacity:.78;transform:rotate(-1deg)}
.rb-answer,.rb-blind,.rb-defense,.rb-finding,.rb-evidence-levels article,.rb-warning-timeline,.rb-crosscheck-wrap,.rb-cannot-infer,.rb-kpi-panel,.rb-related,.rb-law-panel{position:relative;border:1px solid rgba(255,255,255,.75);box-shadow:0 8px 0 rgba(91,58,35,.06),0 22px 44px rgba(77,52,31,.13),inset 0 1px rgba(255,255,255,.92)}
.rb-answer::after,.rb-blind::after,.rb-defense::after,.rb-finding::after,.rb-related::after{position:absolute;right:-10px;bottom:-10px;z-index:-1;width:35%;height:34%;content:"";border-radius:38% 62% 45% 55%;background:linear-gradient(135deg,rgba(233,112,69,.22),rgba(52,137,117,.24));transform:rotate(5deg)}
.rb-answer:nth-child(3n+2)::after,.rb-blind:nth-child(3n+2)::after,.rb-finding:nth-child(3n+2)::after{background:linear-gradient(135deg,rgba(239,179,50,.3),rgba(125,95,145,.2));transform:rotate(-6deg)}
.rb-chip,.rb-label,.rb-clay-date{filter:saturate(1.12)}
.rb-witness-records>details,.rb-chen-records details{position:relative;margin:.9rem 0;border-radius:14px 24px 18px 26px;background:linear-gradient(132deg,rgba(255,253,243,.96),rgba(244,231,199,.88));box-shadow:0 7px 0 rgba(112,73,40,.08),0 18px 34px rgba(79,51,29,.11)}
.rb-witness-records>details:nth-child(4n+2),.rb-chen-records details:nth-child(4n+2){background:linear-gradient(132deg,rgba(255,247,224,.96),rgba(244,207,174,.8))}
.rb-witness-records>details:nth-child(4n+3),.rb-chen-records details:nth-child(4n+3){background:linear-gradient(132deg,rgba(245,251,236,.96),rgba(184,220,199,.78))}
.rb-witness-records>details:nth-child(4n),.rb-chen-records details:nth-child(4n){background:linear-gradient(132deg,rgba(253,242,239,.96),rgba(226,193,207,.76))}
.rb-chen-records summary{min-height:78px}.rb-chen-records summary::before{box-shadow:inset 2px 2px 4px rgba(255,255,255,.5),0 4px 9px rgba(82,48,28,.16)}
.rb-chen-index-note{margin:1rem 0 1.4rem;padding:1rem 1.15rem;border-left:5px solid var(--rb-jade);border-radius:5px 18px 18px 5px;background:rgba(255,255,255,.66);box-shadow:0 12px 25px rgba(75,49,29,.08)}
.rb-turn-pair{display:grid;gap:.72rem;padding:0 1.15rem 1.2rem}.rb-turn-pair p{margin:0;padding:.9rem 1rem;border-left:5px solid var(--rb-lapis);border-radius:5px 16px 16px 5px;background:rgba(255,255,255,.76);box-shadow:0 7px 16px rgba(70,48,31,.07);line-height:1.8}.rb-turn-pair p:nth-child(even){border-left-color:var(--rb-sunset);background:rgba(255,250,235,.88)}.rb-turn-pair p b{color:#70271f;font-family:var(--rb-sans)}.rb-turn-pair .rb-source-caveat{border-left-color:var(--rb-gold);font-size:.88rem}
.rb-debate,.rb-chen-verbatim{border-width:2px;box-shadow:0 11px 0 rgba(104,65,38,.09),0 34px 70px rgba(75,46,28,.18)}
@media(max-width:760px){.rb-section::before{opacity:.22}.rb-turn-pair{padding:0 .78rem 1rem}.rb-turn-pair p{padding:.82rem .85rem}.rb-chen-records summary{min-height:70px}.rb-section h2::after,.rb-archive-subtitle::after{height:.42rem}}

/* Editorial hero artwork and restrained fluorescent emphasis. */
body::before{z-index:-2;opacity:.2;background-image:linear-gradient(rgba(239,232,214,.28),rgba(224,215,194,.52)),url('/child-advocacy-site/assets/art/recognition-blind-spots-autumn-impressionist-20260913.webp');background-size:cover;background-position:center;background-attachment:fixed;filter:saturate(.72) contrast(.92)}
.rb-page{background:linear-gradient(125deg,rgba(255,252,240,.87),rgba(239,226,198,.79) 34%,rgba(220,234,211,.76) 65%,rgba(244,219,208,.79));backdrop-filter:blur(12px) saturate(.9)}
.rb-hero-art{min-height:clamp(430px,48vw,620px);border:1px solid rgba(255,255,255,.7);border-radius:34px 58px 42px 66px;background:#d8cfb8;box-shadow:0 12px 0 rgba(102,68,41,.1),0 34px 72px rgba(71,49,31,.24);transform:rotate(.8deg)}
.rb-hero-painting{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.rb-hero-painting::after{position:absolute;inset:0;content:"";background:linear-gradient(115deg,rgba(255,250,232,.13),transparent 42%,rgba(88,107,88,.1));box-shadow:inset 0 0 60px rgba(78,54,35,.16)}.rb-hero-painting img{width:100%;height:100%;display:block;object-fit:cover;object-position:56% center;filter:saturate(.82) contrast(.94) brightness(1.02);transform:scale(1.015)}
.rb-hero-art>.rb-art-halo,.rb-hero-art>.rb-evidence-sheet,.rb-hero-art>.rb-thread,.rb-hero-art>.rb-clay-mark,.rb-hero-art>.rb-leaf{display:none}
mark.rb-highlight,mark.rb-highlight--rose,mark.rb-highlight--jade{padding:0 .07em;color:inherit;border-radius:.08em;background-repeat:no-repeat;background-position:0 93%;background-size:100% 42%;box-decoration-break:clone;-webkit-box-decoration-break:clone}
mark.rb-highlight{background-image:linear-gradient(100deg,rgba(255,224,74,.12),rgba(255,216,55,.68) 8% 88%,rgba(255,225,87,.18))}
mark.rb-highlight--rose{background-image:linear-gradient(100deg,rgba(231,143,140,.13),rgba(224,126,120,.52) 9% 90%,rgba(235,159,154,.14))}
mark.rb-highlight--jade{background-image:linear-gradient(100deg,rgba(129,173,148,.12),rgba(107,163,134,.48) 8% 90%,rgba(137,180,155,.14))}
.motion-ready mark.rb-highlight,.motion-ready mark.rb-highlight--rose,.motion-ready mark.rb-highlight--jade{background-size:0 42%}.motion-ready mark.is-drawn{background-size:100% 42%}
.motion-ready .rb-section h2,.motion-ready .rb-section .rb-archive-subtitle{opacity:1!important;visibility:visible!important}
/* Never let a missed ScrollTrigger hide editorial content. GSAP may still animate
   transforms, but text and evidence cards remain readable at every scroll position. */
html.motion-ready .rb-reveal,
html.motion-ready .rb-witness-matrix,
html.motion-ready .rb-crosscheck-wrap,
html.motion-ready .rb-cannot-infer,
html.motion-ready .rb-debate-card,
html.motion-ready .rb-quote-ribbon blockquote,
html.motion-ready .rb-hero-questions span,
html.motion-ready .rb-excerpts blockquote,
html.motion-ready .rb-turn-pair p{opacity:1!important;visibility:visible!important}
html.motion-ready .rb-witness-matrix,
html.motion-ready .rb-crosscheck-wrap,
html.motion-ready .rb-cannot-infer{clip-path:none!important}
@media(max-width:900px){.rb-hero-art{min-height:470px;transform:none}.rb-hero-painting img{object-position:60% center}}
@media(max-width:760px){body::before{background-attachment:scroll;opacity:.14}.rb-page{backdrop-filter:blur(8px)}.rb-hero-art{min-height:390px;border-radius:24px 38px 28px 44px}.rb-hero-painting img{object-position:63% center}mark.rb-highlight,mark.rb-highlight--rose,mark.rb-highlight--jade{background-size:100% 38%}.motion-ready mark.rb-highlight,.motion-ready mark.rb-highlight--rose,.motion-ready mark.rb-highlight--jade{background-size:0 38%}.motion-ready mark.is-drawn{background-size:100% 38%}}

.rb-share-kit{background:linear-gradient(145deg,rgba(112,39,31,.06),rgba(255,251,235,.76) 42%,rgba(52,137,117,.08))}.rb-share-grid,.rb-poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:1.5rem}.rb-social-copy,.rb-poster-notes{padding:clamp(1rem,2vw,1.5rem);border:1px solid rgba(112,39,31,.18);border-radius:22px;background:rgba(255,253,244,.88);box-shadow:0 10px 26px rgba(77,52,31,.1)}.rb-social-copy h3,.rb-poster-notes h3{margin-top:0}.rb-post{padding:1rem;border-left:5px solid var(--rb-rose);border-radius:6px 16px 16px 6px;background:rgba(255,255,255,.72);font-size:.94rem;line-height:1.72;overflow-wrap:anywhere}.rb-post p{margin:.55rem 0}.rb-poster-grid figure{margin:0;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(71,49,31,.16)}.rb-poster-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.rb-poster-grid figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem}.rb-poster-notes{margin-top:1.2rem}.rb-poster-notes p{line-height:1.8}.rb-poster-notes p+p{padding-top:1rem;border-top:1px solid rgba(112,39,31,.14)}
@media(max-width:760px){.rb-share-grid,.rb-poster-grid{grid-template-columns:1fr}.rb-post{font-size:.9rem}.rb-poster-grid figcaption{align-items:center}}

@media print {
  @page { margin: 16mm; }
  body { color: #000; background: #fff; font-size: 11pt; }
  .rb-reveal { opacity: 1 !important; visibility: visible !important; transform: none !important; }
  body::before,
  .rb-top,
  .rb-hero-art,
  .rb-hero-actions,
  .rb-progress,
  #cpa-four-language-toolbar,
  .cpa-article-engagement,
  .cpa-article-comments { display: none !important; }
  .rb-hero { display: block; min-height: 0; width: 100%; padding: 0 0 12mm; }
  .rb-hero h1 { font-size: 34pt; }
  .rb-page { width: 100%; margin: 0; border: 0; border-radius: 0; background: #fff; box-shadow: none; }
  .rb-section { padding: 12mm 0; break-inside: auto; }
  .rb-answer,
  .rb-blind,
  .rb-defense,
  .rb-finding,
  .rb-hearing-card,
  .rb-law-panel,
  .rb-related { color: #000; background: #fff; box-shadow: none; break-inside: avoid; }
  .rb-warning-timeline,
  .rb-evidence-levels article,
  .rb-duty-table,
  .rb-kpi-panel { color: #000; background: #fff; box-shadow: none; break-inside: avoid; }
  .rb-witness-records details > :not(summary),
  .rb-chen-records details > :not(summary),
  .rb-locale-dropdown > :not(summary) { display: block !important; }
  .rb-witness-records details,
  .rb-chen-records details,
  .rb-witness-matrix,
  .rb-crosscheck-wrap,
  .rb-cannot-infer,
  .rb-debate-card { opacity: 1 !important; visibility: visible !important; transform: none !important; clip-path: none !important; color:#000; background:#fff; box-shadow:none; }
  mark.rb-highlight,
  mark.rb-highlight--rose,
  mark.rb-highlight--jade {
    color: #000;
    background: none !important;
    border-bottom: 2px solid #000;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  a { color: #000; overflow-wrap: anywhere; }
  .rb-footer { width: 100%; color: #000; }
}