:root{
  --site-blue:#697aa9;
  --site-ink:#4b586d;
  --site-rule:rgba(80,96,117,.25);
  --site-paper:#f2f4f1;
}
html{scroll-behavior:auto}
body{
  background:linear-gradient(rgba(247,249,246,.58),rgba(247,249,246,.58)),url("assets/site-background.png") center/cover fixed no-repeat;
  color:var(--site-ink);
  font:400 14px/1.95 "Helvetica Neue","PingFang TC","PingFang SC",Arial,sans-serif;
  letter-spacing:.015em;
}
.grain{opacity:.035;mix-blend-mode:multiply}
.top{
  position:sticky;
  padding:15px 3vw;
  background:rgba(246,248,245,.87);
  border-bottom:1px solid var(--site-rule);
  color:var(--site-blue);
  font-size:11px;
  letter-spacing:.08em;
}
.topnav a,.top .tag{color:var(--site-blue)}
.topnav a:hover,.topnav a.active{color:#334d86}
.hero{
  min-height:72svh;
  background:rgba(247,248,245,.42);
  border-bottom:1px solid var(--site-rule);
}
.hero-visual{min-height:560px}
.hero-visual::after{background:linear-gradient(90deg,transparent 73%,rgba(240,243,240,.45))}
.hero-copy{max-width:670px;padding:5vw 6vw}
.eyebrow,.serial,.smallcaps,.chapter-id,.chapter-sub,.story .label,.mechanism b,
.chapter-foot,.corner,.source-card .status,.source-card .no,.archive-section .kicker,
.image-no{font-family:"Helvetica Neue","PingFang TC",Arial,sans-serif}
.eyebrow,.serial,.smallcaps{font-size:10px;letter-spacing:.1em;color:var(--site-blue)}
.hero h1{
  font:400 clamp(2.6rem,4.6vw,4.7rem)/1.18 "Helvetica Neue","PingFang TC",sans-serif;
  letter-spacing:.025em;
  margin:1.7rem 0 2.2rem;
  color:var(--site-blue);
}
.hero h1 span{font:400 12px/1.8 "Helvetica Neue",Arial,sans-serif;letter-spacing:.13em;margin-top:12px}
.lead{font-size:16px;line-height:2.05;max-width:31em}
.hero-meta{border-top:1px solid var(--site-rule);color:var(--site-blue);font-size:11px}
.note{
  padding:2rem 4vw;
  background:rgba(246,248,245,.62);
  color:var(--site-ink);
  border-bottom:1px solid var(--site-rule);
}
.note h2{font-size:11px;letter-spacing:.08em;color:var(--site-blue)}
.note p{font-size:13px;line-height:2.05;max-width:88ch}
.note strong{font-weight:400}
.index{
  padding:5rem 4vw 6rem;
  background:transparent;
  color:var(--site-ink);
}
.index-head{border-bottom:1px solid var(--site-rule)}
.index h2,.sources h2{font:400 clamp(1.75rem,2.8vw,2.9rem)/1.3 "Helvetica Neue","PingFang TC",sans-serif;letter-spacing:.015em;color:var(--site-blue)}
.index-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:0}
.index-grid a{min-height:118px;padding:1.2rem .6rem 1.2rem 0;border-right:0;border-bottom:1px solid var(--site-rule)}
.index-grid a:hover{background:rgba(255,255,255,.46)}
.index-grid .num,.index-grid .en{font-size:10px;color:var(--site-blue)}
.index-grid .cn{font-size:16px;font-weight:400;color:var(--site-ink)}
.chapter{
  padding:6rem 4vw 7rem;
  border-top:1px solid var(--site-rule);
  scroll-margin-top:48px;
}
.chapter.light,.chapter.gray,#interrogation{
  background:rgba(246,248,245,.52);
  color:var(--site-ink);
}
.chapter.dark{background:#181b1f;color:#e7e9ea}
.chapter-head{border-top:1px solid currentColor;margin-bottom:3rem}
.chapter-id,.chapter-sub{font-size:10px;letter-spacing:.1em}
.chapter h2{
  font:400 clamp(2rem,3.1vw,3.25rem)/1.25 "Helvetica Neue","PingFang TC",sans-serif;
  letter-spacing:.025em;
  margin:.3rem 0 .6rem;
}
.chapter:not(.dark) h2{color:var(--site-blue)}
.story p{font-size:14px;line-height:2.05}
.voice{
  font:400 clamp(17px,1.55vw,22px)/1.9 "Helvetica Neue","PingFang TC",sans-serif;
  letter-spacing:.015em;
  margin:2.6rem 0;
  padding-left:1.2rem;
}
.voice small{font-size:10px;letter-spacing:.08em}
.mechanism{margin-top:2rem;font-size:13px}
.mechanism b{font-size:10px}
.chapter-foot{font-size:11px}
.frame img,.stack .frame img{filter:grayscale(1) opacity(.83)}
.frame .corner{font-size:9px;letter-spacing:.07em}
.frame figcaption{font-size:10px;line-height:1.7}
.city{background:#101214;border-color:#67707a}
.city .lights{text-shadow:0 0 10px #fff,0 0 23px #ddd}
.archive-city img{aspect-ratio:1.48;object-fit:cover;filter:grayscale(1) contrast(1.08) opacity(.94)}
.archive-city figcaption{max-width:76ch;margin-top:.35rem}
.archive-city figcaption a{color:inherit;text-underline-offset:3px}
.sources{
  padding:6rem 4vw 8rem;
  background:rgba(246,248,245,.82);
  color:var(--site-ink);
}
.sources h2{margin:1rem 0 1.2rem}
.sources-intro{font-size:13px;line-height:2.05;max-width:85ch}
.source-tabs{margin:2.5rem 0 1.3rem}
.source-tabs button{font-size:10px;color:var(--site-blue);border-color:var(--site-rule)}
.source-tabs button.active,.source-tabs button:hover{background:var(--site-blue);border-color:var(--site-blue)}
.source-grid,.source-card{border-color:var(--site-rule)}
.source-card{padding-top:1.4rem;padding-bottom:1.7rem}
.source-card:nth-child(even){border-color:var(--site-rule)}
.source-card h3{font:400 15px/1.6 "Helvetica Neue","PingFang TC",sans-serif;color:var(--site-blue)}
.source-card p{font-size:12px;line-height:1.9}
.source-card .status{font-size:10px;color:#74819a}
.source-card a,.archive-links a{font-size:11px;color:var(--site-blue);border-color:var(--site-blue)}
.source-card a:hover,.archive-links a:hover{background:var(--site-blue);color:#fff}
.appendix{margin-top:5rem}
.appendix>h3,.image-index h3{font:400 clamp(1.6rem,2.4vw,2.5rem)/1.35 "Helvetica Neue","PingFang TC",sans-serif;letter-spacing:.015em;color:var(--site-blue)}
.appendix-intro,.image-index>p{font-size:13px;line-height:2.05}
.archive-section{border-color:var(--site-rule);gap:2rem}
.archive-section h4,.image-group h4,.source-note h3{font:400 16px/1.6 "Helvetica Neue","PingFang TC",sans-serif;color:var(--site-blue)}
.archive-section p,.archive-section li{font-size:13px;line-height:2}
.image-index,.image-group h4,.source-note{border-color:var(--site-rule)}
.image-card a{background:rgba(225,229,228,.75)}
.image-card a{position:relative;outline-offset:3px}
.image-card img{filter:grayscale(1);opacity:.72;transition:filter .2s ease,opacity .2s ease}
.image-card a:hover img,.image-card a:focus-visible img{filter:none;opacity:1}
.annotation-preview{position:absolute;inset:auto 0 0;min-height:44%;padding:1rem;background:linear-gradient(0deg,rgba(21,28,38,.96),rgba(21,28,38,.8));color:#f0f2f3;display:flex;flex-direction:column;justify-content:end;gap:.45rem;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;font-size:11px;line-height:1.55}
.annotation-preview strong{font-weight:400;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#ced6e8}
.annotation-preview>span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.image-card a:hover .annotation-preview,.image-card a:focus-visible .annotation-preview{opacity:1;transform:translateY(0)}
.image-card figcaption{font-size:10px;color:var(--site-ink)}
.image-card .image-no{color:var(--site-blue)}
.annotation-hint{display:block;margin-top:.15rem;color:var(--site-blue);font-size:9px;letter-spacing:.04em}
.annotation-dialog{width:min(1120px,94vw);max-width:none;max-height:90vh;padding:0;border:1px solid var(--site-rule);background:#f3f5f3;color:var(--site-ink);box-shadow:0 18px 70px rgba(14,21,30,.28)}
.annotation-dialog::backdrop{background:rgba(11,18,28,.76);backdrop-filter:blur(4px)}
.annotation-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);position:relative;max-height:90vh;overflow:auto}
.annotation-close{position:sticky;top:1rem;grid-column:1/-1;justify-self:end;z-index:3;margin:1rem 1rem -3.2rem 0;width:34px;height:34px;border:1px solid var(--site-rule);background:rgba(247,249,247,.94);color:var(--site-blue);font:24px/1 Arial,sans-serif;cursor:pointer}
.annotation-image-wrap{background:#dfe3e3;display:grid;place-items:center;padding:3rem 1rem 1rem;min-height:600px}
.annotation-image-wrap img{max-width:100%;max-height:78vh;object-fit:contain}
.annotation-copy{padding:4rem clamp(1.4rem,3vw,3rem) 2.5rem;min-width:0}
.annotation-copy h2{font:400 clamp(20px,2vw,28px)/1.4 "Helvetica Neue","PingFang TC",sans-serif;color:var(--site-blue);margin:.8rem 0 1rem}
.annotation-preface{font-size:11px;line-height:1.8;color:#74819a;border-bottom:1px solid var(--site-rule);padding-bottom:1rem;margin-bottom:1.5rem}
#annotation-notes p{font-size:13px;line-height:1.9;margin:0 0 1.25rem;white-space:pre-wrap}
#annotation-notes p+p{border-top:1px solid var(--site-rule);padding-top:1rem}
#annotation-original{display:inline-block;margin-top:1rem;border-bottom:1px solid var(--site-blue);color:var(--site-blue);font-size:11px;text-decoration:none}
.source-note p{font-size:13px;line-height:2.05}
.source-note .work-sequence{border-color:var(--site-rule);color:var(--site-blue)}
.footer{background:rgba(242,244,241,.9);border-top:1px solid var(--site-rule);color:var(--site-blue);font-size:10px}
@media(max-width:1000px){
  .index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-visual{min-height:50vh}
}
@media(max-width:620px){
  .top{padding:11px 4vw}
  .hero-copy{padding:3rem 6vw 4rem}
  .hero h1{font-size:2.8rem}
  .hero-visual{min-height:43vh}
  .index,.chapter,.sources{padding-top:4rem;padding-bottom:4rem}
  .index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .index-grid a{min-height:95px}
  .chapter h2{font-size:2rem}
  .voice{font-size:17px}
  .story p{font-size:13px}
  .chapter-head{margin-bottom:2rem}
  .image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .annotation-shell{grid-template-columns:1fr}
  .annotation-image-wrap{min-height:0;padding:3.2rem 1rem 1rem}
  .annotation-image-wrap img{max-height:38vh}
  .annotation-copy{padding:1rem 1.2rem 2rem}
  .annotation-preview{display:none}
}
@media print{
  body::before{display:none}
  .chapter.dark{background:#fff;color:#222}
  .chapter:not(.dark),.sources,.index,.note,.hero{background:#fff}
}

/* Monochrome editorial treatment: one continuous page, with contrast carried by the images. */
:root{
  --site-blue:#1b1b1b;
  --site-ink:#202020;
  --site-rule:rgba(20,20,20,.24);
  --site-paper:#f7f7f7;
  --type-reading:"Songti SC","STSong","Noto Serif CJK TC","Noto Serif CJK SC",serif;
  --type-label:"PingFang TC","PingFang SC","Helvetica Neue",Arial,sans-serif;
}
html{background:var(--site-paper)}
body{
  background:var(--site-paper);
  color:var(--site-ink);
  font-family:var(--type-reading);
  font-size:15px;
  line-height:1.86;
  letter-spacing:.01em;
}
.grain{opacity:.022;mix-blend-mode:multiply}
.top{
  background:rgba(247,247,247,.96);
  color:var(--site-ink);
  font-family:var(--type-label);
  font-size:10px;
  letter-spacing:.055em;
}
.topnav a,.top .tag{color:#555}
.topnav a:hover,.topnav a.active{color:#111}
.hero,.note,.index,.chapter.light,.chapter.gray,.chapter.dark,#interrogation,.sources,.footer{
  background:var(--site-paper);
  color:var(--site-ink);
}
.hero{min-height:68svh}
.hero-visual::after{background:linear-gradient(90deg,transparent 69%,var(--site-paper) 100%)}
.hero-copy{max-width:650px}
.hero h1{
  font-family:var(--type-reading);
  font-size:clamp(3.15rem,5.2vw,5.6rem);
  line-height:1.24;
  letter-spacing:.055em;
  color:var(--site-ink);
  margin:1.3rem 0 1.6rem;
}
.hero h1 span{font-family:var(--type-label);font-size:11px;letter-spacing:.095em}
.lead{font-size:16px;line-height:1.9;max-width:34em}
.hero-meta{color:#666;font-family:var(--type-label);font-size:10px}
.eyebrow,.serial,.smallcaps,.chapter-id,.chapter-sub,.story .label,
.mechanism b,.chapter-foot,.corner,.source-card .status,.source-card .no,
.archive-section .kicker,.image-no,.route,.source-tabs button,.archive-links{
  font-family:var(--type-label);
}
.eyebrow,.serial,.smallcaps{color:#666;font-size:10px;letter-spacing:.075em}
.note{border-bottom:1px solid var(--site-rule)}
.note h2{font-family:var(--type-label);font-size:10px;color:#444}
.note p{font-size:14px;line-height:1.9}
.index h2,.sources h2,.chapter h2,.appendix>h3,.image-index h3,
.archive-section h4,.image-group h4,.source-note h3,.source-card h3,
.annotation-copy h2{
  font-family:var(--type-reading);
  font-weight:400;
  color:var(--site-ink);
  letter-spacing:.035em;
}
.index h2,.sources h2{font-size:clamp(2rem,3.25vw,3.7rem);line-height:1.28}
.index-grid .cn{font-family:var(--type-reading);font-size:17px;color:var(--site-ink)}
.index-grid .num,.index-grid .en{font-family:var(--type-label);color:#666}
.index-grid a:hover{background:#ededed}
.chapter{padding-top:5.2rem;padding-bottom:5.8rem}
.chapter-head{margin-bottom:2.7rem}
.chapter h2{font-size:clamp(2.3rem,3.8vw,4.4rem);line-height:1.2;margin:.25rem 0 .55rem}
.chapter:not(.dark) h2,.chapter.dark h2{color:var(--site-ink)}
.chapter-id,.chapter-sub,.story .label{color:#555;font-size:10px;letter-spacing:.07em}
.story p{font-size:15px;line-height:1.94}
.voice{font-family:var(--type-reading);font-size:clamp(18px,1.7vw,23px);line-height:1.85;letter-spacing:.015em}
.voice small{font-family:var(--type-label);font-size:10px;letter-spacing:.07em;color:#666}
.voice-draft{max-width:46em;margin:-1.2rem 0 2.6rem 1.2rem;padding-top:1rem;border-top:1px solid var(--site-rule);color:#383838}
.voice-draft .draft-label{display:block;margin-bottom:.65rem;font:10px/1.5 var(--type-label);letter-spacing:.07em;color:#666}
.voice-draft p{font-family:var(--type-reading);font-size:14px;line-height:1.95;margin:0}
.mechanism{font-family:var(--type-reading);font-size:14px}
.mechanism b{font-size:10px;color:#555}
.chapter-foot{font-size:11px;color:#4b4b4b}
.chapter-foot span{opacity:1}
main img,.annotation-dialog img{filter:grayscale(1)}
.hero-visual img{filter:grayscale(1) contrast(1.22) brightness(.84)}
.frame img,.stack .frame img{filter:grayscale(1) contrast(1.04)}
.archive-city img{filter:grayscale(1) contrast(1.08)}
.frame .corner{background:rgba(0,0,0,.76);color:#f7f7f7}
.frame figcaption{font-family:var(--type-label);font-size:10px;color:#545454;opacity:1}
.sources{border-top:1px solid var(--site-rule)}
.sources-intro,.appendix-intro,.image-index>p{font-size:14px;line-height:1.92}
.source-tabs button{color:var(--site-ink);border-color:var(--site-rule)}
.source-tabs button.active,.source-tabs button:hover{background:#202020;border-color:#202020;color:#fff}
.source-card h3{font-size:18px}
.source-card p,.archive-section p,.archive-section li{font-size:14px;line-height:1.9}
.source-card .status,.image-card .image-no,.annotation-hint{color:#666}
.source-card a,.archive-links a{color:var(--site-ink);border-color:#444}
.source-card a:hover,.archive-links a:hover{background:#202020;color:#fff}
.appendix>h3,.image-index h3{font-size:clamp(2rem,3vw,3.4rem);line-height:1.3}
.archive-section h4,.image-group h4,.source-note h3{font-size:18px}
.image-card a{background:#e8e8e8}
.image-card img{filter:grayscale(1);opacity:.83}
.image-card a:hover img,.image-card a:focus-visible img{filter:grayscale(1);opacity:1}
.annotation-preview{background:linear-gradient(0deg,rgba(17,17,17,.97),rgba(17,17,17,.82));color:#f5f5f5}
.annotation-preview strong{color:#d1d1d1}
.image-card figcaption{font-family:var(--type-label);font-size:10px}
.annotation-dialog{background:var(--site-paper);color:var(--site-ink);box-shadow:0 18px 70px rgba(0,0,0,.25)}
.annotation-dialog::backdrop{background:rgba(0,0,0,.72)}
.annotation-close{background:#f7f7f7;color:#111}
.annotation-image-wrap{background:#e9e9e9}
.annotation-copy h2{font-size:clamp(20px,2vw,29px)}
.annotation-preface{color:#666}
#annotation-original{color:var(--site-ink);border-color:#444}
.source-note .work-sequence{color:#444}
.footer{color:#666}
@media(max-width:1000px){
  .hero-visual::after{background:linear-gradient(0deg,var(--site-paper),transparent 47%)}
}
@media(max-width:620px){
  .hero h1{font-size:clamp(2.8rem,12vw,4.2rem)}
  .chapter h2{font-size:2.45rem}
  .story p{font-size:14px}
  .voice{font-size:18px}
  .voice-draft{margin-left:0}
}
@media print{
  body,.hero,.note,.index,.chapter,.sources,.footer{background:#fff!important;color:#111!important}
}

/* V1: a continuous dark field, with reversal accumulating toward the ending. */
:root{
  --site-ink:#e8e8e5;
  --site-rule:rgba(232,232,229,.25);
  --site-paper:#090909;
}
html,body{background:#090909;color:#e8e8e5}
.grain{opacity:.055;mix-blend-mode:screen}
.top{background:rgba(8,8,8,.96);color:#e8e8e5;border-color:var(--site-rule)}
.topnav a,.top .tag{color:#a5a5a2}
.topnav a:hover,.topnav a.active{color:#fff}
.hero,.note,.index,.chapter.light,.chapter.gray,.chapter.dark,#interrogation,.sources,.footer{
  background:#090909;color:#e8e8e5
}
.hero{border-color:var(--site-rule)}
.hero-visual{background:#070707;isolation:isolate}
.hero-visual img{
  position:absolute;top:0;left:50%;width:auto;max-width:none;height:220%;
  object-fit:fill;transform:translate(-50%,-10.6%);
  filter:grayscale(1) contrast(1.5) brightness(.78)
}
.hero-visual::after{z-index:2;background:linear-gradient(180deg,#090909 0,transparent 8%,transparent 90%,#090909 100%)}
.hero h1,.chapter h2,.chapter:not(.dark) h2,.chapter.dark h2,
.index h2,.sources h2,.appendix>h3,.image-index h3,
.archive-section h4,.image-group h4,.source-note h3,.source-card h3,
.annotation-copy h2{color:#e8e8e5}
.eyebrow,.serial,.smallcaps,.chapter-id,.chapter-sub,.story .label,
.voice small,.voice-draft .draft-label,.mechanism b,
.index-grid .num,.index-grid .en,.chapter-foot strong,
.source-card .status,.image-card .image-no,.annotation-hint{color:#a5a5a2}
.hero-meta,.note,.index-head,.chapter,.chapter-head,.chapter-foot,
.sources,.source-grid,.source-card,.source-card:nth-child(even),
.archive-section,.image-index,.image-group h4,.source-note,
.voice-draft,.annotation-preface,#annotation-notes p+p{border-color:var(--site-rule)}
.hero-meta,.chapter-foot,.footer{color:#c5c5c1}
.note h2{color:#a5a5a2}
.index-grid a{border-color:var(--site-rule)}
.index-grid a:hover{background:#202020}
.index-grid .cn{color:#e8e8e5}
.voice-draft{color:#c9c9c6}
.mechanism b{color:#a5a5a2}
.frame{border-top:1px solid var(--site-rule)}
.frame>img,.stack .frame img{filter:grayscale(1) contrast(1.15)}
.frame .corner{background:#e8e8e5;color:#080808}
.frame figcaption{color:#aaa}
.archive-city img{filter:grayscale(1) contrast(1.18)}
.blackfield{border-color:#aaa}
.blackfield img{filter:grayscale(1) contrast(1.7)}
#fire .blackfield::before{
  content:"";position:absolute;z-index:2;inset:0 0 0 69%;
  background:#f1f1ee;mix-blend-mode:difference
}
#fire .blackfield::after{z-index:3}
#return{position:relative;overflow:hidden}
#return::before{content:"";position:absolute;pointer-events:none;right:0;top:0;width:10px;height:100%;background:#e8e8e5}
#return .frame:last-child>img{filter:grayscale(1) contrast(1.4)}
.line{background:var(--site-rule)}
.route span{border-color:var(--site-rule)}
.source-tabs button{color:#e8e8e5;border-color:var(--site-rule)}
.source-tabs button.active,.source-tabs button:hover{background:#e8e8e5;color:#080808;border-color:#e8e8e5}
.source-card a,.archive-links a{color:#e8e8e5;border-color:#e8e8e5}
.source-card a:hover,.archive-links a:hover{background:#e8e8e5;color:#080808}
.image-card a{background:#151515;border:1px solid var(--site-rule)}
.image-card img{filter:grayscale(1) contrast(1.06);opacity:.9}
.image-card a:hover img,.image-card a:focus-visible img{filter:grayscale(1) contrast(1.12);opacity:1}
.annotation-dialog{background:#101010;color:#e8e8e5;border-color:var(--site-rule)}
.annotation-close{background:#e8e8e5;color:#080808}
.annotation-image-wrap{background:#181818}
.annotation-preface{color:#a5a5a2}
#annotation-original{color:#e8e8e5;border-color:#e8e8e5}
.source-note .work-sequence{color:#e8e8e5;border-color:var(--site-rule)}
.footer{border-top:1px solid var(--site-rule)}
.language-switch{display:flex;align-items:center;gap:.48rem;white-space:nowrap;font:10px/1.5 var(--type-label);letter-spacing:.04em}
.language-switch a{text-decoration:none;color:#969693}
.language-switch a[aria-current="page"],.language-switch a:hover{color:#f4f4f1}
.language-switch span{color:#5a5a58}
.archive-thumb{margin:1.6rem 0 .2rem;width:min(100%,250px)}
.archive-thumb a{display:block;aspect-ratio:1.27;overflow:hidden;border:1px solid var(--site-rule);background:#151515}
.archive-thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12);transition:transform .25s ease,filter .25s ease}
.archive-thumb a:hover img,.archive-thumb a:focus-visible img{transform:scale(1.035);filter:grayscale(1) contrast(1.3)}
.archive-thumb figcaption{margin-top:.55rem;color:#a5a5a2;font:10px/1.55 var(--type-label)}
.image-group{scroll-margin-top:5rem}
@media(max-width:1000px){
  .hero-visual::after{background:linear-gradient(0deg,#090909,transparent 35%)}
}
@media print{
  html,body,.hero,.note,.index,.chapter,.sources,.footer{background:#fff!important;color:#111!important}
  .chapter h2,.sources h2,.index h2,.source-card h3,.hero h1{color:#111!important}
  .top,.grain{display:none}
}
@media(max-width:620px){
  .top{gap:.75rem}
  .language-switch{margin-left:auto}
  .archive-thumb{width:min(100%,320px)}
}