/* ─── /sonicrama/manual e /it/sonicrama/manuale (view/sonicrama-manual.php) ─── */

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

.am-manual__tagline {
    margin: 12px auto 0;
    max-width: 34em;
    font-size: 1.15rem;
    font-style: italic;
    color: var(--am-text-muted);
}

.am-manual__switch { font-size: 0.85rem; margin-top: 10px; }
.am-manual__switch a { color: var(--am-text-muted); }
.am-manual__switch a:hover { color: var(--am-text); }

/* Le due edizioni: quella della pagina prima, più marcata. */
.am-manual__editions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.am-manual__edition {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    padding: 24px;
}
.am-manual__edition--main { border-color: rgba(201, 168, 76, 0.45); }

.am-manual__cover {
    flex: 0 0 140px;
    display: block;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
    transition: transform var(--am-duration) var(--am-ease);
}
.am-manual__cover:hover { transform: translateY(-2px); }
.am-manual__cover img { display: block; width: 100%; height: auto; }

.am-manual__body { min-width: 0; }
.am-manual__name { font-size: 1.15rem; margin: 4px 0 8px; }
.am-manual__meta {
    font-size: 0.9rem;
    color: var(--am-text-muted);
    margin: 0 0 20px;
}

/* Indice: i sedici capitoli su due colonne. */
.am-manual__toc { margin-top: 64px; }
.am-manual__toc h2,
.am-manual__note h2 { font-size: 1.35rem; margin-bottom: 20px; }
.am-manual__toc ol {
    list-style: none;
    margin: 0;
    padding: 0;
    columns: 2;
    column-gap: 40px;
}
.am-manual__toc li {
    break-inside: avoid;
    padding: 8px 0;
    border-bottom: 1px solid var(--am-surface-border);
}
.am-manual__num {
    font-family: var(--am-font-mono);
    font-size: 0.8rem;
    color: var(--am-accent);
    margin-right: 10px;
}

.am-manual__note { margin-top: 56px; max-width: 46em; }
.am-manual__back { margin-top: 24px; }

@media (max-width: 860px) {
    .am-manual__editions { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
    .am-manual__edition { gap: 16px; padding: 18px; }
    .am-manual__cover { flex-basis: 96px; }
    .am-manual__toc ol { columns: 1; }
}