/* mea-core: gaya non-kritis. Dimuat non-blocking; lipatan atas ditangani critical.css. Token dari theme.json. */

/* ---------- Breadcrumb & meta ---------- */
.mea-breadcrumb__list{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin:0;padding:0;list-style:none}
.mea-breadcrumb__list li+li::before{content:"›";margin-right:.5rem;color:var(--wp--preset--color--border)}
.mea-breadcrumb [aria-current="page"]{color:var(--wp--preset--color--text)}
.mea-meta__sep{color:var(--wp--preset--color--border)}

/* ---------- Daftar isi ---------- */
.mea-toc{margin:0 0 2rem;padding:0;border:1px solid var(--wp--preset--color--border);border-radius:var(--mea-radius);background:var(--wp--preset--color--surface-alt)}
.mea-toc__summary{padding:.9rem 1.25rem;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.mea-toc__summary::-webkit-details-marker{display:none}
.mea-toc__summary::after{content:"";width:.6rem;height:.6rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;flex:none}
.mea-toc[open]>.mea-toc__summary::after{transform:rotate(-135deg)}
.mea-toc__nav{padding:0 1.25rem 1rem}
.mea-toc__list,.mea-toc__sub{margin:0;padding-left:1.25rem}
.mea-toc__list{list-style:decimal}
.mea-toc__sub{list-style:lower-alpha;margin-top:.25rem}
.mea-toc__list li{margin:.35rem 0;line-height:1.45}
.mea-toc__list a{color:var(--wp--preset--color--text);text-decoration:none}
.mea-toc__list a:hover{color:var(--wp--preset--color--primary);text-decoration:underline}
.mea-toc__hint{margin:0;padding:0 1.25rem 1rem;color:var(--wp--preset--color--text-light)}
@media (prefers-reduced-motion:reduce){.mea-toc__summary::after{transition:none}}

/* ---------- Isi artikel ---------- */
.mea-content>*{margin-block:0 1.25rem}
.mea-content>h2{margin-top:2.5rem}
.mea-content>h3{margin-top:2rem}
.mea-content>h4{margin-top:1.5rem}
.mea-content img{border-radius:var(--mea-radius)}
.mea-content figure{margin-inline:0}
.mea-content figcaption{margin-top:.5rem;text-align:center}
.mea-content ul,.mea-content ol{padding-left:1.5rem}
.mea-content li{margin-bottom:.4rem}
.mea-content table{width:100%;border-collapse:collapse;font-size:var(--wp--preset--font-size--small)}
.mea-content th,.mea-content td{padding:.6rem .75rem;border:1px solid var(--wp--preset--color--border);text-align:left;vertical-align:top}
.mea-content th{background:var(--wp--preset--color--surface-alt);font-weight:600}
.mea-content .wp-block-table{overflow-x:auto}
.mea-content pre{overflow-x:auto}
.mea-content code{font-size:.9em;padding:.1em .35em;border-radius:4px;background:var(--wp--preset--color--surface-alt)}
.mea-content pre code{padding:0;background:none}
.mea-content blockquote{margin-inline:0;color:var(--wp--preset--color--text-light)}
.mea-content blockquote p{margin:0 0 .5rem}
.mea-content hr{border:0;border-top:1px solid var(--wp--preset--color--border);margin-block:2rem}
.mea-content iframe{max-width:100%}
.mea-content a:not(.wp-element-button){text-decoration-thickness:1px;text-underline-offset:.15em}
.mea-article__tags{margin-top:2rem;text-transform:none;letter-spacing:0;font-weight:500}
.mea-article__tags a{display:inline-block;margin:.25rem .35rem .25rem 0;padding:.2rem .6rem;border:1px solid var(--wp--preset--color--border);border-radius:999px;color:var(--wp--preset--color--text-light)}
.mea-article__tags a:hover{border-color:var(--wp--preset--color--primary);color:var(--wp--preset--color--primary)}
.mea-page__title{margin-bottom:1.5rem}

/* Sticky bar plugin terbuka: beri ruang di bawah supaya konten tidak tertutup. */
body.mea-sticky-open{padding-bottom:4.5rem}

/* ---------- Arsip & kartu ---------- */
.mea-archive__title{margin:0 0 .5rem}
.mea-archive__desc{margin:0 0 2rem;max-width:60ch}
.mea-loop{margin-top:1.5rem}
.mea-loop .wp-block-post-template{gap:1.5rem}
.mea-loop .wp-block-post{display:flex;flex-direction:column;gap:.5rem;margin:0;padding-bottom:1rem;border:1px solid var(--wp--preset--color--border);border-radius:var(--mea-radius);background:var(--wp--preset--color--surface);box-shadow:var(--mea-shadow-card);overflow:hidden;transition:transform .2s,box-shadow .2s}
.mea-loop .wp-block-post:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(33,37,51,.1)}
.mea-loop .wp-block-post>*{margin:0 1rem}
.mea-loop .mea-card__media{margin:0 0 .5rem}
.mea-loop .mea-card__media img{display:block;width:100%;border-radius:0}
.mea-card__cat a{color:var(--wp--preset--color--primary)}
.mea-card__title{font-size:var(--wp--preset--font-size--h4);line-height:1.3;margin:0 1rem}
.mea-card__title a{color:var(--wp--preset--color--text);text-decoration:none}
.mea-card__title a:hover{color:var(--wp--preset--color--primary)}
.mea-card__excerpt p{margin:0}
.mea-card__excerpt .wp-block-post-excerpt__more-text{margin-top:.5rem}
.mea-card__date{margin-top:auto}
@media (prefers-reduced-motion:reduce){.mea-loop .wp-block-post{transition:none}.mea-loop .wp-block-post:hover{transform:none}}

