/* Paper Daily static site — design direction C "Newsletter / magazine" (2026-10-10).
   Self-contained: the native app.css is no longer linked by any page. */
:root{
  --bg:#FFFFFF;--paper:#FFFFFF;--tint:#F5F2EE;--ink:#141414;--ink2:#4A4A4A;--mute:#8C8C8C;--line:#E6E3DF;--red:#D9643A;
  --tc:#D9643A;--shadow:0 1px 2px rgba(0,0,0,.04);
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC","Noto Sans SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --serif:"Noto Serif SC","Noto Serif CJK SC","Songti SC","Source Han Serif SC","Noto Serif",Georgia,serif;
  --disp:"Noto Serif Display","Noto Serif",Georgia,"Noto Serif SC",serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:light;
}
[data-theme=dark]{--bg:#121212;--paper:#1A1A1A;--tint:#202020;--ink:#F2F0ED;--ink2:#BDBAB5;--mute:#8A8782;--line:#2E2C2A;--shadow:none;color-scheme:dark}
.t-personalization{--tc:#D9643A}.t-generative{--tc:#8B5CF6}.t-retrieval{--tc:#2F7FD8}.t-agentic{--tc:#1E9E6A}.t-infra{--tc:#C08A1E}
[data-theme=dark] .t-generative{--tc:#A78BFA}[data-theme=dark] .t-retrieval{--tc:#5B9DEA}[data-theme=dark] .t-agentic{--tc:#34B985}[data-theme=dark] .t-infra{--tc:#D6A23A}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}

/* ---- header v2 (direction A): single sticky bar — wordmark · nav · 期号/date + theme ---- */
.navwrap{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--ink);box-shadow:0 1px 0 var(--line)}
.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 0;font-size:14px;font-weight:600;position:relative;min-height:28px}
.nav .hb{font-family:var(--disp);font-weight:700;font-size:21px;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;line-height:1}
.nav .hb span{color:var(--red)}
.nav .hl{display:flex;gap:26px;position:absolute;left:50%;transform:translateX(-50%)}
.nav a,.nav .nav-btn{color:var(--ink2);padding:2px 0;background:none;border:0;cursor:pointer;font-weight:600;font-size:14px;white-space:nowrap}
.nav a.hb{font-size:21px;color:var(--ink);padding:0}
.nav a:hover,.nav .nav-btn:hover{color:var(--ink)}
.nav .hl a.active,.nav .nav-btn.active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--red)}
.nav .hm{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mute);font-weight:400;white-space:nowrap}
.nav .hm .hm-i{color:var(--ink2);font-weight:600}
.nav .hm span:empty{display:none}
.nav .tg{font-weight:400;font-size:12px;color:var(--mute);cursor:pointer;background:none;border:1px solid var(--line);border-radius:999px;padding:3px 10px;white-space:nowrap}
.nav .tg:hover{color:var(--ink)}
.read-prog{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent;pointer-events:none}
.read-prog i{display:block;height:100%;width:0;background:var(--tc)}

