/* ERP36T company profile pages (/<slug>/, written by .tools/build-companies.py).
   Everything else on these pages is erp36t.css; this only adds the logo tile,
   the "at a glance" facts list and the document cards. */
.co-hero{display:grid;gap:22px;align-items:start}
@media(min-width:760px){.co-hero{grid-template-columns:auto 1fr;gap:34px}}
.co-logo{width:112px;height:112px;border-radius:var(--radius-lg);background:#fff;display:grid;place-items:center;padding:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);position:relative}
.co-logo img{width:100%;height:100%;object-fit:contain}
.co-logo-text{font-family:var(--display);font-size:52px;font-weight:700;color:var(--ink)}
@media(min-width:760px){.co-logo{width:148px;height:148px;margin-top:6px}}

.co-facts dl{margin:0;display:grid;gap:0}
.co-facts dl>div{display:grid;grid-template-columns:minmax(96px,34%) 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--border-dark)}
.co-facts dl>div:last-child{border-bottom:0}
.co-facts dt{font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-dark)}
.co-facts dd{margin:0;color:#fff;font-size:14.5px;overflow-wrap:anywhere}
.co-facts dd a{color:#fff;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}

.co-best .card h3{font-size:19px}
.co-sub{font-size:18px;margin:34px 0 4px}

body[data-page="company"] .lede+.lede{margin-top:12px}

/* documents (PDF cards, last section) */
.co-doc{display:flex;flex-direction:column}
.co-doc .co-doc-ico{align-self:flex-start;font:700 11px/1 var(--sans);letter-spacing:.08em;color:#fff;background:var(--danger);border-radius:4px;padding:6px 7px;margin-bottom:14px}
.co-doc p{flex:0 0 auto}
.co-doc .co-doc-meta{font-size:12.5px;color:var(--muted-light);margin-top:10px}
.co-doc .co-doc-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:16px}