/* A felhasználói kézikönyv lapjainak stíluslapja – CSAK a kézikönyv lapjain töltődik (a SeoHead
   Stylesheet paramétere hozza a fejlécbe). A tokenek és a törzs stílusa (guide__body, guide__toc,
   guide__meta) a site.css-ből jönnek; itt csak a kézikönyv saját elemei állnak: a könyvek és a
   fejezetek listája, az oldalsáv, a képek és a lapozó. Inline stílus nincs (CSP style-src 'self'). */

/* ── Kezdőlap és könyv: a listák ───────────────────────────────────────── */
.manual-books,
.manual-chapters { list-style: none; padding: 0; margin: var(--space-5) 0 0; max-width: var(--measure); }
.manual-books__item,
.manual-chapters__item { border-top: 1px solid var(--line); padding: var(--space-4) 0; }
.manual-books__item:last-child,
.manual-chapters__item:last-child { border-bottom: 1px solid var(--line); }
.manual-books__item h2 { font-size: var(--fs-h3); letter-spacing: -0.015em; line-height: 1.3; margin: 0 0 var(--space-2); }
.manual-books__item h2 a,
.manual-chapters__item a { color: var(--text); text-decoration: none; font-weight: 500; }
.manual-books__item h2 a:hover,
.manual-chapters__item a:hover { text-decoration: underline; }
.manual-books__item p,
.manual-chapters__item p { margin: var(--space-1) 0 0; color: var(--text-2); }

/* ── Fejezet: oldalsáv és tartalom ─────────────────────────────────────── */
.manual__layout { display: grid; gap: var(--space-6); }
@media (min-width: 900px) {
    .manual__layout { grid-template-columns: 260px minmax(0, 1fr); gap: var(--space-7); }
    /* A rögzített fejléc ALATT áll meg (a fejléc mért magassága töréspontonként a site.css-ben). – őrzi: StickyHeaderTests */
    .manual__sidebar {
        position: sticky;
        top: calc(var(--header-height) + var(--space-5));
        align-self: start;
        max-height: calc(100vh - var(--header-height) - var(--space-5) - var(--space-5));
        overflow-y: auto;
    }
}
/* A sorszám (::marker) a lista bal belső margójában áll; a görgethető oldalsáv (overflow-y: auto) a dobozán kívüli részt
   levágja, ezért a margó a kétjegyű sorszámnak („10.”) is elég széles. – őrzi: ManualPageTests */
.manual__chapters { margin: 0; padding-left: 2.4em; font-size: var(--fs-small); }
.manual__chapters li { margin: 0 0 var(--space-2); }
.manual__chapters a { color: var(--text-2); text-decoration: none; }
.manual__chapters a:hover { color: var(--text); text-decoration: underline; }
.manual__chapters a[aria-current="page"] { color: var(--text); font-weight: 500; text-decoration: underline; }
.manual__content { min-width: 0; }

/* ── Képek ─────────────────────────────────────────────────────────────── */
.manual-shot { margin: var(--space-5) 0; }
.manual-shot a { display: block; }
.manual-shot img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius-frame);
    box-shadow: var(--shadow-shot);
}
.manual-shot figcaption { font-size: var(--fs-small); color: var(--text-3); margin-top: var(--space-3); }

/* ── Lapozó ────────────────────────────────────────────────────────────── */
.manual__pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--space-4);
    margin-top: var(--space-7);
    padding-top: var(--space-4);
    border-top: 1px solid var(--line);
    max-width: var(--measure);
}
.manual__next { margin-left: auto; text-align: right; }