/* ---- daily view ---- */
.issue-bar{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:14px 0 0}
.issue-bar .ib-info{font-size:13px;color:var(--mute)}
.issue-bar .ib-info b{color:var(--ink);font-family:var(--disp);font-size:15px}
.pages-notice{margin:14px 0 0;font-size:13px;color:var(--ink2);background:var(--tint);border:1px dashed var(--line);border-radius:10px;padding:8px 14px}
.ribbon{display:flex;margin:16px 0 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ribbon .track-tab{flex:1;min-width:0;padding:12px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px;position:relative;color:var(--ink)}
.ribbon .track-tab:last-child{border-right:0}
.ribbon .track-tab::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--tc);opacity:.35}
.ribbon .track-tab:hover{background:color-mix(in srgb,var(--tc) 5%,var(--bg))}
.ribbon .track-tab.active{background:color-mix(in srgb,var(--tc) 9%,var(--bg))}
.ribbon .track-tab.active::before{opacity:1}
.ribbon .track-tab.weekly-empty-tab{opacity:.6}
.ribbon b{font-size:14px}
.ribbon .rs{font-size:12px;color:var(--mute);white-space:nowrap}
.ribbon .rs em{font-style:normal;color:var(--tc);font-weight:700;font-size:15px}
.scen{font-family:var(--serif);font-size:14px;color:var(--ink2);line-height:1.75;margin:16px 0 0;padding:0 2px}
.scen b{font-family:var(--sans);font-size:12px;letter-spacing:.1em;color:var(--tc);margin-right:8px}
.scen .sc-stat{color:var(--mute);font-family:var(--sans);font-size:12.5px}
.issue-toc{margin:14px 0 0;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.issue-toc summary{cursor:pointer;padding:10px 16px;font-size:13px;font-weight:600;color:var(--ink2);list-style:none;display:flex;justify-content:space-between}
.issue-toc summary::-webkit-details-marker{display:none}
.issue-toc summary::after{content:"展开 ▾";font-weight:400;color:var(--mute)}
.issue-toc[open] summary::after{content:"收起 ▴"}
html[lang="en"] .issue-toc summary::after{content:"Show ▾"}html[lang="en"] .issue-toc[open] summary::after{content:"Hide ▴"}
.issue-toc ol{list-style:none;margin:0;padding:4px 16px 12px;columns:2;column-gap:32px}
.issue-toc li{break-inside:avoid}
.outline-paper{display:flex;gap:10px;padding:6px 0;border-bottom:1px dotted var(--line);font-size:13px;color:var(--ink2);line-height:1.5}
.outline-paper:hover{color:var(--tc)}
.outline-paper i{font-style:normal;font-family:var(--disp);color:var(--tc);font-weight:700;min-width:22px}

/* lead story */
.lead{display:grid;grid-template-columns:1.25fr 1fr;margin:28px 0 8px;border-radius:16px;overflow:hidden;border:1px solid var(--line);scroll-margin-top:64px}
.lead .art{background:linear-gradient(150deg,var(--tc),color-mix(in srgb,var(--tc) 55%,#2a1208));color:#fff;padding:36px 40px;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;position:relative;overflow:hidden}
.lead .art::after{content:attr(data-n);position:absolute;right:-10px;bottom:-60px;font-family:var(--disp);font-size:280px;font-weight:700;opacity:.12;line-height:1;pointer-events:none}
.lead .k{font-size:12px;letter-spacing:.18em;font-weight:700;opacity:.9}
.lead h2{font-family:var(--disp);font-size:36px;line-height:1.18;margin:14px 0;font-weight:700;overflow-wrap:anywhere}
.lead h2 a:hover{text-decoration:underline;text-decoration-thickness:2px}
.lead .art p{font-family:var(--serif);font-size:16px;line-height:1.8;opacity:.95;margin:0;max-width:600px}
.lead .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;position:relative;z-index:1}
.lead .side{padding:32px 34px;background:var(--tint);display:flex;flex-direction:column;gap:16px;min-width:0}
.lead .lead-dr{grid-column:1/-1;padding:4px 28px 10px;background:var(--paper);border-top:1px solid var(--line)}
.pq{font-family:var(--serif);font-size:18px;line-height:1.75;color:var(--ink);border-left:3px solid var(--tc);padding-left:16px}
.pq small{display:block;font-family:var(--sans);font-size:11.5px;color:var(--mute);letter-spacing:.12em;margin-bottom:6px}
.pq .more{display:block;font-family:var(--sans);font-size:13.5px;line-height:1.7;color:var(--ink2);margin-top:10px}
.ring{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.radar{display:block;flex:none;overflow:visible}
.radar text{font-size:10px;fill:var(--mute);font-family:var(--sans)}
.radar .rg{fill:none;stroke:var(--line)}
.radar .rp{fill:var(--tc);fill-opacity:.22;stroke:var(--tc);stroke-width:2}
.big{font-family:var(--disp);font-size:30px;font-weight:700;line-height:1.05}
.ring .big{font-size:46px;color:var(--tc)}
.ring .lbl{font-size:12px;color:var(--mute);line-height:1.6}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:600;font-size:14px;border:0;cursor:pointer}
.btn.w{background:#fff;color:#111}.btn.ghost{background:rgba(255,255,255,.15);color:#fff}
.btn:hover{opacity:.9}
.chip{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:999px;background:var(--tint);color:var(--ink2);margin:0 4px 4px 0;line-height:1.6}
.chip.deep{background:color-mix(in srgb,var(--tc) 14%,transparent);color:var(--tc);font-weight:700}
/* AI Search sub-area badge (2026-10-24) */
.chip.sub{background:transparent;border:1px solid color-mix(in srgb,var(--tc) 55%,transparent);color:var(--tc);font-weight:600;padding:1px 8px}
.lead-venue .chip.sub{margin:0 .35em .25em 0;vertical-align:middle}
.lead .art .chip.sub{color:#fff;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.14)}
.secT{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:44px 0 16px;border-top:2px solid var(--ink);padding-top:12px}
.secT h3{font-family:var(--disp);font-size:24px;margin:0}
.secT span{font-size:13px;color:var(--mute)}

/* paper cards */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.card{border:1px solid var(--line);border-radius:14px;padding:22px 24px;border-top:4px solid var(--tc);background:var(--paper);display:flex;flex-direction:column;gap:10px;min-width:0;scroll-margin-top:64px;transition:box-shadow .3s}
.card.dr-open{grid-column:1/-1}
.card .top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--mute)}
.card .n{font-family:var(--disp);font-size:22px;color:var(--tc);font-weight:700}
.card h4{font-family:var(--serif);font-size:19px;line-height:1.45;margin:0;overflow-wrap:anywhere}
.card h4 a:hover,.rr h5 a:hover,.pod h4 a:hover{color:var(--tc)}
.card p{font-family:var(--serif);font-size:14.5px;line-height:1.8;color:var(--ink2);margin:0}
.ins{background:var(--tint);border-radius:10px;padding:10px 14px;font-family:var(--serif);font-size:13.5px;line-height:1.8;color:var(--ink2)}
.ins b.lab{font-family:var(--sans);font-size:12px;color:var(--tc);margin-right:6px}
.ins p{font-size:13.5px!important;margin:0 0 6px!important}.ins p:last-child{margin-bottom:0!important}
.xp .xp-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.xp.open .xp-body{display:block;-webkit-line-clamp:unset}
.xp .xp-btn{display:none;margin-top:6px;background:none;border:0;padding:0;font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--tc);cursor:pointer}
.xp.can .xp-btn{display:inline-block}
.xp.sum .xp-body{-webkit-line-clamp:3}
.sb{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink);font-size:14px}
.dots{display:inline-flex;gap:3px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--tc)}.dots i.e{background:var(--line)}
.foot{font-size:12px;color:var(--mute);display:flex;gap:4px 8px;flex-wrap:wrap;align-items:center}
.card>.foot{margin-top:auto}
.score-detail{font-size:12px;color:var(--mute)}
.other{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ot{padding:16px 18px;border-radius:12px;background:var(--tint);border-left:4px solid var(--tc);display:block}
.ot:hover{background:color-mix(in srgb,var(--tc) 8%,var(--tint))}
.ot b{font-size:13px;color:var(--tc)}.ot div{font-family:var(--disp);font-size:30px;font-weight:700;margin:4px 0}.ot .os{font-size:12px;color:var(--mute)}
.codes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.codes a{border:1px dashed var(--line);border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.6;color:var(--ink2);display:flex;flex-direction:column;gap:4px;min-width:0}
.codes a:hover{border-color:var(--tc)}
.codes b{display:block;color:var(--ink);overflow-wrap:anywhere}
.codes .cd{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
.site-foot{margin:56px 0 40px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--mute);text-align:center;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px}
.site-foot a:hover{color:var(--ink)}
.site-foot .site-count{flex-basis:100%;margin-top:2px;font-family:var(--mono,inherit);font-size:11px;letter-spacing:.02em}
.site-foot .site-count span{color:var(--ink2)}
.empty-state{text-align:center;padding:56px 16px;color:var(--mute)}
.empty-state h3{font-family:var(--disp);color:var(--ink);font-size:22px;margin:8px 0}
.empty-state .icon{font-size:34px}
.spinner{display:inline-block;width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.weekly-focus{box-shadow:0 0 0 3px var(--tc)}

/* ---- date / week navigator (往期) ---- */
.date-nav{position:relative;display:inline-flex;align-items:center;gap:6px}
.date-nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);cursor:pointer;font-size:18px;line-height:1;color:var(--ink2);display:grid;place-items:center}
.date-nav-btn:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}
.date-nav-btn:disabled{opacity:.35;cursor:default}
.date-label{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-family:var(--disp);font-weight:700;font-size:16px;white-space:nowrap;background:var(--paper);user-select:none}
.date-label:hover,.date-label[aria-expanded=true]{border-color:var(--ink)}
.date-weekday{font-family:var(--sans);font-weight:400;font-size:13px;color:var(--mute)}
.date-caret{font-size:10px;color:var(--mute);transition:transform .2s}.date-caret.open{transform:rotate(180deg)}
.date-latest-tag{font-family:var(--sans);font-size:11px;font-weight:700;color:#fff;background:var(--red);border-radius:999px;padding:1px 8px}
.weekly-live-tag{background:#1E9E6A}
.date-picker-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:440px;max-width:calc(100vw - 24px);max-height:440px;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.35);padding:12px}
.date-picker-jump{display:flex;gap:8px;margin-bottom:8px}
.date-picker-jump input{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:14px}
.date-picker-jump button{padding:7px 16px;border-radius:8px;border:0;background:var(--ink);color:var(--bg);font-weight:600;cursor:pointer}
.date-picker-count{font-size:12px;color:var(--mute);margin:0 0 6px 2px}
.date-picker-list{list-style:none;margin:0;padding:0}
.date-picker-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:13.5px}
.date-picker-item:hover{background:var(--tint)}
.date-picker-item.active{background:color-mix(in srgb,var(--red) 10%,var(--bg));font-weight:700}
.date-picker-item:focus{outline:2px solid var(--red);outline-offset:-2px}
.dp-date{font-variant-numeric:tabular-nums;white-space:nowrap}
.dp-weekday{color:var(--mute);font-size:12px;white-space:nowrap}
.dp-tracks{margin-left:auto;display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end}
.dp-track-badge{font-size:10.5px;font-weight:600;padding:0 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tc,var(--mute)) 45%,transparent);color:var(--tc,var(--mute));white-space:nowrap;line-height:1.6}
.weekly-live-badge{--tc:#1E9E6A}

/* ---- weekly ---- */
.wkhead{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;margin:18px 0 4px;text-align:center}
.wkhead .k{font-size:12px;letter-spacing:.08em;color:var(--red);font-weight:700}
.wkhead h2{font-family:var(--disp);font-size:22px;margin:0;line-height:1.2}
.wkhead p{color:var(--mute);font-size:12.5px;margin:0;flex-basis:100%}
.wkhead .wk-sel{margin:0}
.wkhead .weekly-days{margin-top:6px;font-size:12.5px;color:var(--mute)}
.wkhead .weekly-days a{color:var(--ink2)}.wkhead .weekly-days a:hover{color:var(--red)}
.wk-sel{display:flex;justify-content:center;margin:16px 0 0}
.wk-sel .date-picker-dropdown{left:50%;right:auto;transform:translateX(-50%)}
.podium{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:20px;align-items:start;margin:30px 0 10px}
.pod.g2,.pod.g3{margin-top:44px}
.pod{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--paper);position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}
.pod.g1{padding:30px 28px;box-shadow:0 20px 40px -24px color-mix(in srgb,var(--tc) 60%,transparent);border-color:color-mix(in srgb,#E2B33C 60%,var(--line))}
.pod.g2{order:-1}
.pod.dr-open{grid-column:1/-1;order:5}
.medal{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:22px;color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.m1{background:linear-gradient(135deg,#F3CF55,#C9971C)}.m2{background:linear-gradient(135deg,#D9DDE2,#9AA3AD)}.m3{background:linear-gradient(135deg,#E3A877,#A9622F)}
.pod .ph{display:flex;justify-content:space-between;align-items:center}
.pod h4{font-family:var(--serif);font-size:18px;line-height:1.45;margin:0;overflow-wrap:anywhere}.pod.g1 h4{font-size:21px}
.pod p{font-family:var(--serif);font-size:14px;line-height:1.75;color:var(--ink2);margin:0}
.pod .big{color:var(--tc)}
.rest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:20px}
.rr{display:grid;grid-template-columns:48px minmax(0,1fr) 54px;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start;scroll-margin-top:64px}
.rr.dr-open{grid-column:1/-1}
.rr .weekly-rank{font-family:var(--disp);font-size:28px;font-weight:700;color:var(--mute);line-height:1}
.rr h5{font-family:var(--serif);font-size:15.5px;line-height:1.5;margin:0 0 6px;overflow-wrap:anywhere}
.rr .s{font-weight:700;text-align:right;font-family:var(--disp);font-size:16px}
.rr .rr-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.rr p{font-family:var(--serif);font-size:13.5px;line-height:1.75;color:var(--ink2);margin:0}
.weekly-score-line{font-size:12px;color:var(--mute)}
.weekly-appearances{font-size:12px;color:var(--mute)}
.weekly-appearances a{color:var(--tc);margin-right:8px;white-space:nowrap}
.weekly-appearances a:hover{text-decoration:underline}
.weekly-rule{font-size:12px;color:var(--mute);text-align:center;margin-top:22px}

/* ---- inline deep reading ---- */
.deep-read-toggle-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:4px 0 0}
.deep-read-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--tc);background:color-mix(in srgb,var(--tc) 9%,transparent);color:var(--tc);font-weight:700;font-size:13px;cursor:pointer}
.deep-read-trigger:hover{background:color-mix(in srgb,var(--tc) 16%,transparent)}
.deep-read-trigger-icon{font-size:9px}
.deep-read-page-link{font-size:13px;font-weight:600;color:var(--ink2)}
.deep-read-page-link:hover{color:var(--tc);text-decoration:underline}
.deep-read-section{margin-top:6px;border-top:1px solid var(--line);padding-top:10px}
.deep-read-header-bar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:6px}
.deep-read-content{font-family:var(--serif);font-size:16px;line-height:1.95;color:var(--ink);max-width:760px;margin:0 auto;overflow-wrap:anywhere}
.deep-read-content h1{font-family:var(--disp);font-size:24px;line-height:1.3;margin:12px 0 14px}
.deep-read-content h2{font-family:var(--sans);font-size:19px;font-weight:800;margin:30px 0 10px}
.deep-read-content h3{font-family:var(--sans);font-size:16px;font-weight:700;margin:22px 0 8px}
.deep-read-content h4{font-family:var(--sans);font-size:15px;margin:18px 0 6px}
.deep-read-content p{margin:0 0 14px;color:var(--ink)}
.deep-read-content a{color:var(--tc);text-decoration:underline;text-underline-offset:2px}
.deep-read-content ul,.deep-read-content ol{padding-left:1.5em;margin:0 0 14px}
.deep-read-content li{margin-bottom:4px}
.deep-read-content blockquote{margin:0 0 16px;padding:4px 16px;border-left:3px solid var(--tc);color:var(--ink2);background:var(--tint);border-radius:0 8px 8px 0}
.deep-read-content code{font-family:var(--mono);font-size:.86em;background:var(--tint);padding:1px 5px;border-radius:4px}
.deep-read-content pre{background:var(--tint);padding:12px 14px;border-radius:10px;overflow-x:auto;font-size:13px;line-height:1.6}
.deep-read-content pre code{background:none;padding:0}
.deep-read-content .tbl,.long .tbl{overflow-x:auto;margin:8px 0 22px}
.deep-read-content table,.long table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13.5px;line-height:1.55}
.deep-read-content th,.long th{border-bottom:2px solid var(--ink);text-align:left;padding:8px;white-space:nowrap}
.deep-read-content td,.long td{border-bottom:1px solid var(--line);padding:8px;vertical-align:top}
.deep-read-content table{display:block;overflow-x:auto}

