/* ATAMAN customer-facing UX fixes, 2026-09-13. */

/* Keep blog listing cards calm and predictable even when the source is portrait. */
.ataman-blog-list .item-media.post-thumbnail {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: #080b1a;
}

.ataman-blog-list .item-media.post-thumbnail > a {
    display: block;
    width: 100%;
    height: 100%;
}

.ataman-blog-list .item-media.post-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Preserve an obvious keyboard focus state on clickable image cards. */
.ataman-blog-list .item-media.post-thumbnail > a:focus-visible {
    outline: 3px solid #e83d57;
    outline-offset: -3px;
}

/* ATAMAN actionable contact details. */
.ataman-contact-link {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.ataman-contact-link:hover,
.ataman-contact-link:focus-visible {
    color: #e83d57;
}