/* ─── /sonicrama/changelog (view/sonicrama-changelog.php) ─── */

.am-rn__wrap { max-width: 920px; }

.am-rn__unavailable { text-align: center; color: var(--am-accent); margin: 0 auto; max-width: 34em; }

/* La versione corrente col suo download. */
.am-rn__current {
    padding: 28px 32px;
    text-align: center;
    border-color: rgba(201, 168, 76, 0.45);
}
.am-rn__eyebrow {
    display: block;
    font-family: var(--am-font-mono);
    font-size: 0.75rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--am-accent);
}
.am-rn__current-version {
    margin: 10px 0 0;
    font-family: var(--am-font-heading);
    font-size: 2.2rem;
    line-height: 1.2;
    color: var(--am-text-heading);
}
.am-rn__current-version a { color: inherit; text-decoration: none; }
.am-rn__current-version a:hover { color: var(--am-accent); }
.am-rn__current-date {
    display: block;
    margin-top: 4px;
    font-family: var(--am-font-body);
    font-size: 0.95rem;
    color: var(--am-text-muted);
}
.am-rn__dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 22px;
}
.am-rn__fine { margin: 16px auto 0; max-width: 40em; font-size: 0.86rem; color: var(--am-text-muted); }
.am-rn__fine p { margin: 0; }
.am-rn__fine--licence { margin-top: 8px; }

/* Le versioni: numero e data a sinistra, righe a destra. */
.am-rn__list { margin-top: 56px; }
.am-rn__release {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 8px 32px;
    padding: 32px 0;
    border-top: 1px solid var(--am-surface-border);
    scroll-margin-top: calc(var(--am-header-h, 72px) + 24px);
}
.am-rn__release:first-child { border-top: 0; padding-top: 0; }
.am-rn__head { min-width: 0; }
.am-rn__version {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}
.am-rn__version a { color: var(--am-text-heading); text-decoration: none; }
.am-rn__version a:hover { color: var(--am-accent); }
.am-rn__badge {
    font-family: var(--am-font-mono);
    font-size: 0.68rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 2px 8px;
    border: 1px solid rgba(201, 168, 76, 0.55);
    border-radius: 999px;
    color: var(--am-accent);
}
.am-rn__date { display: block; margin-top: 6px; font-size: 0.9rem; color: var(--am-text-muted); }

.am-rn__body { min-width: 0; }
.am-rn__group {
    margin: 0 0 8px;
    font-family: var(--am-font-mono);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--am-text-muted);
}
.am-rn__group--added { color: var(--am-accent); }
.am-rn__items + .am-rn__group { margin-top: 20px; }
.am-rn__items { margin: 0; padding-left: 1.1em; }
.am-rn__items li { margin: 0 0 6px; line-height: 1.6; overflow-wrap: anywhere; }
.am-rn__items li::marker { color: var(--am-text-muted); }

.am-rn__back {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin-top: 56px;
}

@media (max-width: 720px) {
    .am-rn__current { padding: 22px 18px; }
    .am-rn__current-version { font-size: 1.8rem; }
    .am-rn__dl .am-btn { flex: 1 1 100%; }
    .am-rn__release { grid-template-columns: minmax(0, 1fr); padding: 26px 0; }
}