/*
Theme Name: Mohan Journal
Theme URI: https://example.com/mohan-journal
Author: Mohan
Description: A refined editorial block theme for a personal expert publication.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.0
Text Domain: mohan-journal
*/

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { text-underline-offset: .16em; text-decoration-thickness: 1px; }
.wp-site-blocks { overflow: hidden; }
.mj-kicker,
.taxonomy-category a,
.wp-block-post-terms a {
	font-family: var(--wp--preset--font-family--sans);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .11em;
	text-transform: uppercase;
}
.mj-rule { border-top: 1px solid var(--wp--preset--color--ink); }
.mj-soft-rule { border-top: 1px solid var(--wp--preset--color--line); }
.mj-card { height: 100%; }
.mj-card .wp-block-post-featured-image { overflow: hidden; }
.mj-card img { transition: transform .45s ease; }
.mj-card:hover img { transform: scale(1.025); }
.mj-card .wp-block-post-title a,
.mj-feature-title a { text-decoration: none; }
.mj-card .wp-block-post-title a:hover,
.mj-feature-title a:hover { color: var(--wp--preset--color--accent); }
.mj-about-image { overflow: hidden; }
.mj-about-image img {
	aspect-ratio: 4 / 3;
	display: block;
	height: auto;
	object-fit: cover;
	object-position: center 30%;
	width: 100%;
}
.mj-meta { color: var(--wp--preset--color--muted); font-family: var(--wp--preset--font-family--sans); }
.mj-nav { white-space: nowrap; }
.single-post .wp-block-post-content { font-size: clamp(1.08rem, 1.4vw, 1.22rem); }
.single-post .wp-block-post-content > p:first-of-type { font-size: 1.2em; line-height: 1.6; }
.single-post .wp-block-post-content blockquote {
	border-left: 4px solid var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.5em;
	font-style: normal;
	margin-left: 0;
	padding-left: 1.3em;
}
.wp-block-query-pagination { border-top: 1px solid var(--wp--preset--color--line); padding-top: 1.5rem; }
@media (max-width: 781px) {
	.mj-desktop-only { display: none !important; }
	.mj-feature-grid { gap: 1.5rem !important; }
	.mj-feature-grid > .wp-block-column { border: 0 !important; padding: 0 !important; }
}
@media (min-width: 782px) {
	.mj-mobile-only { display: none !important; }
}