/* Editorial overlay - rendered on top of seeded directory/data content. */
.editorial-overlay {
    border-left: 3px solid var(--color-editorial-gold);
    background: var(--color-bg-subtle);
    padding: var(--space-5) var(--space-6);
    margin: var(--space-6) 0;
}

.editorial-overlay__attribution {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-ink-muted);
    margin: 0 0 var(--space-3);
}

.editorial-overlay__body {
    color: var(--color-ink);
    line-height: var(--leading-relaxed);
}

.editorial-overlay__body > *:first-child { margin-top: 0; }
.editorial-overlay__body > *:last-child  { margin-bottom: 0; }

/* prose-editorial rules inlined here so they are guaranteed to ship
   regardless of Tailwind's content-glob purge configuration. The
   canonical copy lives in static/css/tailwind.src.css — keep in sync. */
.prose-editorial p {
    margin-bottom: 1rem;
    line-height: 1.7;
    color: var(--color-ink-secondary);
    font-size: 1.0625rem;
}
.prose-editorial p:last-child { margin-bottom: 0; }
.prose-editorial a {
    color: var(--color-primary);
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
    text-decoration: none;
}
.prose-editorial a:hover { color: var(--color-primary-dark); }
.prose-editorial strong { color: var(--color-ink); font-weight: 600; }
.prose-editorial em { font-style: italic; }
.prose-editorial ul, .prose-editorial ol {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    line-height: 1.7;
    color: var(--color-ink-secondary);
    font-size: 1.0625rem;
}
.prose-editorial li { margin-bottom: 0.5rem; }
.prose-editorial h2, .prose-editorial h3, .prose-editorial h4 {
    font-family: "Libre Baskerville", Georgia, serif;
    color: var(--color-ink);
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}
.prose-editorial h2 { font-size: 1.5rem; }
.prose-editorial h3 { font-size: 1.25rem; }
.prose-editorial h4 { font-size: 1.0625rem; }
.prose-editorial blockquote {
    border-left: 3px solid var(--color-line-strong);
    padding-left: 1.25rem;
    margin: 1.5rem 0;
    color: var(--color-ink-secondary);
    font-style: italic;
}
.prose-editorial code {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    font-size: 0.9em;
    background: var(--color-surface-subtle);
    padding: 0.1em 0.4em;
    border: 1px solid var(--color-line);
    border-radius: 3px;
}
.prose-editorial section + section { margin-top: 3rem; }
.prose-editorial table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
    font-size: 0.9375rem;
}
.prose-editorial th, .prose-editorial td {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--color-line);
    vertical-align: top;
}
.prose-editorial th {
    font-weight: 600;
    color: var(--color-ink);
    border-bottom: 2px solid var(--color-line-strong);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.prose-editorial ul { list-style: disc; }
.prose-editorial ol { list-style: decimal; }