/* ---- long-form article (deep-reading pages) ---- */
.rhead{max-width:820px;margin:20px auto 0;text-align:center}
.rhead .k{font-size:12px;letter-spacing:.2em;color:var(--tc);font-weight:700}
.rhead h1{font-family:var(--disp);font-size:32px;line-height:1.18;margin:8px 0 10px;overflow-wrap:anywhere}
.rhead .by{font-size:13.5px;color:var(--mute)}
.rhead .back{display:inline-block;font-size:13px;color:var(--mute);margin-bottom:6px}.rhead .back:hover{color:var(--ink)}
.rmeta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin:22px auto 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:820px;font-size:13px;color:var(--ink2)}
.rmeta>span{text-align:center}
.rmeta b{display:block;font-size:18px;color:var(--ink);font-family:var(--disp)}
.rmeta a{color:var(--tc)}.rmeta a:hover{text-decoration:underline}
.rbody{display:grid;grid-template-columns:220px minmax(0,680px) 240px;gap:44px;justify-content:center;margin-top:36px}
.toc{position:sticky;top:70px;align-self:start;font-size:13px;max-height:calc(100vh - 90px);overflow:auto}
.toc h6,.aside h6{font-size:11px;letter-spacing:.16em;color:var(--mute);margin:0 0 12px;font-weight:700}
.toc a{display:flex;gap:10px;padding:7px 0;color:var(--ink2);border-bottom:1px dotted var(--line);line-height:1.5}
.toc a:hover{color:var(--ink)}
.toc a i{font-style:normal;color:var(--mute);font-family:var(--disp)}
.toc a.on{color:var(--tc);font-weight:700}.toc a.on i{color:var(--tc)}
.toc-m{display:none}
.r-narrow{display:none}
.long{font-family:var(--serif);font-size:18px;line-height:2;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.long p.lede{font-size:15px;color:var(--mute);border:1px solid var(--line);border-radius:10px;padding:12px 16px;line-height:1.8}
.long h2{font-family:var(--sans);font-size:22px;margin:48px 0 14px;font-weight:800;letter-spacing:-.01em;scroll-margin-top:70px}
.long h3{font-family:var(--sans);font-size:18px;margin:32px 0 10px;font-weight:700;scroll-margin-top:70px}
.long h4{font-family:var(--sans);font-size:16px;margin:24px 0 8px}
.long p{margin:0 0 20px}.long a{color:var(--tc);text-decoration:underline;text-underline-offset:3px}
.long ul,.long ol{padding-left:1.4em;margin:0 0 20px}.long li{margin-bottom:6px}
.long blockquote{margin:0 0 20px;padding:6px 18px;border-left:3px solid var(--tc);background:var(--tint);border-radius:0 10px 10px 0;color:var(--ink2)}
.long code{font-family:var(--mono);font-size:.82em;background:var(--tint);padding:1px 5px;border-radius:4px}
.long pre{background:var(--tint);padding:14px 16px;border-radius:10px;overflow-x:auto;font-size:13.5px;line-height:1.6}
.long pre code{background:none;padding:0}
.aside{position:sticky;top:70px;align-self:start;font-size:13px;color:var(--ink2);display:flex;flex-direction:column;gap:14px}
.aside .box{background:var(--tint);border-radius:12px;padding:14px 16px}
.aside .box .ins-full{font-family:var(--serif);line-height:1.75}
.aside .btn{justify-content:center}
.aside .apps a{display:block;color:var(--tc);padding:2px 0}.aside .apps a:hover{text-decoration:underline}
.article-foot{max-width:680px;margin:40px auto 0;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 20px;font-size:13px}
.article-foot a{color:var(--tc)}

/* ---- deep-readings index ---- */
.dr-head{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:4px 12px;text-align:center;margin:18px 0 10px}
.dr-head .k{font-size:11.5px;letter-spacing:.12em;color:var(--red);font-weight:700}
.dr-head h2{font-family:var(--disp);font-size:24px;margin:0}
.dr-head .subtitle{color:var(--mute);font-size:12.5px;flex-basis:100%}
.dr-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:18px 0 26px;position:sticky;top:46px;z-index:10;background:var(--bg);padding:10px 0}
.dr-toolbar input,.dr-toolbar select{padding:9px 14px;border:1px solid var(--line);border-radius:999px;font:inherit;font-size:14px;background:var(--paper);color:var(--ink)}
.dr-toolbar input{flex:1;min-width:200px;max-width:520px}
.dr-date-group{margin-bottom:30px}
.dr-date-heading{display:flex;align-items:baseline;gap:12px;font-family:var(--disp);font-size:22px;margin:0 0 14px;border-top:2px solid var(--ink);padding-top:10px}
.dr-date-heading .dr-count{font-family:var(--sans);font-size:12.5px;font-weight:400;color:var(--mute)}
.dr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dr-entry .foot a{color:var(--tc)}
.dr-read-link{font-weight:700;color:var(--tc)!important}
.dr-track-tag{font-size:11.5px;font-weight:700;color:var(--tc);background:color-mix(in srgb,var(--tc) 12%,transparent);border-radius:999px;padding:1px 9px}
.dr-hidden{display:none!important}

