/* SoraKai — заголовок, альтернативное название и статистика v2 */
.manga-detail .md-alternative-title {
    margin: -5px 0 0;
    max-width: 900px;
    color: #a5afd1;
    font-size: clamp(12px, 1.2vw, 15px);
    font-weight: 500;
    line-height: 1.55;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* Плашка рейтинга теперь в верхнем ПРАВОМ углу постера. */
.manga-detail .md-cover .md-cover-rating--top {
    position: absolute;
    z-index: 3;
    inset: 11px 11px auto auto;
    top: 11px;
    right: 11px;
    left: auto;
    bottom: auto;
    display: inline-flex !important;
    gap: 4px;
    align-items: center;
    background: rgba(9,13,27,.86);
    border: 1px solid rgba(206,182,255,.25);
    border-radius: 8px;
    padding: 6px 9px;
    box-shadow: 0 5px 16px #03040e88;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}
.manga-detail .md-stats--social { gap: 0; margin-top: 18px; }
.manga-detail .md-stats--social > .md-stat-item {
    position: relative;
    min-width: 0;
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
    padding: 1px clamp(13px,2vw,30px);
    border: 0;
    border-right: 1px solid #323951;
    border-radius: 0;
    margin: 0;
    background: transparent;
    color: #f9f8ff;
    font: inherit;
    text-align: left;
}
.manga-detail .md-stats--social > .md-stat-item:first-child { padding-left: 0; }
.manga-detail .md-stats--social > .md-stat-item:last-child { padding-right: 0; border-right: 0; }
.manga-detail .md-stat-item strong { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.manga-detail .md-stat-item strong svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: #9c8cc3;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.manga-detail .md-stat-item.md-stat-like { cursor: pointer; }
.manga-detail .md-stat-item.md-stat-like:hover strong, .manga-detail .md-stat-item.md-stat-like[aria-pressed="true"] strong { color: #ffb9dc; }
.manga-detail .md-stat-item.md-stat-like:hover strong svg,
.manga-detail .md-stat-item.md-stat-like[aria-pressed="true"] strong svg { stroke: #fa7dba; }
.manga-detail .md-stat-item.md-stat-like[aria-pressed="true"] strong svg { fill: #fa7dba44; }
.manga-detail .md-stat-item.md-stat-like:focus-visible { outline: 2px solid #a974ff; outline-offset: 5px; border-radius: 4px; }
.manga-detail .md-stat-item.md-stat-like:disabled { cursor: wait; opacity: .65; }
@media (max-width: 980px) {
    .manga-detail .md-stats--social > .md-stat-item { padding-inline: 13px; }
    .manga-detail .md-stat-item strong { font-size: 16px; }
}
@media (max-width: 690px) {
    .manga-detail .md-stats--social { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 13px; column-gap: 12px; }
    .manga-detail .md-stats--social > .md-stat-item,
    .manga-detail .md-stats--social > .md-stat-item:first-child,
    .manga-detail .md-stats--social > .md-stat-item:last-child {
        padding: 0;
        border: 0;
        min-width: 0;
    }
    .manga-detail .md-stats--social .md-stat-label { font-size: 9px; }
}
@media (max-width: 420px) {
    .manga-detail .md-cover .md-cover-rating--top { top: 6px; right: 6px; padding: 4px 6px; font-size: 10px; }
    .manga-detail .md-alternative-title { font-size: 11px; }
    .manga-detail .md-stat-item strong { font-size: 13px; }
    .manga-detail .md-stat-item strong svg { width: 13px; height: 13px; }
}
