/* ==========================================================================
   CSIP12 Syllabus pages — same look as the notes chapter lists (csip-hub.css):
   PDF viewer and the "at a glance" summary on the paper background. Scoped under .csip-sylpage.
   ========================================================================== */

.csip-syl__headrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.csip-sylpage h2.csip-unit__title { margin-bottom: 0 !important; }
.csip-syl__headrow .csip-btn i { font-size: 11px; margin-right: 6px; }

.csip-syl__viewer {
    position: relative; height: 80vh; min-height: 480px; overflow: hidden;
    border: 1px solid var(--c-rule); border-radius: 6px; background: var(--c-band);
}
.csip-syl__loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 1; background: var(--c-band); }
@media (min-width: 768px) { .csip-syl__loader { display: none; } }

/* The summary include keeps its markup; drop its card so it sits on the page like the chapter list */
.csip-sylpage .csip-syl__glance { margin-top: 32px; padding-top: 18px; border-top: 2px solid var(--c-ink); }
.csip-sylpage .csip-syl { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; }
.csip-sylpage .csip-syl h2 { font-size: 22px !important; font-weight: 600 !important; line-height: 1.25 !important; margin-bottom: 8px !important; }
.csip-sylpage .csip-syl h3 {
    font-family: var(--f-sans) !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 0.06em;
    text-transform: uppercase; color: var(--c-amber-text) !important; margin: 24px 0 6px !important;
}
.csip-sylpage .csip-syl h4 { color: var(--c-ink) !important; }
.csip-sylpage .csip-syl p { color: var(--c-ink-2) !important; }
.csip-sylpage .csip-syl table { color: var(--c-ink); }
.csip-sylpage .csip-syl tbody { color: var(--c-ink) !important; }
.csip-sylpage .csip-syl tr { border-color: var(--c-rule) !important; }
.csip-sylpage .csip-syl thead tr { color: var(--c-ink-3) !important; }
.csip-sylpage .csip-syl a { color: var(--c-teal); }
html.dark .csip-sylpage .csip-syl a { color: var(--c-teal-text); }