/* BEGIN infra CRM foundation */
/* sha256: b940195293b417344aaed048208a2f70f7f33fa5b7ed8f1c1403746e1706d815 */
/* CRM foundation 2026.09.07.1 — observed product patterns, project-owned values.
   Source: infra/design/crm/README.md. Never use a structural line for every data row. */
:root, [data-theme="attio"], [data-ui-skin="attio"] {
  --crm-version: "2026.09.07.1";
  --crm-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --crm-canvas:#f7f8fa; --crm-surface:#ffffff; --crm-soft:#f5f6f8; --crm-hover:#f3f5f9;
  --crm-heading:#202124; --crm-body:#41454d; --crm-secondary:#636a75; --crm-meta:#717782;
  --crm-frame:#dfe2e7; --crm-control:#cbd0d8; --crm-separator:#eceef1; --crm-map-line:#d4d9e0;
  --crm-primary:#315ee7; --crm-on-primary:#ffffff; --crm-focus:#315ee7;
  --crm-selected:#edf2ff; --crm-selected-ink:#3157c9; --crm-link:#3b5eb0;
  --crm-panel-radius:8px; --crm-input-radius:6px; --crm-action-radius:6px; --crm-tag-radius:4px;
  --crm-heading-size:24px; --crm-heading-weight:600; --crm-title-size:15px; --crm-title-weight:550;
  --crm-title-leading:1.5; --crm-tracking:-.025em; --crm-row-space:14px; --crm-section-space:20px;
  --crm-panel-gap:16px; --crm-panel-padding:20px; --crm-shadow:0 2px 8px #20263206;
  --crm-info-bg:#edf2ff; --crm-info-ink:#3555a2; --crm-success-bg:#eaf5ef; --crm-success-ink:#286443;
  --crm-warning-bg:#fff6e6; --crm-warning-ink:#875b1e;
  color-scheme:light;
}
[data-theme="folk"], [data-ui-skin="folk"] {
  --crm-canvas:#faf9f6; --crm-surface:#fffefa; --crm-soft:#f1f0ec; --crm-hover:#f5f4ef;
  --crm-heading:#242421; --crm-body:#454540; --crm-secondary:#696963; --crm-meta:#75756f;
  --crm-frame:#686862; --crm-control:#777770; --crm-separator:#e3e2dc; --crm-map-line:#cecfc7;
  --crm-primary:#242421; --crm-on-primary:#fffefa; --crm-focus:#57574e;
  --crm-selected:#eeede7; --crm-selected-ink:#242421; --crm-link:#383833;
  --crm-panel-radius:0px; --crm-input-radius:2px; --crm-action-radius:999px; --crm-tag-radius:999px;
  --crm-heading-size:28px; --crm-heading-weight:600; --crm-title-size:16px; --crm-title-weight:550;
  --crm-title-leading:1.55; --crm-tracking:-.035em; --crm-row-space:17px; --crm-section-space:24px;
  --crm-panel-gap:18px; --crm-panel-padding:22px; --crm-shadow:none;
  --crm-info-bg:#eaf0fa; --crm-info-ink:#405879; --crm-success-bg:#edf2df; --crm-success-ink:#4d6133;
  --crm-warning-bg:#faf0d9; --crm-warning-ink:#78602f;
}
:root[data-appearance="dark"], :root[data-ui-theme="dark"] {
  --crm-canvas:#15181e; --crm-surface:#1d222b; --crm-soft:#262d38; --crm-hover:#2a3240;
  --crm-heading:#eff1f6; --crm-body:#cfd5df; --crm-secondary:#b4bdcb; --crm-meta:#a5aebd;
  --crm-frame:#424b5b; --crm-control:#667389; --crm-separator:#303846; --crm-map-line:#46505f;
  --crm-primary:#91afff; --crm-on-primary:#15213e; --crm-focus:#b1c7ff;
  --crm-selected:#2b3b5c; --crm-selected-ink:#c3d3ff; --crm-link:#b0c6ff; --crm-shadow:none;
  --crm-info-bg:#29394f; --crm-info-ink:#c0d5f7; --crm-success-bg:#293b30; --crm-success-ink:#b8d9ae;
  --crm-warning-bg:#413724; --crm-warning-ink:#ebd298;
  color-scheme:dark;
}
:root[data-appearance="dark"][data-theme="folk"], :root[data-ui-theme="dark"][data-ui-skin="folk"] {
  --crm-canvas:#1b1c19; --crm-surface:#23241f; --crm-soft:#2c2d27; --crm-hover:#30312a;
  --crm-heading:#f0f0e8; --crm-body:#d6d7ce; --crm-secondary:#bbbdb0; --crm-meta:#adafa1;
  --crm-frame:#929388; --crm-control:#a0a194; --crm-separator:#3d3f35; --crm-map-line:#55584a;
  --crm-primary:#eeeee4; --crm-on-primary:#24251e; --crm-focus:#dbdec9;
  --crm-selected:#36382e; --crm-selected-ink:#eceee0; --crm-link:#e1e2d5;
}
/* END infra CRM foundation */
:root, [data-theme] {
  --reader-paper:var(--crm-surface);
  --reader-panel:var(--crm-soft);
  --reader-ink:var(--crm-heading);
  --reader-muted:var(--crm-meta);
  --reader-line:var(--crm-separator);
  --reader-border:var(--crm-control);
  --reader-frame:var(--crm-frame);
  --reader-active:var(--crm-selected);
  --reader-accent:var(--crm-link);
  --reader-hover:var(--crm-hover);
  --reader-radius:var(--crm-panel-radius);
  --reader-heading:var(--crm-heading);
  --reader-body:var(--crm-body);
  --reader-secondary:var(--crm-secondary);
  --reader-primary:var(--crm-primary);
  --reader-on-primary:var(--crm-on-primary);
  --reader-focus:var(--crm-focus);
  --reader-heading-weight:var(--crm-heading-weight);
  --reader-title-weight:var(--crm-title-weight);
  --reader-title-size:var(--crm-title-size);
  --reader-title-leading:var(--crm-title-leading);
  --reader-row-space:var(--crm-row-space);
  --reader-heading-size:var(--crm-heading-size);
  --reader-tracking:var(--crm-tracking);
  --reader-button-radius:var(--crm-action-radius);
  --reader-input-radius:var(--crm-input-radius);
  --reader-section-space:var(--crm-section-space);
  --reader-nav-bg:var(--crm-selected);
  --reader-nav-ink:var(--crm-selected-ink);
  --reader-info-bg:var(--crm-info-bg);
  --reader-info-ink:var(--crm-info-ink);
  --reader-success-bg:var(--crm-success-bg);
  --reader-success-ink:var(--crm-success-ink);
  --reader-warning-bg:var(--crm-warning-bg);
  --reader-warning-ink:var(--crm-warning-ink);
  --ui-font:var(--crm-font);
}
/* iNews 视觉角色（docs/design/inews-visual.md）。写在 CRM 区块之后，压过 Attio/folk 的颜色。
   深色只反转同一批角色名。酸绿只做底，上面的字固定用 --signal-ink。 */
