@charset "UTF-8";
/* AI company tracker (test). v2 shell: sidebar = sector index, one card per sector, one row per company. ASCII only. */

body.cop{--c-us:var(--blue);--c-us-bg:rgba(1,52,170,.07);--c-cn:#B0631E;--c-cn-bg:#FBEFE3;--c-ot:#6B7180;--c-ot-bg:#EEF0F3}
[data-theme="dark"] body.cop{--c-us-bg:rgba(124,159,242,.14);--c-cn:#EBB487;--c-cn-bg:rgba(227,160,102,.14);--c-ot:#A3A9B4;--c-ot-bg:rgba(255,255,255,.07)}

/* sector index in the sidebar */
body.cop .co-l{font-size:12px;font-weight:700;color:var(--ink-faint);letter-spacing:.06em;margin:18px 0 4px 8px}
body.cop .co-nav ol{list-style:none;margin:0;padding:0}
body.cop .co-nav ol a{display:flex;align-items:baseline;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px;line-height:1.55;color:var(--ink-soft);border:none;transition:background .2s,color .2s}
body.cop .co-nav ol a:hover{background:var(--blue-wash);color:var(--ink)}
body.cop .co-nav .t{flex:1}
body.cop .co-nav ol a.z{opacity:.4}
body.cop .co-nav .n{font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--ink-faint)}

/* country tag: blue = US, orange = China, grey = others */
body.cop .ct{display:inline-block;font-style:normal;font-size:11.5px;line-height:18px;padding:0 6px;border-radius:3px;font-weight:500;white-space:nowrap}
body.cop .ct.us{color:var(--c-us);background:var(--c-us-bg)}
body.cop .ct.cn{color:var(--c-cn);background:var(--c-cn-bg)}
body.cop .ct.ot{color:var(--c-ot);background:var(--c-ot-bg)}

/* filter bar */
body.cop .co-bar{display:flex;align-items:center;gap:16px;margin:36px 0 8px;flex-wrap:wrap}
body.cop .co-flt{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--card);box-shadow:var(--shadow-sm)}
body.cop .co-flt button{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border:none;border-radius:999px;background:none;cursor:pointer;font:inherit;font-size:13px;color:var(--ink-soft);white-space:nowrap}
body.cop .co-flt button b{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:12px;color:var(--ink-faint)}
body.cop .co-flt button:hover{background:var(--blue-wash)}
body.cop .co-flt button.on{background:var(--rail);color:var(--ink);box-shadow:inset 0 0 0 1px var(--edge2)}
body.cop .co-q{margin-left:auto;width:220px;height:34px;padding:0 14px;border-radius:999px;border:none;background:var(--card);box-shadow:var(--shadow-sm);font:inherit;font-size:13.5px;color:var(--ink);outline:none}
body.cop .co-q:focus{box-shadow:0 0 0 2px var(--blue-ghost),var(--shadow-sm)}
body.cop .co-empty{margin:40px 2px;color:var(--ink-faint);font-size:14.5px}

/* layer headings and sector cards */
body.cop .co-layer{display:flex;align-items:center;gap:12px;margin:48px 2px 16px;font-family:"Noto Serif SC",serif;font-weight:900;font-size:19px;color:var(--ink);scroll-margin-top:76px}
body.cop .co-layer::after{content:"";flex:1;height:1px;background:var(--edge2)}
body.cop .co-g{overflow:hidden;margin-bottom:24px}
body.cop .co-h{display:flex;align-items:baseline;gap:10px;padding:22px 30px 14px 34px}
body.cop .co-h h3{margin:0;font-size:17px;line-height:1.5}
body.cop .co-h .en{font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--ink-faint);letter-spacing:.04em}
body.cop .co-h .co-n{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--ink-faint)}

/* rows: name | country | founded | capital | site */
body.cop .co-th,body.cop li.co{display:grid;grid-template-columns:minmax(0,200px) 52px 44px minmax(0,1fr) 52px;column-gap:16px;align-items:baseline;padding-left:34px;padding-right:30px}
body.cop .co-th{padding-top:8px;padding-bottom:8px;background:var(--rail);box-shadow:inset 0 1px 0 var(--edge),inset 0 -1px 0 var(--edge);font-size:12px;color:var(--ink-faint)}
body.cop .co-rows{list-style:none;margin:0;padding:0 0 6px}
body.cop li.co{padding-top:11px;padding-bottom:11px;font-size:14.5px;line-height:1.6;color:var(--body);transition:background .15s}
body.cop li.co+li.co{box-shadow:inset 0 1px 0 var(--edge)}
body.cop li.co:hover{background:var(--blue-wash)}
body.cop li.co .ct{justify-self:start}
body.cop li.co[hidden],body.cop .co-g[hidden]{display:none}
body.cop .nm{font-weight:600;color:var(--ink)}
body.cop .yr{font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--ink-soft)}
body.cop .cap{font-size:13.5px;color:var(--body)}
body.cop .cap .dt{font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--ink-soft);margin-right:8px}
body.cop .go{justify-self:end;font-size:12.5px;color:var(--blue);border:none;white-space:nowrap}
body.cop .go i{font-style:normal;margin-left:2px}
body.cop .go:hover{text-decoration:underline}
body.cop .go.none{color:var(--ink-faint)}

@media (max-width:920px){
  body.cop .co-th{display:none}
  body.cop li.co{grid-template-columns:auto auto 1fr auto;row-gap:2px;padding-left:22px;padding-right:22px}
  body.cop .nm{grid-column:1/4}
  body.cop .go{grid-column:4;grid-row:1}
  body.cop .ct{grid-row:2;grid-column:1}
  body.cop .yr{grid-row:2;grid-column:2}
  body.cop .cap{grid-row:3;grid-column:1/5}
  body.cop .co-h{padding:20px 22px 12px}
  body.cop .co-q{width:100%;margin-left:0}
  body.cop .co-flt button{padding:5px 9px}
}