.site-breadcrumb {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    margin: 0 0 24px;
    padding: 10px 14px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    background: linear-gradient(135deg,rgba(24,27,36,.92),rgba(12,14,20,.86));
    box-shadow: 0 12px 30px rgba(0,0,0,.2);
    color: #737987;
    font-size: .8rem;
    backdrop-filter: blur(14px);
}

.site-breadcrumb a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    color: #b5bac5;
    text-decoration: none;
    transition: color .18s ease;
}

.site-breadcrumb a:hover,
.site-breadcrumb a:focus-visible { color: #fff; }
.site-breadcrumb a:first-child i { color: #ff525b; }
.site-breadcrumb > i { flex: 0 0 auto; color: #4f5562; font-size: .56rem; }
.site-breadcrumb [aria-current="page"] {
    min-width: 0;
    overflow: hidden;
    color: #f5f6f8;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.anime-detail-hero { position: relative; }
.detail-breadcrumb {
    position: absolute;
    z-index: 3;
    top: 96px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    background: rgba(9,11,16,.72);
}

.home-seo-intro { margin-bottom: 30px; }
.home-seo-intro .section-heading { margin: 0; }
.home-seo-intro h1 {
    margin: 4px 0 0;
    font-size: clamp(1.35rem,2.5vw,2.15rem);
    font-weight: 800;
    letter-spacing: -.035em;
}

@media (max-width: 800px) {
    .site-breadcrumb { gap: 7px; padding: 9px 11px; overflow-x: auto; }
    .site-breadcrumb > a:first-child span { display: none; }
    .detail-breadcrumb { top: 78px; }
}