/* Page: capability (foil-bearings, flameless-combustion)
 * Rôle: pages de compétence détaillées (chiffres clés, tableau de spécifications, FAQ, CTA).
 * Dépendances: tokens globaux + media-blocks.css + technology.css (tech-block).
 */
.capability-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.capability-stats .stat .value{
  color:var(--accent);
}

.spec-table-wrap{
  overflow-x:auto;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--panel);
}

.spec-table{
  width:100%;
  border-collapse:collapse;
  font-size:15px;
}

.spec-table th,
.spec-table td{
  padding:14px 18px;
  text-align:left;
  border-bottom:1px solid var(--border);
}

.spec-table th{
  color:var(--accent);
  font-weight:600;
}

.spec-table tr:last-child td{
  border-bottom:0;
}

.spec-note{
  margin-top:12px;
  color:var(--muted);
  font-size:14px;
}

.capability-list{
  margin:16px 0 0;
  padding-left:18px;
  color:#d7e2ef;
  line-height:1.8;
}

.faq details{
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--panel);
  padding:18px 22px;
  margin-bottom:14px;
}

.faq summary{
  cursor:pointer;
  font-weight:600;
}

.faq details p{
  margin:12px 0 0;
  color:var(--muted);
  line-height:1.8;
}

.capability-cta{
  text-align:center;
}

.capability-cta .btns{
  justify-content:center;
  margin-top:22px;
}

@media (max-width: 900px) {
  .capability-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

.tech-content h2{
  font-size:clamp(22px, 2.4vw, 28px);
  margin:0 0 14px 0;
}

.rd-card-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}

.rd-name{
  font-weight:800;
  letter-spacing:.06em;
  color:var(--accent);
}

.rd-status{
  font-size:13px;
  padding:6px 12px;
}

.rd-card h3{
  margin:0 0 8px 0;
}

.rd-programme{
  margin:0 0 12px 0;
  font-size:14px;
  color:var(--accent2);
}