.ani-results {
    position: relative;
}

body.single-ani_defteri .entry-title,
body.single-ani_defteri .post-title,
body.single-ani_defteri .wp-block-post-title,
body.single-ani_defteri .single-post-title {
    display: none !important;
}

.ani-card-grid {
    display: grid;
    gap: 0.95rem;
}

.ani-card {
    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid #dbe5ef;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(21, 39, 61, 0.08);
    animation: aniCardIn 0.35s ease both;
}

.ani-card-media-link {
    display: block;
    background: linear-gradient(135deg, #e9f3fb, #f2f8ff);
}

.ani-card-thumb {
    width: 100%;
    height: clamp(180px, 36vw, 220px);
    max-height: 220px;
    object-fit: cover;
    display: block;
}

.ani-card-thumb-placeholder {
    display: grid;
    place-items: center;
    font-family: "Newsreader", Georgia, serif;
    font-size: clamp(2.4rem, 8vw, 3.2rem);
    color: #487184;
}

.ani-card-content {
    display: grid;
    gap: 0.56rem;
    padding: 0.88rem 0.92rem 0.95rem;
}

.ani-card-title {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.24;
    font-family: "Newsreader", Georgia, serif;
}

.ani-card-title a {
    text-decoration: none;
    color: #1f2a37;
}

.ani-card-title a:hover,
.ani-card-title a:focus {
    color: #24586a;
}

.ani-life-dates {
    margin: 0;
    font-size: 0.86rem;
    font-weight: 700;
    color: #3e6a7b;
}

.ani-card-submeta {
    margin: 0;
    color: #5e6e7c;
    font-size: 0.82rem;
}

.ani-card-excerpt {
    margin: 0;
    color: #4a5968;
    font-size: 0.92rem;
    line-height: 1.58;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.ani-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.7rem;
    color: #5f6f7f;
    font-size: 0.81rem;
}

.ani-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.36rem;
}

.ani-tag {
    display: inline-flex;
    align-items: center;
    border: 1px solid #cbe0ec;
    border-radius: 999px;
    padding: 0.2rem 0.52rem;
    background: #f1f8fc;
    color: #2f6478;
    font-size: 0.75rem;
}

.ani-card-read-more {
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    margin-top: 0.1rem;
    text-decoration: none;
    color: #2b6a80;
    font-weight: 700;
    font-size: 0.9rem;
}

.ani-card-read-more:hover,
.ani-card-read-more:focus {
    color: #214e60;
}

.ani-card-read-more::after {
    content: ">";
    font-size: 0.9rem;
}

.ani-follow-form {
    margin-top: 0.12rem;
}

.ani-follow-btn {
    border: 1px solid #cde0eb;
    border-radius: 999px;
    background: #f3f9fd;
    color: #245f74;
    padding: 0.36rem 0.72rem;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.ani-follow-btn:hover,
.ani-follow-btn:focus {
    background: #e8f3f9;
}

.ani-follow-btn.is-following {
    border-color: #9ec7da;
    background: #e1eff7;
    color: #17485b;
}

.ani-single-card {
    border: 1px solid #dbe5ef;
    border-radius: 16px;
    background: #ffffff;
    padding: clamp(0.9rem, 2.2vw, 1.25rem);
}

.ani-single-card img {
    max-width: 100%;
    height: auto;
}

.ani-single-header h1 {
    margin: 0;
    font-family: "Newsreader", Georgia, serif;
    font-size: clamp(1.7rem, 4.6vw, 2.45rem);
    line-height: 1.12;
    color: #1f2a37;
}

.ani-single-header .ani-follow-form {
    margin-top: 0.55rem;
}

.ani-profile-top {
    margin-top: 0.9rem;
    display: grid;
    gap: 0.82rem;
}

.ani-profile-photo img,
.ani-profile-photo-placeholder {
    width: 100%;
    height: clamp(220px, 52vw, 410px);
    border-radius: 14px;
    border: 1px solid #d7e3ee;
    object-fit: cover;
    background: linear-gradient(135deg, #eaf4fb, #f4f9ff);
}

.ani-profile-photo--compact img,
.ani-profile-photo--compact .ani-profile-photo-placeholder {
    height: clamp(180px, 44vw, 320px);
}

.ani-profile-photo--balanced img,
.ani-profile-photo--balanced .ani-profile-photo-placeholder {
    height: clamp(220px, 52vw, 410px);
}

.ani-profile-photo--cinematic img,
.ani-profile-photo--cinematic .ani-profile-photo-placeholder {
    height: clamp(260px, 62vw, 520px);
}

.ani-profile-photo-placeholder {
    display: grid;
    place-items: center;
    font-size: clamp(2.8rem, 13vw, 4.2rem);
    font-family: "Newsreader", Georgia, serif;
    color: #4a7082;
}

.ani-profile-summary {
    border: 1px solid #d8e3ed;
    border-radius: 13px;
    background: #f8fbff;
    padding: 0.95rem 1rem;
}

.ani-profile-summary p {
    margin: 0;
    color: #2f3f51;
    line-height: 1.66;
}

.ani-profile-details,
.ani-story-section,
.ani-gallery-section,
.ani-comments-section {
    margin-top: 0.95rem;
    border: 1px solid #dbe5ef;
    border-radius: 13px;
    background: #ffffff;
    padding: 0.92rem;
}

.ani-profile-details h2,
.ani-story-section h2,
.ani-gallery-section h2,
.ani-comments-section h2 {
    margin: 0 0 0.7rem;
    font-family: "Newsreader", Georgia, serif;
    font-size: clamp(1.25rem, 3.8vw, 1.65rem);
    color: #1f2a37;
}

.ani-profile-grid {
    display: grid;
    gap: 0.56rem;
}

.ani-profile-item {
    border: 1px solid #dce6ef;
    border-radius: 10px;
    background: #f8fbff;
    padding: 0.62rem 0.68rem;
}

.ani-profile-item span {
    display: block;
    color: #617284;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.ani-profile-item strong {
    display: block;
    margin-top: 0.2rem;
    color: #1f2a37;
    font-size: 0.94rem;
}

.ani-single-content {
    margin: 0;
    max-width: 78ch;
    color: #2f4051;
    line-height: 1.72;
}

.ani-gallery-collapsible {
    margin-top: 0.25rem;
}

.ani-gallery-collapsible summary {
    list-style: none;
    cursor: pointer;
    border: 1px solid #d5e2ec;
    border-radius: 10px;
    background: #f7fbff;
    color: #2d5f73;
    padding: 0.64rem 0.72rem;
    font-size: 0.9rem;
    font-weight: 700;
}

.ani-gallery-collapsible summary::-webkit-details-marker {
    display: none;
}

.ani-gallery-collapsible summary::after {
    content: "+";
    float: right;
    font-size: 1rem;
    line-height: 1;
}

.ani-gallery-collapsible[open] summary::after {
    content: "-";
}

.ani-single-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 0.55rem;
    margin-top: 0.72rem;
}

.ani-single-gallery-item img {
    width: 100%;
    aspect-ratio: 1 / 1;
    max-height: 160px;
    border-radius: 10px;
    border: 1px solid #dbe6ef;
    object-fit: cover;
    display: block;
}

.ani-comments-section {
    border-top-width: 1px;
}

.ani-comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.62rem;
}