/* Paginasi */
.mea-pagination{margin-top:2.5rem;gap:.5rem;font-weight:500}
.mea-pagination a,.mea-pagination .page-numbers{text-decoration:none;color:var(--wp--preset--color--text)}
.mea-pagination .wp-block-query-pagination-numbers .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;margin:0 .15rem;border:1px solid var(--wp--preset--color--border);border-radius:var(--mea-radius)}
.mea-pagination .page-numbers.current{background:var(--wp--preset--color--primary);border-color:var(--wp--preset--color--primary);color:#fff}
.mea-pagination a:hover{color:var(--wp--preset--color--primary)}

/* Pencarian */
.mea-search{margin-bottom:2rem;max-width:36rem}
.wp-block-search__input{border:1px solid var(--wp--preset--color--border);background:var(--wp--preset--color--surface);color:var(--wp--preset--color--text);padding:.6rem .9rem;font:inherit}
.wp-block-search__input:focus{outline:2px solid var(--wp--preset--color--primary);outline-offset:1px;border-color:var(--wp--preset--color--primary)}
.wp-block-search__button{background:var(--wp--preset--color--primary);color:#fff;border:0;font-weight:600;cursor:pointer}
.wp-block-search__button:hover{background:var(--wp--preset--color--primary-hover)}
.mea-404 p{max-width:60ch}

/* ---------- Beranda ---------- */
.mea-home__intro{text-align:center;padding-block:1rem 2rem}
.mea-home__tagline{font-size:var(--wp--preset--font-size--lead)}
.mea-section{padding-block:var(--wp--preset--spacing--50)}
.mea-section--penutup{margin-top:var(--wp--preset--spacing--40)}
.mea-section--penutup h2,.mea-section--penutup p{color:#fff}
.mea-guide-group{margin-top:2rem}
.mea-guide-group__head{align-items:baseline;margin-bottom:1rem}
.mea-guide-group__head h3{margin:0;font-size:var(--wp--preset--font-size--h4)}
.mea-guide-group__head p{margin:0;font-weight:600}
.mea-guide-group__head a{text-decoration:none}
.mea-guide-grid{gap:1rem}
.mea-guide-card{height:100%;padding:1.25rem;border:1px solid var(--wp--preset--color--border);border-radius:var(--mea-radius);background:var(--wp--preset--color--surface);box-shadow:var(--mea-shadow-card);transition:transform .2s,box-shadow .2s}
.mea-guide-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(33,37,51,.1)}
.mea-guide-card h4{margin:0 0 .5rem;font-size:var(--wp--preset--font-size--lead);line-height:1.3}
.mea-guide-card h4 a{color:var(--wp--preset--color--text);text-decoration:none}
.mea-guide-card h4 a::after{content:"";position:absolute;inset:0}
.mea-guide-card{position:relative}
.mea-guide-card h4 a:hover{color:var(--wp--preset--color--primary)}
.mea-guide-card p{margin:0;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--text-light)}
@media (prefers-reduced-motion:reduce){.mea-guide-card{transition:none}.mea-guide-card:hover{transform:none}}
.is-style-outline .wp-block-button__link,.wp-block-button.is-style-outline>.wp-block-button__link{border:2px solid var(--wp--preset--color--primary);background:transparent;color:var(--wp--preset--color--primary)}
.is-style-outline .wp-block-button__link:hover,.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--wp--preset--color--primary);color:#fff}

