/* Article content only. The site background and navigation retain their original styles. */
.reading-room {
 --rr-ink:#222; --rr-text:#3d3d3d; --rr-muted:#666;
 --rr-line:#ddd; --rr-soft:#eee; --rr-panel:#fff; --rr-accent:#222;
}
html.dark .reading-room {
 --rr-ink:#eee; --rr-text:#d4d4d4; --rr-muted:#aaa;
 --rr-line:#454545; --rr-soft:#333; --rr-panel:#222; --rr-accent:#eee;
}
body:has(#post-container):has(.reading-room) #main-grid { max-width:82rem!important; background:transparent!important; }
body:has(#post-container):has(.reading-room) #swup-container { isolation:isolate; }
body:has(#post-container) .reading-room .onload-animation { animation:none!important; opacity:1!important; transform:none!important; }
body:has(#post-container):has(.reading-room) #content-wrapper { margin-right:21rem; }
body:has(#post-container):has(.reading-room) #category-bar-wrapper { margin-right:21rem; }
body:has(#post-container):has(.reading-room) #category-bar-wrapper .card-base { background:transparent!important; border:0!important; box-shadow:none!important; }
body:has(#post-container):has(.reading-room) #post-container { background:transparent!important; box-shadow:none!important; border:0!important; border-radius:0; scroll-margin-top:100px; padding:1.7rem 1.7rem 2rem!important; }
body:has(#post-container):has(.reading-room) #post-container > .reading-heading { margin:0 0 1rem; }
body:has(#post-container):has(.reading-room) .reading-title { color:var(--rr-ink)!important; font-family:system-ui,'Microsoft YaHei',sans-serif!important; font-weight:750!important; font-size:clamp(1.65rem,2.05vw,2rem)!important; letter-spacing:-.025em!important; line-height:1.45!important; }
body:has(#post-container):has(.reading-room) .reading-title::before { display:none!important; }
.reading-deck { margin:0 0 1.5rem; max-width:48em; font-size:1.03rem; line-height:1.85; color:var(--rr-muted); }
.reading-byline { display:flex; flex-wrap:nowrap; align-items:center; gap:.45rem; overflow-x:auto; scrollbar-width:none; padding-bottom:1.25rem; margin-bottom:1.4rem; border-bottom:1px solid var(--rr-soft); }
.reading-byline::-webkit-scrollbar { display:none; }
.reading-byline > *, .reading-byline .post-meta-root { flex:0 0 auto; white-space:nowrap; }
body:has(#post-container):has(.reading-room) .reading-byline .post-meta-root { flex-wrap:nowrap!important; margin:0!important; column-gap:.45rem!important; row-gap:0!important; }
body:has(#post-container):has(.reading-room) .reading-byline .reading-stats { display:flex; align-items:center; gap:.45rem; margin:0!important; color:var(--rr-muted)!important; }
.reading-byline :is(span,a,.text-sm,.meta-icon) { color:var(--rr-muted)!important; font-size:.8rem!important; }


body:has(#post-container):has(.reading-room) .night-article-cover { width:100%; aspect-ratio:2.15; object-fit:cover; object-position:center 48%; border:1px solid var(--rr-line); border-radius:12px; margin:0 0 1.7rem; box-shadow:none; }
body:has(#post-container):has(.reading-room) .markdown-content { color:var(--rr-text)!important; font:17px/1.95 system-ui,'Microsoft YaHei',sans-serif; letter-spacing:.015em; }
body:has(#post-container):has(.reading-room) .markdown-content :is(p,li) { color:var(--rr-text); }
body:has(#post-container):has(.reading-room) .markdown-content p { margin-block:1.05em; }
body:has(#post-container):has(.reading-room) .markdown-content :is(h2,h3,h4,strong) { color:var(--rr-ink)!important; }
body:has(#post-container):has(.reading-room) .markdown-content h2 { font-size:1.5rem; line-height:1.55; margin:2.6rem 0 1.15rem; padding-bottom:.65rem; border-bottom:1px solid var(--rr-line); scroll-margin-top:100px; }
body:has(#post-container):has(.reading-room) .markdown-content a { color:var(--rr-accent); }
body:has(#post-container):has(.reading-room) .markdown-content blockquote { position:relative; background:transparent; border:1px solid var(--rr-line); border-left:3px solid var(--rr-accent); border-radius:10px; padding:1rem 1.4rem; margin:1.7rem 0; }
body:has(#post-container):has(.reading-room) .markdown-content blockquote p { color:var(--rr-text)!important; margin:.25rem 0; }
body:has(#post-container):has(.reading-room) .night-adjacent { margin-top:2rem; border-color:var(--rr-soft); color:var(--rr-muted); }
body:has(#post-container):has(.reading-room) #article-toc-wrapper { right:0; width:19rem; max-width:19rem; top:1.25rem!important; bottom:0; }
body:has(#post-container):has(.reading-room) .article-toc-container { position:sticky!important; top:88px!important; display:flex; flex-direction:column; max-height:calc(100dvh - 108px)!important; overflow:hidden!important; padding:0!important; background:transparent!important; border:1px solid var(--rr-line)!important; border-radius:14px!important; box-shadow:none; backdrop-filter:none; }
.reading-side-art { padding:1rem 1rem .75rem; flex:none; }
.reading-side-art > p { display:flex; justify-content:space-between; margin:0 0 .8rem; color:var(--rr-ink); font-size:.8rem; letter-spacing:.04em; }
.reading-side-art > p span { font-size:.7rem; color:var(--rr-muted); }
.reading-side-art img { display:block; width:100%; aspect-ratio:2; object-fit:cover; border-radius:9px; border:1px solid var(--rr-line); }
.reading-side-caption { margin:.8rem 0 0; color:var(--rr-muted); font-size:.76rem; line-height:1.65; }
.reading-audio-slot { flex:none; min-width:0; }
.reading-audio-home { display:none; }
body:has(#post-container):has(.reading-room) .night-article-audio { --audio-accent:var(--rr-accent); color:var(--rr-ink); background:transparent!important; border:1px solid var(--rr-line); box-shadow:none!important; }
body:has(#post-container):has(.reading-room) .night-article-audio__title { color:var(--rr-ink)!important; font-size:1rem; }
body:has(#post-container):has(.reading-room) :is(.night-article-audio__summary,.night-article-audio__duration,.night-article-audio__time) { color:var(--rr-muted)!important; }
body:has(#post-container):has(.reading-room) .night-article-audio__button { background:var(--rr-accent); box-shadow:none!important; }
body:has(#post-container):has(.reading-room) .night-article-audio__range { background:linear-gradient(90deg,var(--rr-accent) var(--audio-progress,0%),var(--rr-line) 0)!important; }
.reading-audio-slot .night-article-audio { margin:0 .9rem .6rem; padding:.85rem; grid-template-columns:38px minmax(0,1fr); gap:.65rem; border-radius:10px; }
.reading-audio-slot .night-article-audio__button { width:38px; height:38px; }
.reading-audio-slot .night-article-audio__head { display:block; }
.reading-audio-slot :is(.night-article-audio__kicker,.night-article-audio__duration,.night-article-audio__summary) { display:none; }
.reading-audio-slot .night-article-audio__time { font-size:10px; }
.reading-audio-slot .night-article-audio__timeline { gap:7px; }
body:has(#post-container):has(.reading-room) .article-toc-header { flex:none; display:flex; justify-content:space-between; align-items:center; margin:0 1rem; padding:.9rem 0 .8rem; border-top:1px solid var(--rr-line); border-bottom:0; color:var(--rr-ink); }
body:has(#post-container):has(.reading-room) .article-toc-title { font-weight:650; font-size:.9rem; color:var(--rr-ink)!important; }
.reading-section-count { color:var(--rr-muted); font-size:.72rem; }
body:has(#post-container):has(.reading-room) .article-toc-body { flex:1 1 auto; min-height:110px; overflow-y:auto!important; max-height:none; padding:0 .6rem .5rem; scrollbar-width:thin; scrollbar-color:var(--rr-line) transparent; }
body:has(#post-container):has(.reading-room) #article-toc-content { gap:3px; }
body:has(#post-container):has(.reading-room) #article-toc-content .toc-item { padding:.65rem .7rem!important; white-space:normal!important; color:var(--rr-text)!important; font:13px/1.65 system-ui,'Microsoft YaHei',sans-serif; border:1px solid transparent!important; border-radius:7px; }
body:has(#post-container):has(.reading-room) #article-toc-content .toc-item:is(:hover,.visible,[aria-current='location']) { background:transparent!important; color:var(--rr-accent)!important; border-color:var(--rr-soft)!important; box-shadow:none!important; }
.reading-progress { flex:none; margin:.4rem 1rem 0; padding:.9rem 0; border-top:1px solid var(--rr-line); }
.reading-progress-label { display:flex; justify-content:space-between; font-size:.72rem; color:var(--rr-muted); margin-bottom:.6rem; }
.reading-progress progress { display:block; width:100%; height:3px; border:0; border-radius:3px; overflow:hidden; appearance:none; background:var(--rr-soft); }
.reading-progress progress::-webkit-progress-bar { background:var(--rr-soft); }
.reading-progress progress::-webkit-progress-value { background:var(--rr-accent); }
.reading-progress progress::-moz-progress-bar { background:var(--rr-accent); }
.reading-progress a { display:inline-block; margin-top:.8rem; color:var(--rr-muted); font-size:.72rem; }
body:has(#post-container):has(.reading-room) .night-mobile-toc { background:transparent!important; color:var(--rr-ink); border:1px solid var(--rr-line); }
body:has(#post-container):has(.reading-room) .night-mobile-toc a { color:var(--rr-accent); }
.reading-room :is(a,button,input):focus-visible { outline:2px solid var(--rr-accent); outline-offset:4px; }
@media (min-width:1281px) {
  body:has(#post-container):has(.reading-room) .reading-title { white-space:nowrap!important; }
  body:has(#post-container):has(.reading-room) .night-mobile-toc { display:none; }
}
@media (max-width:1280px) {
  body:has(#post-container):has(.reading-room) #main-grid { max-width:58rem!important; }
  body:has(#post-container):has(.reading-room) :is(#content-wrapper,#category-bar-wrapper) { margin-right:0; }
  body:has(#post-container):has(.reading-room) #article-toc-wrapper { display:none!important; }
  body:has(#post-container):has(.reading-room) #post-container { padding:1.25rem .7rem!important; }
  body:has(#post-container):has(.reading-room) .reading-title { white-space:normal!important; font-size:1.9rem!important; }
  body:has(#post-container):has(.reading-room) .night-mobile-toc { display:block; margin:0 0 1.5rem; }
}
@media (max-width:767px) {
  body:has(#post-container):has(.reading-room) #post-container { padding:.7rem .35rem 1.5rem!important; }
  body:has(#post-container):has(.reading-room) .reading-title { font-size:1.65rem!important; line-height:1.5!important; }
  .reading-deck { font-size:.9rem; line-height:1.8; margin-bottom:1.15rem; }
  .reading-byline { gap:.25rem; }
  body:has(#post-container):has(.reading-room) .reading-byline .post-meta-root,
  body:has(#post-container):has(.reading-room) .reading-byline .reading-stats { gap:.25rem!important; }
  .reading-byline .meta-icon { margin-right:.2rem!important; }
  .reading-byline .meta-icon svg { font-size:1rem!important; }
  .reading-byline .reading-stats > div > div:first-child { width:1.15rem!important; height:1.15rem!important; margin-right:.2rem!important; border-radius:.3rem!important; }
  body:has(#post-container):has(.reading-room) .night-article-cover { aspect-ratio:1.55; border-radius:9px; margin-bottom:1.2rem; }
  body:has(#post-container):has(.reading-room) .markdown-content { font-size:16px; line-height:1.95; }
  body:has(#post-container):has(.reading-room) .markdown-content h2 { font-size:1.3rem; }
  body:has(#post-container):has(.reading-room) .markdown-content blockquote { padding:.8rem 1rem; }
  body:has(#post-container):has(.reading-room) .night-article-audio { padding:1rem; }
}
@media (max-height:760px) and (min-width:1281px) { .reading-side-art img { aspect-ratio:3.4; } .reading-side-caption { display:none; } }
@media (prefers-reduced-transparency:reduce) { body:has(#post-container):has(.reading-room) .article-toc-container { background:transparent!important; backdrop-filter:none; } }
@media print { .reading-room #article-toc-wrapper { display:none!important; } .reading-room #content-wrapper { margin:0; } .reading-room #post-container * { color:#172334!important; } }

/* Keep article text neutral and readable across the original site themes. */
body:has(#post-container) .reading-room { font-family:system-ui,'Microsoft YaHei',sans-serif; }
body:has(#post-container) .reading-room :is(.reading-deck,.reading-byline,.reading-side-art,.reading-progress,.article-toc-header) { font-family:system-ui,'Microsoft YaHei',sans-serif!important; }
body:has(#post-container):has(.reading-room) #article-toc-content :is(.toc-label,.toc-label-primary) { color:inherit!important; white-space:normal!important; line-height:1.7; font-family:inherit; }
body:has(#post-container):has(.reading-room) #article-toc-content .toc-item.visible { outline:none!important; }
body:has(#post-container):has(.reading-room) .night-article-audio__button { color:var(--rr-panel); }
body:has(#post-container):has(.reading-room) .night-article-audio__range::-webkit-slider-thumb { border-color:var(--rr-panel); }
@media (max-width:1280px) { body:has(#post-container):has(.reading-room) #post-container { padding:1.3rem!important; } }
@media (max-width:767px) { body:has(#post-container):has(.reading-room) #post-container { padding:1rem!important; } }

.reading-room .night-article-audio::before { display:none; }
.reading-room .night-article-audio__button :is(.night-article-audio__play,.night-article-audio__pause) { font-size:0; }
.reading-room .night-article-audio__play::before { content:''; display:block; width:0; height:0; border-left:11px solid currentColor; border-top:7px solid transparent; border-bottom:7px solid transparent; margin-left:3px; }
.reading-room .night-article-audio__pause::before { content:''; display:block; width:12px; height:14px; border-left:4px solid currentColor; border-right:4px solid currentColor; box-sizing:border-box; }
body:has(#post-container):has(.reading-room) .night-article-audio__button:hover { box-shadow:none; filter:brightness(.85); transform:none; }
.reading-room .night-article-audio__range::-webkit-slider-thumb { box-shadow:none; }
.reading-room .night-article-audio__range::-moz-range-thumb { box-shadow:none; }
@layer components {
 body:has(#post-container):has(.reading-room) #article-toc-content .toc-item { border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; }
 body:has(#post-container):has(.reading-room) #article-toc-content .toc-item.visible { box-shadow:none!important; }
}

/* Recorded article titles stay readable on narrow screens. */
.reading-room .night-article-audio__head { grid-template-columns:minmax(0,1fr) max-content; }
body:has(#post-container):has(.reading-room) .night-article-audio__title { white-space:nowrap; overflow-wrap:normal; line-height:1.5; }
.reading-audio-slot .night-article-audio__title { font-size:.9rem!important; }

/* Keep the book and cat visible in wide lifestyle cover crops. */
img[src="/assets/images/lifestyle-20260927/07.jpg"]{object-position:center 80%!important}
img[src="/assets/images/lifestyle-20260927/18.jpg"]{object-position:center 72%!important}