/* Devint - cases page styles (shared rules are in ../common.css) */

.casegrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.case{padding:32px;display:flex;flex-direction:column;gap:16px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s}
.case.wide{grid-column:1/-1}
.case h2{font-size:18px;font-weight:800;color:var(--navy);letter-spacing:-.015em;line-height:1.3}
.sig{display:flex;gap:8px;flex-wrap:wrap}
.sig span{font-size:11px;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.03em}
.sig .lo{background:#FAECE7;color:#993C1D}
.sig .hi{background:#E1F5EE;color:#0F6E56}
.case h3{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.case p{font-size:14px;color:#5A5D66;line-height:1.65;margin-top:6px}
.case .blk+ .blk{margin-top:2px}
@media (max-width:800px){.casegrid{grid-template-columns:1fr}}