/* ---------- Komentar ---------- */
.mea-comments{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--wp--preset--color--border)}
.mea-comment{padding:1rem 0;border-bottom:1px solid var(--wp--preset--color--border)}
.mea-comment__meta{align-items:center;gap:.6rem;font-size:var(--wp--preset--font-size--small)}
.mea-comment .wp-block-comment-author-name{font-weight:600}
.mea-comment .wp-block-comment-date{color:var(--wp--preset--color--text-light)}
.mea-comment .wp-block-comment-content p{margin:.5rem 0}
.mea-comment .wp-block-comment-reply-link{font-size:var(--wp--preset--font-size--small)}
.comment-form input:not([type="submit"]):not([type="checkbox"]),.comment-form textarea{width:100%;padding:.6rem .9rem;border:1px solid var(--wp--preset--color--border);border-radius:var(--mea-radius);background:var(--wp--preset--color--surface);color:var(--wp--preset--color--text);font:inherit}
.comment-form input[type="submit"]{padding:.75rem 1.25rem;border:0;border-radius:var(--mea-radius);background:var(--wp--preset--color--primary);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.comment-form input[type="submit"]:hover{background:var(--wp--preset--color--primary-hover)}
.comment-form label{display:block;margin-bottom:.25rem;font-size:var(--wp--preset--font-size--small);font-weight:500}

/* ---------- Footer ---------- */
.mea-footer{margin-top:auto;padding-block:var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);border-top:1px solid var(--wp--preset--color--border);background:var(--wp--preset--color--surface-alt);font-size:var(--wp--preset--font-size--small)}
.mea-footer__inner{gap:2rem}
.mea-footer__brand{max-width:28rem}
.mea-footer__heading{margin:0 0 .5rem;font-size:var(--wp--preset--font-size--base)}
.mea-footer__categories{margin:0;padding:0;list-style:none}
.mea-footer__categories li{margin:.25rem 0}
.mea-footer__categories a{color:var(--wp--preset--color--text-light);text-decoration:none}
.mea-footer__categories a:hover{color:var(--wp--preset--color--primary)}
.mea-footer__bottom{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--wp--preset--color--border);color:var(--wp--preset--color--text-light)}
.mea-footer__copy{margin:0}
.mea-footer__copy a{color:inherit}

/* ---------- Mode gelap: hal yang tidak cukup lewat token ---------- */
@media (prefers-color-scheme:dark){
	:root:not([data-theme="light"]) .mea-loop .wp-block-post,:root:not([data-theme="light"]) .mea-guide-card{box-shadow:none}
	:root:not([data-theme="light"]) .mea-content img,:root:not([data-theme="light"]) .mea-article__hero img{opacity:.92}
}
:root[data-theme="dark"] .mea-loop .wp-block-post,:root[data-theme="dark"] .mea-guide-card{box-shadow:none}

/* ---------- Cetak ---------- */
@media print{.mea-header,.mea-footer,.mea-toc,.mea-sticky,.mea-cta,.mea-related,.mea-comments{display:none!important}}