@charset "UTF-8";

/*
 * Issue #141: the shared H2 "left accent bar" heading style. This is the
 * exact rule already used by the site-information fixed-page template
 * (page-templates/site-information.php's .info-content wrapper, defined
 * inline in site-information.css before this file existed) -- moved here
 * as the single source of truth so post content (single.php's
 * .paimori-post-body wrapper, added in this same Issue) can reuse the
 * identical declaration instead of a second copy. site-information.css no
 * longer defines its own h2 rule; both consumers are enqueued with this
 * file as an explicit dependency (see functions.php).
 *
 * Selector list intentionally stays a flat, explicit enumeration (not a
 * generic ".hd-heading-accent h2" utility class) -- .info-content already
 * ships on production pages today, and requiring a markup change there
 * just to adopt a shared stylesheet is out of scope for this Issue.
 *
 * Production QA fix (Issue #141): font-size raised 18px/17px -> 20px/19px
 * (PC/SP) per production QA feedback that the original size read a little
 * small. Since this rule is shared, the site-information fixed page's H2
 * moves to the same size -- deliberately: the request was to keep H2 a
 * single, un-forked size across fixed pages and posts, not to add a
 * per-context override.
 */

.info-content h2,
.paimori-post-body h2 {
	margin: 2em 0 0.55em;
	padding-left: 12px;
	border-left: 4px solid var(--hd-c-main);
	font-size: 20px;
	font-weight: 700;
}

.info-content h2:first-child,
.paimori-post-body h2:first-child {
	margin-top: 0;
}

@media (max-width: 900px) {
	.info-content h2,
	.paimori-post-body h2 {
		font-size: 19px;
	}
}