/* CHROME: static pages (syarat, refund, FAQ, kontak, halaman kustom).
 * Extracted verbatim from themes/default/index.html — this block was already
 * theme-agnostic before extraction (colours derive from currentColor), so moving
 * it here changes nothing visually for any theme. The theme still owns the
 * container/layout via its own data-page="page" block; ThemeRenderer injects
 * page-header + page-body from Blade into it.
 */
@layer chrome {
    [data-page="page"], [data-page^="page-"] { min-height: 50vh; }
    .eco-page-title {
        font-size: clamp(1.75rem, 4vw, 2.5rem);
        font-weight: 600; letter-spacing: -0.02em;
        line-height: 1.15; margin-bottom: 1.5rem;
    }
    .eco-prose { line-height: 1.75; }
    .eco-prose > * + * { margin-top: 1rem; }
    .eco-prose h1, .eco-prose h2, .eco-prose h3 {
        font-weight: 600; line-height: 1.3; margin-top: 2rem; margin-bottom: .5rem;
    }
    .eco-prose h2 { font-size: 1.3rem; }
    .eco-prose h3 { font-size: 1.1rem; }
    .eco-prose ul { list-style: disc; padding-left: 1.25rem; }
    .eco-prose ol { list-style: decimal; padding-left: 1.25rem; }
    .eco-prose li { margin-top: .35rem; }
    .eco-prose li::marker { color: color-mix(in srgb, currentColor 45%, transparent); }
    .eco-prose a { text-decoration: underline; text-underline-offset: 2px; }
    .eco-prose strong { font-weight: 600; }
    .eco-prose blockquote {
        border-left: 3px solid color-mix(in srgb, currentColor 20%, transparent);
        padding-left: 1rem; font-style: italic;
        color: color-mix(in srgb, currentColor 70%, transparent);
    }
    /* FAQ accordion (native <details>) */
    .eco-faq-item { border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
    .eco-faq-q {
        cursor: pointer; font-weight: 500; padding: 1rem 0; list-style: none;
        display: flex; justify-content: space-between; align-items: center; gap: 1rem;
    }
    .eco-faq-q::-webkit-details-marker { display: none; }
    .eco-faq-q::after { content: "+"; font-size: 1.25rem; opacity: .5; }
    .eco-faq-item[open] .eco-faq-q::after { content: "\2212"; }
    .eco-faq-a { padding: 0 0 1.1rem; color: color-mix(in srgb, currentColor 78%, transparent); }
    /* Contact list */
    .eco-contact { margin-top: 1.5rem; border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
    .eco-contact li {
        display: flex; gap: 1rem; padding: .9rem 0;
        border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent);
    }
    .eco-contact-label { min-width: 96px; font-weight: 500; flex-shrink: 0; }
    .eco-contact a { text-decoration: underline; text-underline-offset: 2px; }
    .eco-contact-empty { color: color-mix(in srgb, currentColor 60%, transparent); }
}