.rin-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 18px;
  border: 1px solid #e6dcf2;
  border-radius: 18px;
  background: #faf7fd;
  color: var(--text, #1d2422);
}
.rin-card[hidden] { display: none; }
.rin-card-head { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rin-avatar { display: block; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; object-position: center 38%; background: #eee5f8; }
.rin-byline { font-size: .8rem; font-weight: 700; line-height: 1.35; color: #61477a; }
.rin-card h2 { margin: 0; font-size: 1.06rem; line-height: 1.3; }
.rin-card p { margin: 0; color: var(--muted, #6c7773); font-size: .9rem; line-height: 1.55; overflow-wrap: anywhere; }
.rin-card a { width: fit-content; color: #61477a; font-size: .9rem; font-weight: 700; text-decoration: none; }
.rin-card a:hover, .rin-footer-link:hover { text-decoration: underline; }
.rin-footer { display: flex; justify-content: center; max-width: 1220px; margin: 24px auto 0; padding: 16px 18px; border-top: 1px solid var(--line, #e4e9e5); font-size: .9rem; }
.rin-footer-link { color: #61477a; text-decoration: none; overflow-wrap: anywhere; }
@media (max-width: 600px) { .rin-card { padding: 15px; } }