/* ==========================================================================
   Team (/team.php) — дополнения к css/company-about.css (общие классы страниц компании), 08.10.2026.
   Заменяет css/chrome.css + css/terminal.css на этой странице.
   ========================================================================== */
.tq-hero{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:40px; align-items:end; }
.tq-metrics{ margin:0; padding:18px 20px; background:var(--site-bg-soft,#f6f8fc); border-top:3px solid var(--site-accent,#2d4bdb); border-radius:0 0 12px 12px; }
.tq-metrics > div{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:8px 0; border-bottom:1px solid var(--site-line,#e2e6f2); }
.tq-metrics > div:last-child{ border-bottom:none; }
.tq-metrics dt{ font-weight:500; color:var(--site-muted,#5c6690); }
.tq-metrics dd{ margin:0; font-size:1.25rem; font-weight:700; color:var(--site-ink,#0b1020); font-variant-numeric:tabular-nums; }

.tq-member{ display:flex; flex-direction:column; }
.tq-name{ margin:0 0 .2rem; font-size:1.35rem; font-weight:700; color:var(--site-ink,#0b1020); }
.tq-vendor{ font-size:.85rem; font-weight:500; color:var(--site-muted,#5c6690); }
.tq-role{ margin-bottom:.75rem; font-weight:600; color:var(--site-link,#2d4bdb); }
.tq-caps{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 1rem; padding:0; list-style:none; }
.tq-caps li{ padding:3px 10px; border-radius:999px; font-size:.8rem; font-weight:600; background:var(--site-accent-soft,#eef1ff); color:var(--site-link,#2d4bdb); }
.tq-tasks{ margin-top:auto; padding:14px 16px; border-radius:10px; background:var(--site-surface,#fff); border:1px solid var(--site-line,#e2e6f2); }
.tq-tasks ul{ margin:0; padding-inline-start:1.2rem; font-size:.92rem; color:var(--site-text,#3a4366); }
.tq-tasks li{ margin-bottom:.25rem; }

.tq-phil-lead{ font-size:1.3rem; font-weight:600; line-height:1.45; color:var(--site-ink,#0b1020) !important; }
.tq-phil p:last-child{ margin-bottom:0; }

.tq-why{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }

@media (max-width:991.98px){ .tq-hero{ grid-template-columns:1fr; gap:20px; } }
@media (max-width:575.98px){ .tq-why{ grid-template-columns:1fr; } }