/* ===== WordPress-specific overrides & integration ===== */

/* Graceful no-JS fallback: reveal animations only apply when JS is on */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(26px)}
.js .reveal.in{opacity:1;transform:none}

/* Active nav item from wp_nav_menu */
.menu .current-menu-item>a,
.menu .current_page_item>a,
.menu .current-menu-parent>a,
.menu .current-page-ancestor>a{color:var(--bone)}
.menu .current-menu-item>a::after,
.menu .current_page_item>a::after,
.menu .current-menu-parent>a::after,
.menu .current-page-ancestor>a::after{width:100%}

/* the_content() dropcap on the first paragraph */
.article>p:first-of-type::first-letter{font-family:'Fraunces',serif;font-size:74px;float:left;line-height:.78;padding:6px 14px 0 0;color:var(--crimson);font-weight:600}
.article>p:first-of-type{min-height:60px}

/* the_content() media & WP core classes */
.article img{max-width:100%;height:auto;margin:30px auto;display:block;border:1px solid var(--line-strong)}
.article figure{margin:30px 0}
.article .wp-caption-text,.article figcaption,.wp-element-caption{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--muted);margin-top:10px;text-align:center}
.alignleft{float:left;margin:6px 28px 18px 0;max-width:50%}
.alignright{float:right;margin:6px 0 18px 28px;max-width:50%}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.article strong{color:var(--bone);font-weight:500}
.article h2,.article h3{clear:both}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Pagination styled like the prototype pager */
.ml-pager{margin-top:64px}
.ml-pager .nav-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ml-pager .page-numbers{min-width:46px;height:46px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);font-family:'Oswald',sans-serif;color:var(--bone-dim);transition:all .25s;text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.ml-pager a.page-numbers:hover,
.ml-pager .page-numbers.current{background:var(--crimson);border-color:var(--crimson);color:var(--ink)}
.ml-pager .page-numbers.dots{border-color:transparent}

/* Empty state */
.empty{text-align:center;padding:80px 0}
.empty i{font-size:48px;color:var(--crimson)}
.empty h2{font-family:'Fraunces',serif;font-weight:600;font-size:32px;margin:20px 0 10px}
.empty p{color:var(--bone-dim)}

/* Comments (kept minimal/optional) */
.comments-area{max-width:740px;margin:60px auto 0}
.comments-area .comment-list{list-style:none}

/* Contact Form 7 — inherit the dark form design */
.ml-cf7 .wpcf7-form input[type=submit]{cursor:pointer}
.ml-cf7 .wpcf7-form .field:last-of-type{margin-bottom:0}
.ml-cf7 .wpcf7-response-output{border:1px solid var(--line-strong);color:var(--bone);padding:14px 18px;margin:18px 0 0;font-size:14px;border-radius:0}
.ml-cf7 .wpcf7-not-valid-tip{color:var(--crimson);font-size:13px;margin-top:6px}
.ml-cf7 .wpcf7-spinner{margin:6px 0 0 10px}
.ml-cf7 form.invalid .wpcf7-response-output{border-color:var(--crimson)}