/* Discipline page extras (extends src/styles.css) */

.hero-grid {
  position: absolute; inset: 0; pointer-events: none; opacity: .06;
  background-image:
    linear-gradient(#0E0E10 1px, transparent 1px),
    linear-gradient(90deg, #0E0E10 1px, transparent 1px);
  background-size: 52px 52px;
}

.cap-card {
  transition: background-color .35s, color .35s, border-color .35s, transform .35s;
}
.cap-card:hover {
  background: #0E0E10; color: #F5F3EE; border-color: #0E0E10; transform: translateY(-3px);
}
.cap-card:hover .cap-num { color: var(--accent, #A8D94A); }
.cap-num { transition: color .3s; }

.deliv-row { transition: background-color .3s, padding-left .3s; }
.deliv-row:hover { background: rgba(14,14,16,.04); padding-left: 12px; }

.faq-item summary { cursor: pointer; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item .chev { transition: transform .3s ease; }
.faq-item[open] .chev { transform: rotate(45deg); }
.faq-item[open] summary { color: #0E0E10; }
.faq-item { border-bottom: 1px solid rgba(14,14,16,.1); }

.crumb a { transition: color .25s; }
.crumb a:hover { color: #0E0E10; }

.case-mini { transition: transform .35s; }
.case-mini:hover { transform: translateY(-4px); }

.kpi-tile { transition: border-color .3s, transform .3s; }
.kpi-tile:hover { border-color: #0E0E10; transform: translateY(-2px); }

.scribble-stroke { stroke-dasharray: 600; stroke-dashoffset: 600; animation: scribble 1.6s cubic-bezier(.6,.1,.2,1) .4s forwards; }
@keyframes scribble { to { stroke-dashoffset: 0; } }

.tag-pill {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .35rem .8rem; border-radius: 999px;
  border: 1px solid rgba(14,14,16,.15);
  font-size: 12.5px; color: rgba(14,14,16,.75);
}

.disc-card-link {
  transition: background-color .35s, color .35s, transform .35s, border-color .35s;
}
.disc-card-link:hover {
  background: #0E0E10; color: #F5F3EE; border-color: #0E0E10; transform: translateY(-3px);
}
.disc-card-link:hover .arr { transform: translate(4px,-4px); color: #A8D94A; }
.arr { transition: transform .3s, color .3s; }