/* The parent company pages (render/companies.mjs). Loaded after p9-home.css and p9-operator.css; tokens only.
   Reuses opc-*, p9-figs, p9-dt and tile; these are the few rules those do not cover. */
.tile.co-tile { background: var(--brand-tint); color: var(--brand-deep); border-color: var(--brand-line); font-family: var(--ui); font-weight: 700; }
.co-kicker { font-family: var(--ui); font-size: var(--t-2xs); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--brand-ink); margin: 0 0 2px; word-spacing: 0.14em; }
.co-dash { color: var(--ink-3); }
.co-panel-h { margin: 0 0 var(--s-3); }
.co-line { font-size: var(--t-sm); color: var(--ink-2); margin: 10px 0 0; }
.co-later { color: var(--ink-3); }
.co-name { font-family: var(--display); font-weight: 600; color: var(--ink); }
.co-tw { margin-top: 8px; overflow-x: auto; }
.co-runs { font-size: var(--t-sm); }
.co-more { margin-top: var(--s-5); }
.co-lead { font-size: var(--t-sm); color: var(--ink-2); margin: 4px 0 var(--s-3); max-width: 65ch; }
.co-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 20px; }
.co-chips li { display: flex; align-items: center; gap: 10px; min-width: 0; }
.co-chips .tile { width: 34px; height: 34px; flex: none; font-size: var(--t-xs); }