/* ---- standalone report.html ---- */
.standalone-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:22px 0 0;font-size:13px;color:var(--mute)}
.standalone-head h2{font-family:var(--disp);font-size:24px;color:var(--ink);margin:0}
.standalone-head a{color:var(--red);font-weight:600}

/* ---- responsive ---- */
@media(max-width:1180px){
  .rbody{grid-template-columns:200px minmax(0,1fr);gap:32px}
  .aside{display:none}
  .r-narrow{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--tint);border-radius:12px;padding:14px 16px;margin:0 0 24px;font-size:14px;line-height:1.75;color:var(--ink2)}
  .r-narrow .ins-full{flex:1;min-width:220px;font-family:var(--serif)}
  .other{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .lead{grid-template-columns:1fr}.lead .art{min-height:0}
  .codes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rbody{grid-template-columns:minmax(0,1fr)}
  .toc{display:none}
  .toc-m{display:block;margin:0 0 24px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font-size:14px}
  .toc-m summary{cursor:pointer;padding:10px 0;font-weight:700;font-size:13px;color:var(--ink2)}
  .toc-m a{display:flex;gap:8px;padding:6px 0;border-top:1px dotted var(--line);color:var(--ink2)}
  .toc-m a i{font-style:normal;color:var(--tc)}
}
@media(max-width:760px){
  .wrap{padding:0 16px}
  .nav a,.nav .nav-btn{font-size:13.5px}
  .issue-bar{flex-direction:column;align-items:stretch}
  .issue-bar .date-nav{justify-content:center}
  .date-picker-dropdown{position:fixed;left:12px;right:12px;top:110px;width:auto;max-width:none;max-height:70vh}
  .wk-sel .date-picker-dropdown{left:12px;right:12px;transform:none}
  .ribbon{overflow-x:auto;border-radius:10px;scrollbar-width:none}.ribbon::-webkit-scrollbar{display:none}
  .ribbon .track-tab{flex:0 0 auto;min-width:118px;padding:10px 12px}
  .issue-toc ol{columns:1}
  .lead .art{padding:24px 22px}.lead h2{font-size:25px}.lead .art p{font-size:15px}.lead .side{padding:22px}
  .lead .art::after{font-size:180px;bottom:-40px}.lead .lead-dr{padding:4px 18px 10px}
  .ring .big{font-size:38px}
  .grid,.codes,.dr-grid{grid-template-columns:minmax(0,1fr)}
  .card{padding:18px}
  .card h4{font-size:17.5px}
  .podium,.rest{grid-template-columns:minmax(0,1fr)}
  .pod.g2{order:0}
  .pod.g2,.pod.g3{margin-top:0}
  .wkhead h2{font-size:20px}.dr-head h2{font-size:22px}
  .rhead{margin-top:16px}.rhead h1{font-size:26px}
  .rmeta{gap:10px 18px}
  .long{font-size:17px;line-height:1.95}
  .dr-toolbar{top:78px}
  .date-label{font-size:15px}
}
@media(max-width:400px){
  .nav{gap:14px}
  .date-weekday{display:none}
}
@media (max-width:720px){
  .nav{gap:10px;padding:8px 0;flex-wrap:wrap;row-gap:4px}
  .nav .hb,.nav a.hb{font-size:18px}
  .nav .hl{position:static;transform:none;order:3;flex-basis:100%;gap:18px;overflow-x:auto;justify-content:flex-start;border-top:1px solid var(--line);padding-top:6px;scrollbar-width:none}
  .nav .hl a,.nav .nav-btn{font-size:13.5px}
  .nav .hm .hm-d{display:none}
  .nav .tg{padding:2px 8px}.nav .tg .tg-l{display:none}
  .wkhead{margin-top:12px}.wkhead h2{font-size:19px}
  .rhead h1{font-size:25px}
}
@media print{.navwrap,.toc,.aside,.read-prog{display:none}}
/* --- figures in deep readings (2026-10-16) --- */
.dr-fig{margin:26px auto;max-width:760px;text-align:center}
.dr-fig img{display:block;max-width:100%;height:auto;margin:0 auto;border:1px solid var(--line);border-radius:6px;background:#fff;padding:6px;box-sizing:border-box}
.dr-fig figcaption{font-family:var(--sans);font-size:13.5px;line-height:1.7;color:var(--ink2);margin-top:10px;text-align:left;padding-left:10px;border-left:3px solid var(--tc,var(--line))}
[data-theme=dark] .dr-fig img{background:#F4F2EE;border-color:#3a3836;filter:brightness(.92)}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .dr-fig img{background:#F4F2EE;filter:brightness(.92)}}
.lang-tg{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border:1px solid var(--line);border-radius:4px;color:var(--ink2);text-decoration:none;margin-right:6px}
.lang-tg:hover{color:var(--ink);border-color:var(--ink2)}
.en-home .en-note{font-family:var(--sans);font-size:14px;color:var(--ink2);border-left:3px solid var(--line);padding:6px 12px;margin:18px 0}
.en-home ul{padding-left:1.2em}

/* company logos (local logos/ folder; monogram fallback) */
.cname{display:inline-flex;align-items:center;gap:.35em;vertical-align:-0.2em;white-space:nowrap}
.clogo{width:1.25em;height:1.25em;border-radius:4px;flex:none;object-fit:contain;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.chip .clogo{width:14px;height:14px;border-radius:3px}
.clogo.mono{display:inline-flex;align-items:center;justify-content:center;font-size:.72em;font-weight:800;letter-spacing:0;color:#fff;background:hsl(var(--h,210) 45% 46%);box-shadow:none;font-style:normal}
.lead .k .clogo{width:1.4em;height:1.4em}
.lead-k{font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--red);margin-bottom:6px}

/* key-info highlight: ==text== -> <strong class="hl"> (2026-10-23) */
strong.hl{color:color-mix(in srgb,var(--tc) 62%,#000);font-weight:700}
[data-theme=dark] strong.hl{color:color-mix(in srgb,var(--tc) 80%,#fff)}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) strong.hl{color:color-mix(in srgb,var(--tc) 80%,#fff)}}
/* highlights on the coloured lead block: white ink on a dark translucent chip + underline (2026-10-24, WCAG >= 5.7:1 on every track colour, light+dark) */
.lead .art strong.hl,.lead .art strong,.lead .art b{color:#fff;font-weight:700}
.lead .art strong.hl{background:rgba(0,0,0,.40);padding:0 .22em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration:underline;text-decoration-color:rgba(255,255,255,.75);text-decoration-thickness:1.5px;text-underline-offset:3px}

/* venue-acceptance badges (verified only; links to acceptance/program page) */
.vbadge{display:inline-flex;align-items:center;gap:.35em;font-size:.78em;font-weight:700;line-height:1.5;padding:.12em .55em .12em .3em;margin:0 .35em .25em 0;border-radius:999px;background:#eef4ff;color:#1f3f75;border:1px solid #c9d8f2;text-decoration:none;vertical-align:middle;white-space:nowrap}
.vbadge:hover{background:#dfeaff;text-decoration:none}
.vlogo{height:14px;width:auto;border-radius:3px;flex:none}
.dr-venue{margin:.35em 0 .2em}
[data-theme=dark] .vbadge{background:#1c2b45;color:#cfe0ff;border-color:#33507f}
.lead-venue{margin:.2em 0 .5em}