/**
 * Updates Teaser ("Dispatches") — RFDD.org · "Hero World" redesign (INDEX P6)
 * Ported verbatim from the signed-off design file (`.disp*`). Homepage-only.
 * Shared chrome (.sect, .btn) lives in home-shell.css.
 */

.disp__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.disp { border: 1px solid var(--line); background: var(--bg-panel); padding: 22px; display: flex; flex-direction: column; gap: 10px; text-decoration: none; transition: transform .25s, border-color .25s, box-shadow .25s; clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)); }
.disp:hover { transform: translateY(-4px); border-color: rgba(0, 245, 255, .45); box-shadow: 0 12px 34px rgba(0, 0, 0, .45), 0 0 20px rgba(0, 245, 255, .1); }
.disp__meta { display: flex; justify-content: space-between; font-family: var(--font-mono); font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--text-dim); }
.disp__meta b { color: var(--neon-cyan); font-weight: 400; }
.disp__title { font-family: var(--font-display); font-size: 19px; color: var(--text); line-height: 1.25; }
.disp__x { font-size: 13px; line-height: 1.6; color: var(--text-dim); flex: 1; }
.disp__go { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--neon-green); }

@media (max-width: 860px) { .disp__grid { grid-template-columns: 1fr; } }