/* =====================================================================
   CONTACT  -  terminal block + contact cards.
   ===================================================================== */

.term .pr{color:var(--teal)}

.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}
.cgrid>*{min-width:0}
.ccard{display:block;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 22px;color:var(--text);font:500 15px var(--mono);word-break:break-all;transition:border-color var(--motion) var(--ease),transform var(--motion) var(--ease),box-shadow var(--motion) var(--ease),background-color var(--motion) var(--ease)}
.ccard:hover{border-color:var(--blue);text-decoration:none;color:var(--strong);transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.ccard:active{transform:translateY(-1px) scale(.99)}
.ccard .cl{transition:color var(--motion) var(--ease)}
.ccard:hover .cl{color:var(--blue)}

@media (prefers-reduced-motion:reduce){
  .ccard{transition:none}
  .ccard:hover,.ccard:active{transform:none}
}