.ani-comment-item {
    border: 1px solid #dce6ef;
    border-radius: 10px;
    background: #f8fbff;
    padding: 0.72rem 0.78rem;
}

.ani-comment-head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.35rem 0.6rem;
    color: #5f7081;
    font-size: 0.83rem;
}

.ani-comment-item p {
    margin: 0.44rem 0 0;
    color: #314255;
    line-height: 1.55;
}

.ani-comment-form-wrap {
    margin-top: 0.88rem;
    border-top: 1px solid #e4ecf3;
    padding-top: 0.9rem;
}

.ani-comment-form-wrap .comment-reply-title {
    margin: 0 0 0.55rem;
    font-family: "Newsreader", Georgia, serif;
    font-size: 1.25rem;
}

.ani-comment-form-wrap .comment-form {
    display: grid;
    gap: 0.7rem;
}

.ani-comment-form-wrap .comment-form p {
    margin: 0;
}

.ani-comment-form-wrap input[type="text"],
.ani-comment-form-wrap input[type="email"],
.ani-comment-form-wrap input[type="url"],
.ani-comment-form-wrap textarea {
    width: 100%;
    border: 1px solid #d7e3ee;
    border-radius: 10px;
    padding: 0.66rem 0.72rem;
    background: #ffffff;
    color: #1f2a37;
}

.ani-comment-form-wrap textarea {
    min-height: 120px;
    resize: vertical;
}

.ani-comment-form-wrap input[type="text"]:focus,
.ani-comment-form-wrap input[type="email"]:focus,
.ani-comment-form-wrap input[type="url"]:focus,
.ani-comment-form-wrap textarea:focus {
    outline: none;
    border-color: rgba(47, 109, 132, 0.52);
    box-shadow: 0 0 0 3px rgba(47, 109, 132, 0.14);
}

.ani-comment-form-wrap input[type="submit"] {
    border: 0;
    border-radius: 10px;
    padding: 0.7rem 0.94rem;
    color: #ffffff;
    background: linear-gradient(135deg, #2f6d84, #4f8ea2);
    font-weight: 700;
    cursor: pointer;
}

.ani-comment-form-wrap input[type="submit"]:hover,
.ani-comment-form-wrap input[type="submit"]:focus {
    background: linear-gradient(135deg, #24586a, #2f6d84);
}

@keyframes aniCardIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (min-width: 700px) {
    .ani-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ani-profile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ani-single-gallery {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
}

@media (min-width: 980px) {
    .ani-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }

    .ani-profile-top {
        grid-template-columns: minmax(260px, 350px) 1fr;
        align-items: start;
    }

    .ani-profile-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ani-single-gallery {
        grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .ani-card {
        animation: none;
    }
}