/* ==========================================================
   EDITORIAL REVIEW
========================================================== */

.product-editorial-review{

    margin-top:80px;

}

.editorial-card{

    background:#ffffff;

    border:1px solid #e8e8e8;

    border-radius:24px;

    padding:40px;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

}

/*
 * Package 94 Session 8: distinguishes AANYA-owned interpretation from
 * source-certified fact (certifications use --color-success; this uses
 * --color-info, a different semantic role, so the two never look like
 * the same kind of claim).
 */
.editorial-card__interpretation-notice {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2xs);
    margin: 0 0 var(--space-md);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    background: var(--color-info-soft);
    color: var(--color-info);
    font-size: 0.8125rem;
    font-weight: 600;
}

.editorial-card__interpretation-notice .aanya-icon,
.editorial-card__interpretation-notice svg {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    margin-top: 0.1rem;
}

.editorial-header{

    display:flex;

    align-items:center;

    gap:20px;

    margin-bottom:30px;

}

.editor-avatar{

    width:80px;

    height:80px;

    border-radius:50%;

    overflow:hidden;

    background:#f0f0f0;

    display:flex;

    align-items:center;

    justify-content:center;

}

.editor-avatar img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.editorial-score{

    text-align:center;

    padding:20px;

    background:#fafafa;

    border-radius:18px;

    margin-bottom:30px;

}

.editorial-score strong{

    display:block;

    font-size:42px;

    color:var(--action-link);

}

.editorial-pros,
.editorial-cons{

    margin-bottom:30px;

}

.editorial-pros ul,
.editorial-cons ul{

    list-style:none;

    padding:0;

    margin:15px 0 0;

}

.editorial-pros li,
.editorial-cons li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:12px;

}

.editorial-content{

    line-height:1.9;

}

/*
 * Package 94 Session 7: the reusable Package 94 disclosure primitive,
 * first applied to editorial review's long-form prose (the brief's
 * "supporting detail" tier -- lower priority, disclosed rather than
 * hidden). Native <details>/<summary> gives correct semantics,
 * aria-expanded-equivalent state, and keyboard operation for free,
 * matching the accessibility requirements without any JS. The class
 * name is intentionally not editorial-specific so other product-detail
 * sections can reuse the same trigger/icon/transition pattern.
 */
.editorial-content-disclosure {
    margin-top: var(--space-md);
    border-top: 1px solid var(--color-border);
    padding-top: var(--space-md);
}

.editorial-content-disclosure__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: var(--space-sm) 0;
    color: var(--color-brand-readable, var(--color-text));
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.editorial-content-disclosure__trigger::-webkit-details-marker {
    display: none;
}

.editorial-content-disclosure__trigger:focus-visible {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

.editorial-content-disclosure__icon {
    width: 1.1rem;
    height: 1.1rem;
    flex: 0 0 auto;
    transition: transform var(--motion-fast) var(--motion-ease);
}

.editorial-content-disclosure[open] > .editorial-content-disclosure__trigger .editorial-content-disclosure__icon {
    transform: rotate(180deg);
}

.editorial-content-disclosure .editorial-content {
    margin-top: var(--space-sm);
    animation: aanya-disclosure-reveal var(--motion-medium) var(--motion-ease);
}

@keyframes aanya-disclosure-reveal {
    from {
        opacity: 0;
        transform: translateY(-0.4rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .editorial-content-disclosure__icon,
    .editorial-content-disclosure .editorial-content {
        animation: none;
        transition: none;
    }
}