/* Modern typography for current Tailwind-based pages */
.site-modern {
    font-family: 'Inter', sans-serif;
    line-height: 1.65;
    letter-spacing: 0.004em;
    margin: 0;
    width: auto;
    max-width: none;
    padding: 0;
}

.site-modern h1,
.site-modern h2,
.site-modern h3,
.site-modern h4 {
    font-family: 'Cormorant Garamond', serif;
    line-height: 1.2;
    letter-spacing: 0.01em;
    margin-left: 0;
}

.site-modern p {
    line-height: 1.75;
    max-width: 72ch;
    margin-left: 0;
    padding: 0;
}

.site-modern li {
    line-height: 1.6;
}

/* Modern typography and media layout for instrument page */
.instrument-page {
    line-height: 1.65;
    letter-spacing: 0.005em;
}

.instrument-page h1,
.instrument-page h2,
.instrument-page h3,
.instrument-page h4 {
    line-height: 1.25;
}

.instrument-lead {
    font-size: 1.06rem;
    line-height: 1.75;
    max-width: 72ch;
}

.instrument-title {
    line-height: 1.25;
    letter-spacing: 0.01em;
    font-weight: 600;
}

.instrument-meta {
    font-size: 0.92rem;
    line-height: 1.55;
    color: #6b7280;
}

.instrument-body {
    font-size: 1rem;
    line-height: 1.75;
    max-width: 68ch;
}

.instrument-note {
    font-size: 0.9rem;
    line-height: 1.65;
    color: #4b5563;
}

.instrument-figure {
    width: 100%;
    overflow: hidden;
}

.instrument-photo {
    width: 100%;
    height: 16rem;
    object-fit: contain;
    padding: 0.5rem;
}

.instrument-caption {
    font-size: 0.75rem;
    color: #4b5563;
    font-style: italic;
    text-align: center;
    padding: 0.5rem 0.75rem;
}