/* "Latest on The Wall" strip in the parent portal. Flat card, blue only on links. */
.wt-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 18px 20px 20px; margin: 0 0 24px; }
.wt-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 14px; }
.wt-title { margin: 0; font: 700 1rem/1.3 'Inter', sans-serif; color: #111827; }
.wt-all { font: 600 0.875rem/1 'Inter', sans-serif; color: #2563eb; text-decoration: none; }
.wt-all:hover { text-decoration: underline; }
.wt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.wt-tile { position: relative; display: block; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; background: #f3f4f6; }
.wt-tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .2s ease; }
.wt-tile:hover img { transform: scale(1.03); }
.wt-tile:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
.wt-play { position: absolute; right: 8px; bottom: 8px; width: 26px; height: 26px; border-radius: 50%; background: rgba(17,24,39,.72); display: grid; place-items: center; }
.wt-play svg { width: 14px; height: 14px; fill: #fff; margin-left: 2px; }
.wt-empty { margin: 0; font: 400 0.9375rem/1.5 'Inter', sans-serif; color: #4b5563; }
.wt-empty a { color: #2563eb; font-weight: 600; text-decoration: none; }
@media (min-width: 900px) { .wt-grid { grid-template-columns: repeat(3, minmax(0, 180px)); } }
@media (prefers-reduced-motion: reduce) { .wt-tile img { transition: none; } }
