/* ═══════════════════════════════════════════════════════
   FIDEOGRAPH — study.css
   Loaded on study landing page, library archive, and
   single text reader. Most styles are inline in each
   template — this file provides shared foundations.
═══════════════════════════════════════════════════════ */

/* Smooth scroll for reader anchor links */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 70px;
}

/* Reader layout base */
.reader-layout {
    min-height: calc(100vh - 60px);
}

/* Drop-cap reset for sections beyond the first */
.reader-section + .reader-section .reader-section__text p:first-child::first-letter {
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    float: none !important;
    line-height: inherit !important;
    margin: 0 !important;
    color: inherit !important;
}

/* Only the very first section in the reader gets the drop-cap */
.reader-section:first-of-type .reader-section__text p:first-child::first-letter {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 3.8em !important;
    font-weight: 900 !important;
    float: left !important;
    line-height: .76 !important;
    margin-right: .07em !important;
    margin-top: .08em !important;
    color: #C9A84C !important;
}

/* Annotation transitions */
.reader-annotation__body {
    transition: none;
}

/* TOC smooth scroll indicator */
.reader-toc__link.is-active .reader-toc__num {
    color: #C9A84C;
    opacity: 1;
}

/* Mobile sidebar scroll */
@media (max-width: 900px) {
    .reader-sidebar {
        overflow-x: auto;
        overflow-y: visible;
    }
}