/* ─── Drawing Schedule — sheet cards ─────────────────────────── */
.capabilities { margin-top: 64px; }

.cap-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 18px;
  padding-bottom: 8px;
  border-bottom: 1.5px solid var(--rule);
  position: relative;
}
.cap-header::after {
  /* second rule — title-block style */
  content: '';
  position: absolute;
  left: 0; right: 0;
  bottom: -5px;
  height: 1px;
  background: var(--rule);
  opacity: 0.55;
}
.cap-header h2 {
  font-family: var(--display);
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink);
}
.cap-header .cap-label {
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--rust);
}
[data-theme="light"] .cap-header .cap-label { color: var(--rust-lo); }

.cap-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
  gap: 1px;
  background: var(--border-strong);
  border: 1.5px solid var(--border-strong);
  border-radius: 1px;
  overflow: hidden;
}
.cap-card {
  background: var(--panel);
  padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  position: relative;
  transition: background .2s;
}
.cap-card:hover { background: var(--hover); }

/* Top sheet-tag bar — like a drawing's title strip */
.cap-card::before {
  content: '';
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 3px;
  background: var(--blueprint);
  opacity: 0.55;
}
[data-theme="light"] .cap-card::before {
  background: var(--blueprint-lo);
  opacity: 0.75;
}

.cap-card .cap-num {
  position: absolute;
  top: 10px; right: 14px;
  font-family: var(--mono);
  font-size: 9.5px;
  font-weight: 500;
  color: var(--ink-faint);
  letter-spacing: 0.14em;
}
.cap-card h3 {
  font-family: var(--display);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink);
  margin-top: 8px;
}
.cap-card .formats {
  font-family: var(--mono);
  font-size: 10px;
  line-height: 1.85;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.cap-card .formats b { color: var(--rust); font-weight: 500; }
[data-theme="light"] .cap-card .formats b { color: var(--rust-lo); }