/**
 * Site-wide layout consistency — Iola Register (desktop >=768px + shared base)
 *
 * Companion to assets/mobile-layout.css (<=767px). Both map raw Kadence
 * homepage / article classes onto ONE token scale so desktop and mobile share
 * the same type + spacing system. Registered in includes/site-chrome.php and
 * printed late in wp_head so it wins over theme + Kadence block CSS.
 *
 * Do NOT retune sections per-block in the Kadence editor — change the scale or
 * the mappings here. Scale values mirror tokens.css md/lg/xl and
 * docs/COMPONENT-SPEC.md.
 *
 * Build order (see docs/MOBILE-DESKTOP-CONSISTENCY-PLAN.md):
 *   1. Scale available sitewide (this :root) — no visual change on its own.
 *   2. Bylines — one format sitewide (by Author / Date).  ← current
 *   3. Section spacing rhythm.
 *   4. Title normalization per card type.
 *   5. Section-head rules + ad bleed.
 */

@media screen and (min-width: 768px) {
	/* —— Step 1: one desktop scale, exposed sitewide ——
	 * Mirrors the mobile :root block so Kadence sections (not just .iola-gazette
	 * blocks) can read the same values at >=768px. Defining these changes
	 * nothing until a rule below consumes them.
	 */
	:root {
		--iola-site-gutter: 24px;
		--iola-site-rule: #dedede;
		--iola-site-article-gap: 1.5rem;
		--iola-site-section-head-gap: 1.5rem; /* 24px — head → content */
		--iola-site-section-gap: 3rem;        /* 48px — compact section stack */

		/* Meta / byline (12.8px / 500, Source Sans) — same at every width */
		--iola-size-meta: 0.8rem;
		--iola-lh-meta: 1.25;
		--iola-site-meta-color: #707070;
		--iola-site-meta-divider-color: #c8c8c8;
		--iola-weight-headings: 500;
		--iola-weight-semibold: 600;
		--iola-weight-section: 600;
	}

	/*
	 * —— Step 2: Bylines — one format sitewide (by Author / Date) ——
	 *
	 * Ports the mobile byline normalization to desktop so meta reads the same
	 * everywhere: Source Sans ~12.8px / 500, brand author link, "/" divider,
	 * gray date, kept on one row. Targets Kadence post meta on the featured
	 * grid and the Local / Sports / Opinions query cards. The State / National /
	 * World lists are verified in QA and added if they use other markup.
	 */
	.hero-right-2-article .kt-blocks-post-top-meta,
	.entry-content .kb-query-item .kt-blocks-post-top-meta {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: flex-start !important;
		align-items: baseline !important;
		gap: 0.35em !important;
		margin: 0 !important;
		font-family: var(--global-body-font-family, "Source Sans 3", sans-serif) !important;
		font-size: var(--iola-size-meta) !important;
		line-height: var(--iola-lh-meta) !important;
		font-weight: var(--iola-weight-headings) !important;
		color: var(--iola-site-meta-color) !important;
	}

	.hero-right-2-article .kt-blocks-post-author,
	.entry-content .kb-query-item .kt-blocks-post-author {
		order: 1 !important;
		color: inherit !important;
	}

	.hero-right-2-article .kt-blocks-author-pretext,
	.entry-content .kb-query-item .kt-blocks-author-pretext {
		color: var(--iola-site-meta-color) !important;
		font-weight: var(--iola-weight-headings) !important;
	}

	.hero-right-2-article .kt-blocks-post-author-link,
	.entry-content .kb-query-item .kt-blocks-post-author-link {
		color: var(--global-palette1, #088ccb) !important;
		font-weight: var(--iola-weight-semibold) !important;
	}

	/* Normalize the author/date separator to a single "/" (kills •, —, none) */
	.hero-right-2-article .kt-blocks-meta-divider,
	.entry-content .kb-query-item .kt-blocks-meta-divider {
		order: 2 !important;
		display: inline !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		border: 0 !important;
		font-size: 0 !important; /* hide any built-in divider glyph */
		color: var(--iola-site-meta-divider-color) !important;
	}

	.hero-right-2-article .kt-blocks-meta-divider::before,
	.entry-content .kb-query-item .kt-blocks-meta-divider::before {
		content: "/";
		font-size: var(--iola-size-meta) !important;
	}

	.hero-right-2-article .kt-blocks-date,
	.entry-content .kb-query-item .kt-blocks-date {
		order: 3 !important;
	}

	.hero-right-2-article .kt-blocks-post-date,
	.entry-content .kb-query-item .kt-blocks-post-date {
		color: var(--iola-site-meta-color) !important;
		font-size: inherit !important;
		font-weight: var(--iola-weight-headings) !important;
	}
}