.home-message-first { background: #f6faf8; border-color: #dcebe3; }
.home-message-first-copy { margin: 8px 0 18px; color: #4d5953; line-height: 1.6; }
.home-recent-caption { margin: 0 0 10px; font-size: 13px; font-weight: 650; }
.home-recent-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.home-recent-card { padding: 14px; border: 1px solid #e1e7e3; border-radius: 14px; background: #fff; min-width: 0; }
.home-recent-card[hidden], [data-recent-caption][hidden],
html[data-host-gender="female"] [data-recent-host]:not([data-gender="female"]),
html[data-host-gender="male"] [data-recent-host]:not([data-gender="male"]) { display: none; }
.home-recent-profile { display: flex; gap: 10px; align-items: center; color: inherit; text-decoration: none; min-width: 0; }
.home-recent-profile img, .home-recent-avatar { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; object-fit: cover; }
.home-recent-avatar { display: grid; place-items: center; background: #eaf1ec; font-weight: 700; }
.home-recent-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.home-recent-info strong { overflow-wrap: anywhere; font-size: 15px; }
.home-recent-info > span { color: #53685b; font-size: 12px; }
.home-recent-message { display: block; margin-top: 12px; padding: 11px 10px; border-radius: 9px; background: #182d23; color: #fff; text-align: center; text-decoration: none; font-size: 13px; font-weight: 650; line-height: 1.45; word-break: keep-all; overflow-wrap: anywhere; }
.home-recent-message:hover { background: #294837; }
.home-message-first-hint { color: #59625d; font-size: 12px; line-height: 1.6; margin: 14px 0 12px; }
.home-message-first-secondary { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.home-message-first-secondary a, .home-message-first-secondary button { color: #344d40; background: none; border: 0; padding: 8px 0; font: inherit; font-size: 13px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.home-message-first-secondary button[aria-pressed="true"] { text-decoration: none; }
.home-recent-profile:focus-visible, .home-recent-message:focus-visible,
.home-message-first-secondary :focus-visible { outline: 2px solid #296b4b; outline-offset: 3px; }
@media (max-width: 520px) {
    .home-recent-list { grid-template-columns: 1fr; }
    .home-recent-card { display: flex; align-items: center; gap: 12px; padding: 12px; }
    .home-recent-profile { flex: 1; }
    .home-recent-message { flex: 0 0 108px; margin-top: 0; padding: 10px 7px; }
}