/* ENP VBA — dynamic-content styling that supplements code.html's Tailwind tokens. */

/* Details/summary accordion (FAQ) — reset native marker, rely on Material icon from markup. */
.enp-faq details > summary { list-style: none; }
.enp-faq details > summary::-webkit-details-marker { display: none; }
.enp-faq details[open] summary .material-symbols-outlined { transform: rotate(180deg); }

/* Snippet block — large readable font for AIO extraction. */
.enp-snippet { font-size: 0.98rem; }
.enp-snippet-body { font-weight: 500; }

/* Prose tweaks for SO-style bodies. */
.enp-prose p:first-child { margin-top: 0; }
.enp-prose p:last-child { margin-bottom: 0; }
.enp-prose h2 { margin-top: 2.25rem; }
.enp-prose h2:first-of-type { margin-top: 0.5rem; }
.enp-prose h3 { margin-top: 1.75rem; color: #1b1c1c; }

/* Code blocks carried from original StackSample HTML. */
.enp-prose pre {
    background: #1b1c1c;
    color: #f2f0f0;
    padding: 1.25rem 1.5rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 1.25rem 0;
}
.enp-prose code {
    background: #e9e8e7;
    color: #1b1c1c;
    padding: 0.125rem 0.35rem;
    border-radius: 0.25rem;
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.9em;
}
.enp-prose pre code {
    background: transparent;
    color: inherit;
    padding: 0;
    font-size: inherit;
}

/* Pagination bar styling for archive.php / index.php. */
.pagination, .nav-links {
    display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap;
    font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 0.875rem;
}
.pagination .page-numbers, .nav-links .page-numbers {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 2.25rem; padding: 0.5rem 0.75rem;
    background: #ffffff; color: #005faa;
    border: 1px solid #c0c7d4; border-radius: 0.5rem;
    text-decoration: none; transition: all 0.2s;
}
.pagination .page-numbers:hover, .nav-links .page-numbers:hover { background: #005faa; color: #ffffff; }
.pagination .current, .nav-links .current { background: #005faa; color: #ffffff; border-color: #005faa; }

/* Mobile: collapse 3-col bento to 1-col. */
@media (max-width: 639px) {
    .enp-faq details { padding: 1rem; }
    .enp-snippet { padding: 1.25rem; }
    .enp-prose pre { font-size: 0.78rem; padding: 1rem; }
}

/* Ensure dark-background sections always have visible text (R5 safety). */
.bg-stone-900, .bg-stone-900 * { color: inherit; }