:root {
  --paper:#F3F0E8; --ink:#000000; --body:#000000; --meta:#5E686B;
  --line:#D5CFC3; --hover:#E7E1D4; --signal:#D7FF35; --signal-ink:#172126;
  --reader-selected-bg:var(--signal); --reader-selected-ink:var(--signal-ink);
  --reader-nav-bg:var(--reader-selected-bg); --reader-nav-ink:var(--reader-selected-ink);
  --link:#1E4BB8; --ok:#1F6B45; --warn:#8A5A12; --alert:#A33B32;
  --ok-bg:#E4F2EA; --warn-bg:#F6EEDD; --alert-bg:#F8E8E6; --link-bg:#E7EEF8;
  --crm-canvas:var(--paper); --crm-surface:var(--paper); --crm-soft:var(--hover); --crm-hover:var(--hover);
  --crm-heading:var(--ink); --crm-body:var(--body); --crm-secondary:var(--meta); --crm-meta:var(--meta);
  --crm-frame:var(--line); --crm-control:var(--line); --crm-separator:var(--line); --crm-map-line:var(--line);
  --crm-primary:var(--ink); --crm-on-primary:var(--paper); --crm-focus:var(--link);
  --crm-selected:var(--hover); --crm-selected-ink:var(--ink); --crm-link:var(--link);
  --crm-panel-radius:0px; --crm-input-radius:2px; --crm-action-radius:2px; --crm-tag-radius:2px;
  --crm-heading-size:24px; --crm-heading-weight:600; --crm-title-size:16px; --crm-title-weight:600;
  --crm-title-leading:1.45; --crm-tracking:-.01em; --crm-row-space:12px; --crm-shadow:none;
  --crm-info-bg:var(--link-bg); --crm-info-ink:var(--link);
  --crm-success-bg:var(--ok-bg); --crm-success-ink:var(--ok);
  --crm-warning-bg:var(--warn-bg); --crm-warning-ink:var(--warn);
  --crm-font:var(--font-sans,"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif);
  --reader-link:var(--link);
}
:root[data-appearance="dark"], :root[data-ui-theme="dark"] {
  --paper:#141A1C; --ink:#F3F0E8; --body:#E4DDD0; --meta:#A8A295;
  --line:#3C4648; --hover:#243033;
  --link:#9BB6F5; --ok:#8FCBAA; --warn:#E2C08A; --alert:#F0B0A8;
  --ok-bg:#1A3328; --warn-bg:#3A301C; --alert-bg:#3A2422; --link-bg:#1C2A44;
}
body { font-family: var(--ui-font); color: var(--reader-ink); background: var(--reader-paper); -webkit-font-smoothing: antialiased; }
button,input,select,textarea { font-family: inherit; }
/* Appearance: one "Aa" button in any header; the popover holds mode, font and title size. */
inews-appearance { position:relative; display:inline-flex; flex:none; }
:root inews-appearance .ia-btn { display:inline-grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid transparent; border-radius:2px; background:transparent; color:var(--reader-secondary); font:600 14px/1 var(--ui-font); letter-spacing:-.02em; cursor:pointer; }
:root inews-appearance .ia-btn:hover, :root inews-appearance .ia-btn[aria-expanded="true"] { background:var(--reader-hover); color:var(--reader-heading); border-color:var(--reader-line); }
:root inews-appearance .ia-pop { position:absolute; right:0; top:calc(100% + 8px); z-index:60; width:288px; padding:8px 14px; box-sizing:border-box; background:var(--reader-paper); border:1px solid var(--reader-line); border-radius:6px; box-shadow:0 8px 24px rgba(23,33,38,.12); }
:root inews-appearance .ia-pop[hidden] { display:none; }
:root inews-appearance .ia-row { display:grid; gap:6px; padding:8px 0; }
:root inews-appearance .ia-row + .ia-row { border-top:1px solid var(--reader-line); }
:root inews-appearance .ia-label { color:var(--reader-muted); font:500 12px/1.4 var(--ui-mono,var(--ui-font)); letter-spacing:.02em; }
:root inews-appearance .ia-seg { display:flex; gap:2px; padding:2px; border-radius:2px; background:var(--reader-panel); }
:root inews-appearance .ia-seg button { flex:1; min-width:0; padding:5px 6px; border:0; border-radius:2px; background:transparent; color:var(--reader-secondary); font:500 12.5px/1.4 var(--ui-font); cursor:pointer; white-space:nowrap; }
:root inews-appearance .ia-seg button:hover { color:var(--reader-heading); }
:root inews-appearance .ia-seg button[aria-checked="true"] { background:var(--reader-selected-bg); color:var(--reader-selected-ink); box-shadow:none; }
@media(max-width:800px) { :root inews-appearance .ia-pop { position:fixed; top:56px; right:12px; width:min(300px,calc(100vw - 24px)); } }

:root { --reader-positive:var(--ok); --reader-danger:var(--alert); }

/* Semantic roles are shared by the timeline, library and generated reading pages. */
body { color:var(--reader-body); }
:where(h1,h2,h3) { color:var(--reader-heading); font-weight:var(--reader-heading-weight); letter-spacing:var(--reader-tracking); }
:where(button,input,select,textarea):focus-visible { outline:2px solid var(--reader-focus); outline-offset:2px; }
::selection { background:var(--reader-active); color:var(--reader-heading); }
button:disabled { opacity:.45; cursor:default; }

/* Optional, self-hosted Zhuque Fangsong v0.212 (SIL OFL 1.1).
   No preload: browsers request this face only when the user selects it. */
@font-face { font-family:'Inews Fangsong'; src:url('./ZhuqueFangsong-v0.212.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
/* 2026-09-22: 全站字体来自 infra 字体包 (fonts/fonts.css: Inter + Noto Sans SC, 按频率切片, OFL)。
   页面先加载 fonts/fonts.css 再加载本文件; 没加载到时回退系统字体, 但那不是目标状态。 */
:root { --ui-font:var(--font-sans,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",-apple-system,BlinkMacSystemFont,sans-serif); --ui-mono:var(--font-mono,ui-monospace,Menlo,monospace); }
:root[data-font="fangsong"] { --ui-font:'Inews Fangsong',"FangSong","STFangsong",serif; --reader-title-weight:400; }
:root[data-text-size="14"] { --reader-title-size:14px; }
:root[data-text-size="16"] { --reader-title-size:16px; }
:root[data-text-size="18"] { --reader-title-size:18px; }
:root[data-text-size="20"] { --reader-title-size:20px; }
:root[data-text-size="22"] { --reader-title-size:22px; }

:root .raw-library, :root .raw-library .article-title { font-family:var(--ui-font); }
:root .raw-library .article-title { font-size:var(--reader-title-size); }
/* Historical reading pages pick up this shared stylesheet without rewriting article content. */
body:has(> .frame--read) > .console { display:none; }
body > .frame--read { padding-top:24px; }