/*
Theme Name: Web News For Us — Editorial
Theme URI: https://webnewsforus.com/
Author: Baryon
Author URI: https://webnewsforus.com/about-the-author/
Description: A high-fidelity editorial theme for Web News For Us — a paper-and-ink science journal aesthetic (Newsreader + IBM Plex Mono, hairline grids, no border radius, no shadows). Includes a marquee live brief, filterable dispatch grid, reading-progress bar, and like/save engagement rail.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wnfu
Tags: editorial, magazine, blog, news, custom-menu, featured-images, translation-ready
*/

/*
 * The full design system lives in assets/theme.css (enqueued via functions.php).
 * This file exists to carry the theme header and the WordPress-specific rules below.
 */

/* --- WordPress core alignment & block classes --- */
.alignleft { float: left; margin: 0 24px 20px 0; }
.alignright { float: right; margin: 0 0 20px 24px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption, figure.wp-block-image { margin: 32px 0; }
.wp-caption-text, .wp-element-caption {
  text-align: center; font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em;
  text-transform: uppercase; color: var(--muted-2); margin-top: 12px;
}
.article-body ul, .article-body ol { margin: 0 0 26px 1.4em; }
.article-body li { margin-bottom: 8px; }
.article-body blockquote {
  border-left: 3px solid var(--accent); padding: 6px 0 6px 28px; margin: 40px 0;
  font-size: 24px; font-style: italic; line-height: 1.4;
}
.article-body img { margin: 32px auto; border: 1px solid var(--hairline); }
.article-body figure { margin: 32px 0; }
.sticky, .bypostauthor { display: block; }
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* --- Nav as WP menu (ul/li) --- */
ul.nav__links { list-style: none; margin: 0; padding: 0; }
ul.nav__links > li { display: flex; align-items: stretch; }
@media (max-width: 860px) {
  ul.nav__links > li { display: block; }
}

/* --- Pagination --- */
.pagination { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; padding: 48px 0; }
.pagination .page-numbers {
  font-family: var(--mono); font-size: 12px; letter-spacing: .08em;
  padding: 10px 15px; border: 1px solid var(--hairline); color: var(--body-2);
  transition: all .15s ease;
}
.pagination .page-numbers:hover,
.pagination .page-numbers.current { background: var(--ink); color: var(--paper); border-color: var(--ink); }

/* --- Comments --- */
.comments-area { max-width: 680px; margin: 56px auto 0; padding: 0 var(--gutter); }
.comments-area .comment-list { list-style: none; }
.comments-area .comment-body { padding: 20px 0; border-bottom: 1px solid var(--hairline-l); }
.comment-author .fn { font-family: var(--mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
  width: 100%; font-family: var(--mono); font-size: 13px; padding: 12px 14px;
  border: 1.5px solid var(--ink); background: var(--paper); margin-bottom: 12px;
}
.comment-form .submit { font-family: var(--mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
  font-weight: 600; background: var(--ink); color: var(--paper); border: 0; padding: 14px 24px; cursor: pointer; }