/* Reading-page theme for the historical daily templates. Source files stay intact. */
@media screen {
  :root {
    --bg: var(--site-bg);
    --wash: var(--site-bg);
    --ink: var(--site-ink);
    --text: var(--site-ink);
    --muted: var(--site-muted);
    --line: var(--site-line);
    --card: var(--site-surface);
    --panel: var(--site-surface);
    --paper: var(--site-surface);
    --brand: var(--site-accent);
    --blue: var(--site-accent);
    --accent: #bca9ff;
    --brand2: #bca9ff;
    --deep: var(--site-ink);
    --cyan: #85d8df;
    --green: #90dcb6;
    --ok: #90dcb6;
    --other: #90dcb6;
    --amber: #f2cc88;
    --warn: #f2cc88;
    --hot: #ffb1a6;
    --red: #ffb1a6;
    --soft: var(--site-soft);
    --blue2: var(--site-soft);
    --blue-bg: var(--site-soft);
    --green2: #1b342e;
    --greenbg: #1b342e;
    --green-bg: #1b342e;
    --amber2: #362e22;
    --amber-bg: #362e22;
    --warnbg: #362e22;
    --soft2: #362e22;
    --hotbg: #39282b;
    --hot-bg: #39282b;
    --redbg: #39282b;
    --red2: #39282b;
    --hotline: #75504c;
    --important: var(--site-surface);
    --important-line: var(--site-line);
    --deep-line: var(--site-line);
    --empty: var(--site-soft);
    --emptyline: var(--site-line);
    --shadow: 0 12px 32px #00000026;
  }

  body { color: var(--site-ink); }
  #johnxu-html-content { color: var(--site-ink); }
  #johnxu-html-content :is(.page,.sheet,article,section,.section,.card,.summary,.important,.major,.deep,.other,.story,.important-card,.other-card,.meta-card,.vendor) {
    background: var(--site-surface);
    border-color: var(--site-line);
    box-shadow: none;
  }
  #johnxu-html-content :is(header,.hero) {
    background: linear-gradient(135deg,#182c51,#243f71);
    color: #edf3ff;
    border-color: var(--site-line);
    box-shadow: none;
  }
  #johnxu-html-content :is(h1,h2,h3,h4,.label,.trend strong,.facts dt) { color: var(--site-ink); }
  #johnxu-html-content :is(h2,.other-card h3) { border-color: var(--site-line); }
  #johnxu-html-content :is(a,.kicker,.story-rank,.section-kicker,.num,.stat b,.stat strong,.count b) { color: var(--site-accent); }
  #johnxu-html-content :is(.meta,.time,.source,.sources,.note,.foot,.footer,.trend p,small,footer) { color: var(--site-muted); }
  #johnxu-html-content :is(.stat,.count,.metric,.brief,.news-item,.newsitem,.trend,.trend article,.coverage div,.empty,details,dl) {
    background: var(--site-soft);
    border-color: var(--site-line);
    box-shadow: none;
  }
  #johnxu-html-content :is(.empty,.rank) { color: var(--site-muted); }
  #johnxu-html-content :is(.tag,.pill,.badge,.rank) {
    background: var(--site-soft);
    color: var(--site-accent);
    border-color: var(--site-line);
  }
  #johnxu-html-content span.time { background: var(--site-soft); }
  #johnxu-html-content :is(.fact,.facts,.confirmed) {
    color: #b5e4cf;
    border-color: #4c8c72;
  }
  #johnxu-html-content :is(div,p).fact,
  #johnxu-html-content :is(div,p).facts { background: #1b342e; }
  #johnxu-html-content .analysis { color: #d2c5f7; border-color: #8e77c7; }
  #johnxu-html-content :is(div,p).analysis { background: #2c2941; }
  #johnxu-html-content :is(.watch,.notice,.caution,.spice,blockquote) {
    background: #362e22;
    color: #f2cc88;
    border-color: #a28757;
  }
  #johnxu-html-content .note { background: var(--site-soft); border-color: var(--site-line); }
  #johnxu-html-content :is(.hot,.hot-take,.spicy,.comment) {
    background: #39282b;
    color: #ffb1a6;
    border-color: #a96c64;
  }
  #johnxu-html-content :is(.vendor h3,.other-group h3) { color: #90dcb6; }
  #johnxu-html-content :is(header,.hero) :is(h1,h2,h3,h4,p,a,.meta,.eyebrow,.kicker,.pill,.badge,.chip) { color: #edf3ff; }
  #johnxu-html-content :is(header,.hero) :is(.pill,.badge,.chip,.meta span) {
    background: #ffffff12;
    border-color: #ffffff40;
  }
  #johnxu-html-content a:focus-visible { outline: 2px solid var(--site-accent); outline-offset: 3px; }
}

@media screen {
#johnxu-html-content{font:15px/1.95 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#edf4ff}
#johnxu-html-content :is(.wrap,.page,.sheet){max-width:none!important;width:100%!important;margin:0!important}
#johnxu-html-content :is(header,.hero,.story,.card,.summary,.other-group,.section){border-radius:22px!important;border-color:#304965!important;box-shadow:none!important}
#johnxu-html-content :is(header,.hero){background:radial-gradient(ellipse at top right,#236d8230,transparent 75%),linear-gradient(125deg,#192c45,#0d192c)!important;padding:29px 30px!important}
#johnxu-html-content h1{font-size:33px!important;line-height:1.55!important;font-weight:600!important}
#johnxu-html-content h2{font-size:24px!important;line-height:1.5!important;border-left:3px solid #71d2ee;padding-left:14px}
#johnxu-html-content h3{font-size:20px!important;line-height:1.7!important}
#johnxu-html-content p,#johnxu-html-content li{line-height:1.95!important}
#johnxu-html-content :is(.section,.story,.other-group){padding:26px 28px!important;margin-bottom:20px;background:linear-gradient(125deg,#192c45,#0d192c)!important}
#johnxu-html-content :is(.important,.other){background:transparent!important;border:0!important;padding:25px 0 0!important}
#johnxu-html-content .summary{background:linear-gradient(120deg,#142f43,#122239)!important}
#johnxu-html-content :is(.spicy,.hot-take){background:#142f42!important;color:#bdebf6!important;border:1px solid #345f76!important;border-left:3px solid #72d0e7!important;font-weight:500!important}
#johnxu-html-content a{color:#8ddcef!important;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
#johnxu-html-content :is(.tri div,.stat){background:#0b1b2f!important;border:1px solid #34516e;color:#b6c5da}
#johnxu-html-content .sources{word-break:normal;overflow-wrap:anywhere}
#johnxu-html-content :is(.muted,.meta,.source,.sources){color:#a5b4cd}
}
@media screen and (max-width:700px){#johnxu-html-content{font-size:15px}#johnxu-html-content :is(header,.hero,.section,.story,.other-group){padding:23px 20px!important}#johnxu-html-content h1{font-size:27px!important}#johnxu-html-content h2{font-size:21px!important}#johnxu-html-content h3{font-size:19px!important}}

.johnxu-reading-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:30px;max-width:1200px;margin:auto;padding:12px 40px 48px}.johnxu-toc{position:sticky;top:113px;align-self:start}.johnxu-reading-layout #johnxu-html-content{width:100%;min-width:0;padding:0}.johnxu-reading-layout #johnxu-html-content>main{padding:0}
@media(max-width:1000px){.johnxu-reading-layout{grid-template-columns:150px minmax(0,1fr);gap:20px;padding-left:28px;padding-right:28px}}
@media(max-width:700px){.johnxu-reading-layout{display:block;padding:0 18px 30px}.johnxu-toc{position:static}}