/* A quiet museum reading room inside the existing night scene. */
#archive #topic-reading {
 max-width:min(1040px,calc(100% - 156px)); margin-inline:0 auto; padding:0;
 background:none; border:0; border-radius:0; box-shadow:none;
 --reading-body-v41:'Songti SC','STSong',SimSun,serif;
 --reading-note-v41:'PingFang SC','Microsoft YaHei',sans-serif;
}
#archive #topic-reading .memory-back {
 margin:0 0 14px; padding:7px 16px; min-height:44px;
 color:#f2dfb8; font:14px/1.6 var(--memory-song); letter-spacing:0;
 border:1px solid #b59d7280; border-radius:24px; background:#163e32e6;
}
#archive #topic-reading .memory-back:hover { background:#2a5442; }
#archive #topic-reading .memory-reading-header {
 position:relative; isolation:isolate; min-height:270px; padding:30px 34px;
 margin:0 0 20px; border:1px solid #c8b183; border-radius:22px;
 overflow:hidden; box-shadow:0 8px 24px #061c1829;
 background:#f9f3e5 url('assets/reading-pavilion-v41.png') right center/cover no-repeat;
}
#archive #topic-reading .memory-reading-header::before {
 content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
 background:linear-gradient(90deg,#faf5e8fa 0%,#faf5e8ed 43%,#faf5e8cc 63%,#faf5e835 80%,#faf5e800 100%);
}
#archive #topic-reading .memory-reading-header>* { position:relative; }
#archive #topic-reading .memory-reading-header .memory-eyebrow {
 margin:0 0 9px; color:#796343; font:11px/1.7 var(--reading-note-v41); letter-spacing:.06em;
}
#archive #topic-reading .memory-reading-header h1 {
 max-width:66%; margin:0; color:#20382d;
 font:700 clamp(29px,3vw,38px)/1.4 var(--memory-song); letter-spacing:.015em;
}
#archive #topic-reading .memory-takeaway {
 max-width:min(62%,38em); margin:15px 0 12px; padding:0; border:0;
 color:#304335; font:17px/1.85 var(--memory-fang); letter-spacing:0;
}
#archive #topic-reading .memory-reading-count {
 margin:0; color:#766344; font:11px/1.7 var(--reading-note-v41); letter-spacing:0;
}
#archive .memory-reading-jumps-v41 { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }
#archive .memory-reading-jumps-v41 button {
 min-height:44px; padding:8px 15px; border:1px solid #a8905d; border-radius:12px;
 background:#234b3c; color:#f7e6c4; font:13px/1.6 var(--memory-song); cursor:pointer;
}
#archive .memory-reading-jumps-v41 button+button { color:#284b3b; background:#fff9eecf; }
#archive .memory-reading-jumps-v41 button:hover { background:#3e624d; color:#fff0d0; }
#archive #topic-reading .memory-topic-facts {
 display:block; padding:8px 34px; margin:0 0 22px;
 border:1px solid #cbb88d; border-radius:20px; background:#faf5e8;
 box-shadow:0 5px 16px #061c1825;
}
#archive #topic-reading .memory-topic-facts section {
 display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px;
 margin:0; padding:23px 0; border-bottom:1px solid #d6c7a772;
}
#archive #topic-reading .memory-topic-facts section:last-child { border-bottom:0; }
#archive #topic-reading .memory-fact-number {
 display:grid; place-items:center; align-self:start; width:32px; height:32px;
 margin:0; border:1px solid #c8b282; border-radius:50%; background:#efe4c9;
 color:#80633f; font:12px/1 Georgia,serif;
}
#archive .memory-fact-copy-v41 { min-width:0; max-width:40em; }
#archive #topic-reading .memory-topic-facts h2 {
 margin:0; font:700 21px/1.55 var(--memory-song); letter-spacing:0; color:#263b30;
}
#archive #topic-reading .memory-topic-facts p {
 max-width:38em; margin:9px 0 0; font:17px/1.85 var(--reading-body-v41);
 letter-spacing:0; color:#334037; text-align:left;
}
#archive .memory-reading-collection-v41 {
 padding:27px 32px 13px; background:#f7f0df;
 border:1px solid #bba477; border-radius:20px; box-shadow:0 6px 18px #061c1829;
}
#archive #topic-reading .memory-collection-heading { margin-bottom:20px; align-items:center; }
#archive #topic-reading .memory-collection-heading h2 { color:#273d31; font:700 24px/1.5 var(--memory-song); }
#archive #topic-reading .memory-collection-heading p { max-width:20em; font:12px/1.7 var(--reading-note-v41); color:#756447; }
#archive #topic-reading .memory-group-label { margin:0 0 12px; padding:0 0 8px; border-bottom:1px solid #c8b88e80; color:#745c36; font:600 13px/1.7 var(--reading-note-v41); }
#archive #topic-reading .memory-source-row {
 gap:12px 20px; margin:0 0 12px; padding:18px 20px;
 border:1px solid #d4c3a4; border-radius:15px; background:#fffaf0;
}
#archive #topic-reading .memory-source-row h4 { font:700 18px/1.6 var(--memory-song); color:#253c30; }
#archive #topic-reading .memory-source-row p { max-width:36em; font:16px/1.85 var(--reading-body-v41); color:#38463c; letter-spacing:0; }
#archive #topic-reading .memory-source-publisher { color:#79684c; font:11px/1.7 var(--reading-note-v41); margin:0 0 6px; }
#archive #topic-reading .memory-source-links { align-items:stretch; }
#archive #topic-reading .memory-source-links a {
 min-height:44px; border:1px solid #a98c58; border-radius:12px; padding:9px 14px;
 color:#f7e6bf; background:#264c3d; font:13px/1.7 var(--memory-song); text-align:center;
}
#archive #topic-reading .memory-source-links a:hover { background:#3c654f; }
#archive #topic-reading .memory-source-links a+a { background:#f4ecd9; color:#35523f; border-color:#baa67f; }
#archive #topic-reading .memory-source-note { font:12px/1.8 var(--reading-note-v41); color:#736347; }
#archive #topic-reading .memory-source-note p { font:13px/1.8 var(--reading-note-v41); }
#archive #topic-reading .memory-more-sources>summary { font:14px/1.7 var(--memory-song); }
#archive #memory-facts-v41,#archive #memory-materials-v41 { scroll-margin-top:calc(var(--museum-head,112px) + 16px); }
#archive #topic-reading :is(#memory-facts-v41,#memory-materials-v41):focus-visible { outline:2px solid #c6a262; outline-offset:5px; }
@media(max-width:900px) {
 #archive #topic-reading { max-width:none; margin-inline:auto; }
 #archive #topic-reading .memory-reading-header { padding:27px 28px; }
 #archive #topic-reading .memory-reading-header h1 { max-width:73%; }
 #archive #topic-reading .memory-takeaway { max-width:70%; }
 #archive #topic-reading .memory-topic-facts { padding-inline:25px; }
 #archive .memory-reading-collection-v41 { padding:24px 24px 10px; }
 #archive #topic-reading .memory-source-row { grid-template-columns:minmax(0,1fr); }
 #archive #topic-reading .memory-source-links { flex-direction:row; flex-wrap:wrap; }
}
@media(max-width:600px) {
 #archive #topic-reading .memory-reading-header { padding:23px 22px; min-height:0; border-radius:18px; background-position:68% center; }
 #archive #topic-reading .memory-reading-header::before { background:linear-gradient(100deg,#faf5e8f7,#faf5e8ed 52%,#faf5e8a6); }
 #archive #topic-reading .memory-reading-header h1 { max-width:100%; font-size:29px; }
 #archive #topic-reading .memory-takeaway { max-width:100%; font-size:16px; }
 #archive .memory-reading-jumps-v41 { gap:7px; margin-top:14px; }
 #archive .memory-reading-jumps-v41 button { font-size:12px; padding:8px 10px; }
 #archive #topic-reading .memory-topic-facts { padding:2px 20px; border-radius:18px; }
 #archive #topic-reading .memory-topic-facts section { grid-template-columns:26px minmax(0,1fr); gap:8px 10px; padding:21px 0; }
 #archive #topic-reading .memory-fact-copy-v41 { display:contents; }
 #archive #topic-reading .memory-topic-facts h2 { grid-column:2; grid-row:1; }
 #archive #topic-reading .memory-topic-facts p { grid-column:1/-1; grid-row:2; }
 #archive #topic-reading .memory-fact-number { width:25px; height:25px; font-size:10px; }
 #archive #topic-reading .memory-topic-facts h2 { font-size:20px; }
 #archive #topic-reading .memory-topic-facts p { font-size:16px; line-height:1.9; }
 #archive .memory-reading-collection-v41 { padding:22px 18px 10px; border-radius:18px; }
 #archive #topic-reading .memory-collection-heading h2 { font-size:22px; }
 #archive #topic-reading .memory-collection-heading p { margin-top:7px; }
 #archive #topic-reading .memory-source-row { padding:16px 15px; }
 #archive #topic-reading .memory-source-row h4 { font-size:17px; }
 #archive #topic-reading .memory-source-row p { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { #archive .memory-reading-jumps-v41 button { transition:none; } }