/*
Theme Name: ENP — Editorial Intelligence
Theme URI: https://thejournalofsierraleonestudies.com
Author: Journal of Sierra Leone Studies
Description: Classic PHP theme for the Journal of Sierra Leone Studies — an encyclopedia of Sierra Leone development indicators. Tailwind-CDN-based design cloned from the editorial design system.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: enp
*/

/* Thin CSS layer — everything else is Tailwind CDN. Only rules that Tailwind can't express inline live here. */

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
body { font-family: 'Inter', sans-serif; background-color: #f8f9fa; color: #191c1d; }
h1, h2, h3, .serif-brand, .serif-headline { font-family: 'Newsreader', serif; }
.label-text, .label-style { font-family: 'Work Sans', sans-serif; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* WP admin bar offset for fixed header */
body.admin-bar header.enp-topnav { top: 32px; }
@media screen and (max-width: 782px) {
    body.admin-bar header.enp-topnav { top: 46px; }
}

/* Prose styling for post body */
.enp-prose p { margin: 0 0 1rem 0; line-height: 1.75; color: #44474e; }
.enp-prose h2 { font-size: 1.875rem; line-height: 1.2; color: #001e49; margin: 2.5rem 0 1rem; font-weight: 700; }
.enp-prose h3 { font-size: 1.25rem; line-height: 1.3; color: #001e49; margin: 1.75rem 0 0.75rem; font-weight: 600; }
.enp-prose table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.875rem; }
.enp-prose thead { background: #f3f4f5; }
.enp-prose th { text-align: left; padding: 0.75rem 1rem; font-family: 'Work Sans',sans-serif; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: #44474e; font-weight: 700; }
.enp-prose td { padding: 0.75rem 1rem; border-top: 1px solid #edeeef; color: #44474e; }
.enp-prose tbody tr:nth-child(odd) { background: #f8f9fa; }
.enp-prose blockquote { border-left: 4px solid #a0d3a6; padding: 0.5rem 1.5rem; font-family: 'Newsreader',serif; font-style: italic; font-size: 1.25rem; color: #001e49; margin: 2rem 0; }
.enp-prose ul, .enp-prose ol { margin: 0 0 1rem 1.5rem; line-height: 1.75; color: #44474e; }
.enp-prose ul li { list-style: disc; margin-bottom: 0.25rem; }
.enp-prose ol li { list-style: decimal; margin-bottom: 0.25rem; }
.enp-prose a { color: #396844; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #a0d3a6; }
.enp-prose a:hover { color: #001e49; }

/* SVG chart tooltip holder */
.enp-chart-tip { pointer-events: none; }