/* emphasis layer: 重点 block, judgment vs evidence, number chips (light + dark, iPhone-first) */
:root{--sx-up:#0a8f68;--sx-dn:#d92d2d;--sx-upbg:rgba(12,166,120,.12);--sx-dnbg:rgba(224,49,49,.10);--sx-hl:rgba(59,91,219,.16);--sx-ev:#4a5468;--sx-keybg:#fff;--sx-keybd:#3b5bdb}
@media(prefers-color-scheme:dark){:root{--sx-up:#3ddc97;--sx-dn:#ff6b6b;--sx-upbg:rgba(61,220,151,.14);--sx-dnbg:rgba(255,107,107,.14);--sx-hl:rgba(124,156,255,.26);--sx-ev:#b3bccb;--sx-keybg:#171c28;--sx-keybd:#7c9cff}}
:root[data-theme=light]{--sx-up:#0a8f68;--sx-dn:#d92d2d;--sx-upbg:rgba(12,166,120,.12);--sx-dnbg:rgba(224,49,49,.10);--sx-hl:rgba(59,91,219,.16);--sx-ev:#4a5468;--sx-keybg:#fff;--sx-keybd:#3b5bdb}
:root[data-theme=dark]{--sx-up:#3ddc97;--sx-dn:#ff6b6b;--sx-upbg:rgba(61,220,151,.14);--sx-dnbg:rgba(255,107,107,.14);--sx-hl:rgba(124,156,255,.26);--sx-ev:#b3bccb;--sx-keybg:#171c28;--sx-keybd:#7c9cff}
/* number chips */
.sx-n{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:5px;padding:0 3px}
.sx-n.up{color:var(--sx-up);background:var(--sx-upbg)}.sx-n.dn{color:var(--sx-dn);background:var(--sx-dnbg)}.sx-n.nu{color:inherit}
/* header thesis = the headline */
.sx-emph .th{font-size:24px;line-height:1.48}
.sx-emph .th em{background:rgba(255,255,255,.24);box-shadow:inset 0 -3px 0 rgba(255,214,102,.9)}
.sx-thl{display:block;width:max-content;font-size:11.5px;font-weight:800;letter-spacing:.14em;padding:2px 8px;margin-bottom:6px;border-radius:6px;background:rgba(255,214,102,.95);color:#1b1f2a}
.sx-emph .sub{font-size:11.5px;opacity:.72;line-height:1.55}
/* 重点 block */
.sx-key{position:relative;margin-top:-42px;background:var(--sx-keybg);border:1px solid var(--bd,#e3e7ef);border-top:4px solid var(--sx-keybd);border-radius:16px;padding:14px 16px 6px;box-shadow:0 8px 24px rgba(10,20,50,.10)}
.sx-kh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.sx-badge{background:var(--sx-keybd);color:var(--sx-keybg);font-weight:900;font-size:14px;letter-spacing:.2em;padding:3px 8px 3px 10px;border-radius:7px}
.sx-ks{font-size:12.5px;color:var(--mut)}
.sx-kl{list-style:none;margin:0;padding:0;counter-reset:sxk}
.sx-kl li{counter-increment:sxk;position:relative;padding:11px 0 11px 38px;border-top:1px solid var(--bd,#e3e7ef);margin:0}
.sx-kl li:first-child{border-top:0}
.sx-kl li::before{content:counter(sxk);position:absolute;left:0;top:11px;width:26px;height:26px;border-radius:50%;background:var(--sx-keybd);color:var(--sx-keybg);font:800 14px/26px -apple-system,sans-serif;text-align:center}
.sx-j{font-size:17px;font-weight:800;line-height:1.45;color:var(--fg)}
.sx-e{font-size:14px;line-height:1.65;color:var(--sx-ev);margin-top:3px}
.sx-ks2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 6px}
.sx-kb{background:var(--soft,rgba(59,91,219,.08));border-radius:12px;padding:10px 12px;min-width:0}
.sx-kt{font-size:12.5px;font-weight:800;color:var(--acc);letter-spacing:.08em;margin-bottom:4px}
.sx-w{display:flex;flex-direction:column;padding:5px 0;border-top:1px dashed var(--bd,#e3e7ef);font-size:13.5px;line-height:1.5}.sx-w:first-of-type{border-top:0}
.sx-wt{font-weight:800;font-size:12.5px;color:var(--fg)}.sx-wx{color:var(--sx-ev)}
.sx-lv{display:grid;grid-template-columns:auto 1fr;gap:0 8px;padding:5px 0;border-top:1px dashed var(--bd,#e3e7ef);font-size:13px;line-height:1.5}.sx-lv:first-of-type{border-top:0}
.sx-ln{font-weight:800}.sx-lp{text-align:right;font-variant-numeric:tabular-nums;color:var(--mut)}
.sx-ls,.sx-lr{grid-column:1/-1;color:var(--sx-ev)}.sx-ls b{color:var(--sx-up)}.sx-lr b{color:var(--sx-dn)}
.sx-more{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:2px -16px 0;border-top:1px solid var(--bd,#e3e7ef);font-size:13.5px;font-weight:700;color:var(--acc)!important;text-decoration:none!important}
/* tiles follow the key block, tinted by direction */
.sx-sb{margin-top:12px!important}
.tile.sx-up{box-shadow:inset 3px 0 0 var(--sx-up),0 4px 14px rgba(0,0,0,.05)}.tile.sx-dn{box-shadow:inset 3px 0 0 var(--sx-dn),0 4px 14px rgba(0,0,0,.05)}
/* judgments vs evidence */
.sx-emph .lead{border-left:4px solid var(--acc);font-size:15px;font-weight:500;color:var(--fg);border-radius:4px 10px 10px 4px}
.sx-emph .lead b,.sx-emph .t2 b,.sx-emph .bd li b,.sx-emph .sx-view b,.sx-e b{background:linear-gradient(transparent 58%,var(--sx-hl) 0);padding:0 1px;font-weight:800;color:var(--fg)}
.sx-emph .bd li,.sx-emph .bd ul{color:var(--sx-ev)}
.sx-vh{color:var(--acc)!important}
.sx-view{font-size:14.5px;font-weight:600;color:var(--fg);background:var(--soft,rgba(59,91,219,.08));border-left:3px solid var(--acc);border-radius:4px 10px 10px 4px;padding:8px 12px}
.sx-emph details.card>summary .t1{font-size:16px}
/* iPhone */
@media(max-width:820px){
  .sx-emph .th{font-size:20.5px}
  .sx-ks2{grid-template-columns:1fr}
  .sx-sb{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .sx-sb .tile{padding:8px 9px;border-radius:12px}.sx-sb .tile .n{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .sx-sb .tile .v{font-size:15.5px}.sx-sb .tile .k{font-size:11px;line-height:1.45}
  .sx-key{padding:12px 14px 4px}.sx-more{margin:2px -14px 0}
  .sx-j{font-size:16.5px}
}
@media print{.sx-key{box-shadow:none;margin-top:12px}.sx-more{display:none}}
/* wide data tables: give the free-text column room so rows don't become tall slivers (table scrolls sideways) */
@media(max-width:820px){.sx-emph .tw table td:last-child,.sx-emph .sx-tw table td:last-child{min-width:220px}}
.sx-emph .grid2>*,.sx-emph .grid3>*,.sx-emph .sb>*{min-width:0}