.content-rating-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin: 26px 0;
    padding: 24px 28px;
    border: 1px solid #e1dcff;
    border-radius: 19px;
    background: linear-gradient(135deg, #fff 0%, #fbfaff 100%);
    box-shadow: 0 14px 34px rgba(68, 48, 151, .08);
}

.content-rating-summary { display: flex; align-items: center; gap: 16px; min-width: 0; }
.content-rating-emblem {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 54px;
    width: 54px; height: 54px; border-radius: 17px; color: #fff;
    background: linear-gradient(135deg, #ffc329, #ff8a1f); box-shadow: 0 9px 22px rgba(255, 163, 30, .25);
}
.content-rating-emblem i { font-size: 24px; }
.content-rating-kicker { display: block; margin-bottom: 3px; color: #6245e7; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.content-rating-summary h2 { margin: 0; color: #222b3b; font-size: 25px; line-height: 1.2; }
.content-rating-summary h2 small { color: #7c8495; font-size: 15px; font-weight: 800; }
.content-rating-summary p { margin: 3px 0 0; color: #7a8496; font-size: 13px; }
.content-rating-action { display: flex; flex-direction: column; align-items: flex-end; min-width: 230px; }
.content-rating-prompt { margin-bottom: 5px; color: #566074; font-size: 12px; font-weight: 800; }
.content-rating-form { display: flex; justify-content: flex-end; gap: 3px; }
.content-rating-form button {
    display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0;
    border: 0; border-radius: 10px; background: transparent; color: #d7dbe4; cursor: pointer;
    transition: color .18s ease, background .18s ease, transform .18s ease;
}
.content-rating-form button i { font-size: 24px; }
.content-rating-form button.is-selected,
.content-rating-form button:hover { color: #ffb000; background: #fff7df; transform: translateY(-1px); }
.content-rating-form button:focus-visible { outline: 3px solid rgba(98, 69, 231, .25); outline-offset: 2px; }
.content-rating-current { margin-top: 4px; color: #737c8f; font-size: 11px; font-weight: 700; }
.content-rating-locked { display: flex; align-items: center; justify-content: flex-end; gap: 9px; max-width: 330px; color: #7a8496; }
.content-rating-locked > i { color: #8a75ed; }
.content-rating-locked p { margin: 0; font-size: 13px; line-height: 1.45; }
.content-rating-locked a { flex: none; color: #5d42e2; font-size: 13px; font-weight: 900; text-decoration: none; }

@media (max-width: 767px) {
    .content-rating-card { align-items: stretch; flex-direction: column; gap: 18px; padding: 20px; }
    .content-rating-action { align-items: flex-start; min-width: 0; }
    .content-rating-locked { justify-content: flex-start; }
}