/* Only generic species identity cards; frozen /kus/246 never loads this file. */
.detail-tabs-arrow { display: none; }
@media (max-width: 760px) {
    body:has(#species-detail-content) .page-header--species > .container { display: grid !important; grid-template-columns: minmax(0,1fr) 132px; align-items: center !important; gap: 12px !important; width: 100%; padding-inline: 12px; box-sizing: border-box; }
    body:has(#species-detail-content) .page-header--species > .container > div { min-width: 0; text-align: left !important; }
    body:has(#species-detail-content) .page-header--species h1 { text-align: left !important; font-size: 1.4rem; }
    body:has(#species-detail-content) .page-header--species p { text-align: left !important; overflow-wrap: anywhere; }
    body:has(#species-detail-content) #detail-btn-back { display: flex !important; align-items: center !important; justify-content: center !important; align-self: center; gap: 8px; min-height: 48px; padding: 8px !important; margin: 0 !important; width: 100%; box-sizing: border-box; border: 1px solid #bedbca55; border-radius: 15px; background: linear-gradient(135deg,#ffffff18,#ffffff08); color: #f1fff5 !important; box-shadow: inset 0 1px 0 #ffffff12,0 3px 9px #00000012; font-size: .72rem; line-height: 1.35; text-align: left !important; text-decoration: none; transition: background .15s, border-color .15s; }
    body:has(#species-detail-content) #detail-btn-back > i { flex: 0 0 26px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: #d9fbe821; color: #d9fbe8; font-size: 11px; }
    body:has(#species-detail-content) #detail-btn-back > span { min-width: 0; max-width: 80px; font-weight: 600; }
    body:has(#species-detail-content) #detail-btn-back:active { background: #ffffff26; border-color: #bedbca99; }
    body:has(#species-detail-content) #detail-btn-back:focus-visible { outline: 2px solid #b8e7ce; outline-offset: 3px; }
    body:has(#species-detail-content), main:has(#species-detail-content) { background: #fff !important; }
    #species-detail-content { width: 100% !important; max-width: none !important; padding-inline: 12px !important; box-sizing: border-box; background: #fff; }
    #species-detail-content .bird-detail-grid { min-width: 0; }
    #species-detail-content .bird-detail-grid > * {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    #species-detail-content .detail-main-img-plate {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 0;
        box-sizing: border-box;
        object-fit: contain;
        border-radius: 17px;
        overflow: hidden;
    }
    #detail-description-card { padding: 12px 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #fff !important; }
    #detail-description-card > .section-title { margin-top: 0 !important; margin-bottom: 8px !important; }
    #detail-taxonomy-info { margin-top: 8px !important; margin-bottom: 12px !important; }
    #detail-description-card > .section-title { display: block !important; width: 100%; text-align: center !important; font-size: 1.05rem !important; line-height: 1.35; }
    #detail-description-card > .section-title::before,
    #detail-description-card > .section-title::after { display: none !important; }
    #detail-taxonomy-info { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; padding: 0; border: 0; background: transparent; box-shadow: none; }
    #detail-taxonomy-info .taxon-card { position: relative; min-height: 58px !important; height: auto; padding: 7px !important; justify-content: center; align-items: center; text-align: center; background: #fff; border: 1px solid #e2e8f0; border-radius: 13px; box-shadow: 0 4px 14px #163e2908; }
    #detail-taxonomy-info .taxon-card-label { position: static; width: 100%; justify-content: center; text-align: center; white-space: normal; overflow: visible; margin-bottom: 3px; padding-inline: 32px; box-sizing: border-box; line-height: 1.3; font-size: 0.61rem; letter-spacing: .02em; }
    #detail-taxonomy-info .taxon-card-label > i { position: absolute; left: 7px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 29px; height: 30px; border-radius: 10px; font-size: 16px; background: #dcfce7; }
    #detail-taxonomy-info .taxon-card:nth-child(2) .taxon-card-label > i { background: #e0f2fe; }
    #detail-taxonomy-info .taxon-card:nth-child(3) .taxon-card-label > i { background: #f3e8ff; }
    #detail-taxonomy-info .taxon-card:nth-child(4) .taxon-card-label > i { background: #d1fae5; }
    #detail-taxonomy-info .taxon-card:nth-child(5) .taxon-card-label > i { background: #fef3c7; }
    #detail-taxonomy-info .taxon-card:nth-child(6) .taxon-card-label > i { background: #ffe4e6; }
    #detail-taxonomy-info .taxon-card-value { display: block; width: 100%; max-width: 100%; text-align: center; overflow-wrap: anywhere; font-size: .76rem; line-height: 1.3; }
    #detail-taxonomy-info .family-main { font-size: .76rem; text-align: center; }
    #detail-taxonomy-info .family-sub { font-size: .68rem; text-align: center; }
    #detail-taxonomy-info .iucn-badge { max-width: 100%; white-space: normal; justify-content: center; flex-wrap: wrap; text-align: center; }

    /* Biometrics follows the same light, calm visual language as the identity cards. */
    #detail-biometrics-card.bio-info-panel {
        margin-top: 8px;
        padding: 10px 8px 9px;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 13px;
        box-shadow: 0 4px 14px #163e2908;
    }
    #detail-biometrics-card .bio-info-title {
        margin: 0 0 8px;
        color: #073b2b;
        font-size: 1.05rem;
        line-height: 1.35;
        letter-spacing: 0;
        text-align: center;
    }
    #detail-biometrics-card .bio-info-cols {
        gap: 6px;
        justify-content: stretch;
    }
    #detail-biometrics-card .bio-info-col {
        min-height: 100px;
        padding: 7px 4px 6px;
        box-sizing: border-box;
        justify-content: flex-start;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 13px;
        box-shadow: 0 4px 14px #163e2908;
    }
    #detail-biometrics-card .bio-info-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 1px;
        border-radius: 10px;
        background: #dcfce7;
        color: #10b981;
        font-size: 1.05rem;
    }
    #detail-biometrics-card .bio-info-col:nth-child(2) .bio-info-icon {
        background: #e0f2fe;
        color: #3b82f6;
    }
    #detail-biometrics-card .bio-info-col:nth-child(3) .bio-info-icon {
        background: #fef3c7;
        color: #f59e0b;
    }
    #detail-biometrics-card .bio-info-icon--wing svg {
        width: 27px;
        height: 22px;
    }
    #detail-biometrics-card .bio-info-label {
        min-height: 2.35em;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #475569;
        font-size: .67rem;
        line-height: 1.18;
    }
    #detail-biometrics-card .bio-sex-under {
        gap: 3px;
        margin-top: auto;
    }
    #detail-biometrics-card .bio-sex-pill {
        padding: 3px 3px 4px;
        border-radius: 8px;
    }
    #detail-biometrics-card .bio-sex-pill--m {
        background: #eff8ff;
        border-color: #bae6fd;
    }
    #detail-biometrics-card .bio-sex-pill--f {
        background: #fff1f7;
        border-color: #fbcfe8;
    }
    #detail-biometrics-card .bio-sex-pill--m em { color: #0369a1; }
    #detail-biometrics-card .bio-sex-pill--f em { color: #be185d; }
    #detail-biometrics-card .bio-sex-pill strong {
        color: #0f172a;
        font-size: .7rem;
    }
    #detail-description-card .tabs-nav-wrapper {
        display: grid;
        grid-template-columns: 32px minmax(0,1fr) 32px;
        align-items: center;
        gap: 5px;
        width: 100%;
        box-sizing: border-box;
    }
    #detail-description-card .detail-tabs-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        min-height: 48px;
        padding: 0;
        border: 1px solid #c8dbce;
        border-radius: 10px;
        background: #edf7f0;
        color: #30634a;
        cursor: pointer;
    }
    #detail-description-card .detail-tabs-arrow span { font: 30px/1 Arial,sans-serif; }
    #detail-description-card .detail-tabs-arrow:disabled { opacity: .3; cursor: default; }
    #detail-description-card .detail-tabs-arrow:focus-visible { outline: 2px solid #30634a; outline-offset: 2px; }
    #detail-description-card .tabs-nav {
        display: flex !important;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        gap: 8px !important;
        padding: 0 !important;
        border: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    #detail-description-card .tabs-nav::-webkit-scrollbar { display: none; }
    #detail-description-card .tab-btn {
        flex: 0 0 calc((100% - 8px)/2);
        min-width: 0;
        min-height: 48px;
        justify-content: center;
        box-sizing: border-box;
        padding: 8px 7px;
        border: 1px solid transparent;
        border-radius: 14px;
        background: #edf4ef;
        color: #587064;
        font-size: .7rem;
        line-height: 1.2;
        text-align: center;
        scroll-snap-align: start;
    }
    #detail-description-card .tab-btn.active {
        border-color: #b9d3c4;
        background: #fff;
        color: #1f5d43;
        box-shadow: 0 3px 10px rgba(30,82,59,.08);
    }
    #detail-description-card .species-editorial-card { padding: 18px 15px; }
    #detail-description-card .tab-section-header {
        display: flex;
        width: fit-content;
        max-width: 100%;
        box-sizing: border-box;
        justify-content: center;
        text-align: center;
        margin: 0 auto 18px;
    }
    #detail-description-card .tab-section-header > i { flex: 0 0 auto; }
    #detail-description-card .species-prose p {
        text-align: justify;
        text-justify: inter-word;
    }
    #detail-description-card .prose-heading {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        width: 100%;
        box-sizing: border-box;
        margin: 25px auto 12px;
        padding: 0;
        border-left: 0;
        text-align: center;
    }
    #detail-description-card .prose-heading::before {
        content: '🐦';
        flex: 0 0 auto;
        font-family: inherit;
        font-size: 1em;
    }
    #detail-description-card .prose-list {
        padding-left: 0;
        text-align: center;
    }
    #detail-description-card .prose-list li {
        padding-left: 0;
        text-align: center;
    }
    #detail-description-card .prose-list li::before {
        position: static;
        display: inline-block;
        margin-right: 8px;
        transform: translateY(-1px);
        vertical-align: middle;
    }
    #tab-description .prose-heading:nth-of-type(1)::before { content: '🔭'; }
    #tab-description .prose-heading:nth-of-type(2)::before { content: '🐦'; }
    #tab-description .prose-heading:nth-of-type(3)::before { content: '🐣'; }
    #tab-description .prose-heading:nth-of-type(4)::before { content: '🪽'; }
    #tab-description .prose-heading:nth-of-type(5)::before { content: '🔊'; }
    #tab-description .prose-heading:nth-of-type(6)::before { content: '🔎'; }
    #tab-distribution .prose-heading:nth-of-type(1)::before { content: '🌍'; }
    #tab-distribution .prose-heading:nth-of-type(2)::before { content: '📍'; }
    #tab-distribution .prose-heading:nth-of-type(3)::before { content: '🧭'; }
    #tab-habitat .prose-heading:nth-of-type(1)::before { content: '🌲'; }
    #tab-habitat .prose-heading:nth-of-type(2)::before { content: '🪺'; }
    #tab-habitat .prose-heading:nth-of-type(3)::before { content: '🕒'; }
    #tab-diet .prose-heading:nth-of-type(1)::before { content: '🐛'; }
    #tab-diet .prose-heading:nth-of-type(2)::before { content: '🎯'; }
    #tab-facts .prose-heading:nth-of-type(1)::before { content: '🌡️'; }
    #tab-facts .prose-heading:nth-of-type(2)::before { content: '🥚'; }
    #tab-facts .prose-heading:nth-of-type(3)::before { content: '👑'; }
    #tab-facts .prose-heading:nth-of-type(4)::before { content: '👂'; }
    #tab-facts .prose-heading:nth-of-type(5)::before { content: '🕸️'; }
    #tab-facts .prose-heading:nth-of-type(6)::before { content: '🧭'; }
    #tab-facts .prose-heading:nth-of-type(7)::before { content: '📖'; }
    #tab-facts .prose-heading:nth-of-type(8)::before { content: '💚'; }
}