/*
Theme Name: Banana Lemon Singapore
Description: Minimal editorial child theme for Banana Lemon Singapore.
Author: Banana Lemon Singapore
Template: twentytwentyfive
Version: 0.1.53
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: banana-lemon-singapore
*/

:root {
	--bls-font-sans: "Inter", sans-serif;
	--bls-type-caption: 14px;
	--bls-type-ui: 16px;
	--bls-type-body: 18px;
	--bls-type-reading: 20px;
	--bls-type-card: 22px;
	--bls-type-lead: 32px;
	--bls-type-display: 48px;
	--bls-leading-tight: 1.08;
	--bls-leading-heading: 1.2;
	--bls-leading-body: 1.55;
	--bls-leading-reading: 1.62;
	--bls-motion-fast: 180ms;
	--bls-motion-base: 420ms;
	--bls-motion-slow: 680ms;
	--bls-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Keep centred layouts fixed when moving between long and short pages. */
html {
	scrollbar-gutter: stable;
}

:where(body, button, input, select, textarea) {
	font-family: var(--bls-font-sans);
}

/* wpDiscuz otherwise introduces system UI, Arial and Courier into articles. */
#wpdcom,
#wpdcom .wpd-form-head,
#wpdcom :where(
	.wpd-second-button,
	.wpd-prim-button,
	.wpdf-sorting,
	.wpd-tools-actions,
	.wpd-user-nicename,
	.ql-editor > *,
	.ql-toolbar button.ql-spoiler,
	.ql-toolbar button.ql-sourcecode
),
#wpd-bubble-wrapper #wpd-bubble-all-comments-count,
.wpd-inline-icon-count {
	font-family: var(--bls-font-sans) !important;
}

/* Imported articles contain raw figure/img HTML inside Custom HTML blocks. */
.wp-block-post-content img {
	max-width: 100%;
	height: auto;
}

/* Shared shape for lead, compact, archive, search and REST-loaded cards. */
.wp-block-cover.bls-story-card {
	overflow: hidden;
	border-radius: 6px !important;
	transform: translateZ(0);
	transition: transform var(--bls-motion-base) var(--bls-motion-ease);
}

/* One structural grid: 24px gutters and a 3:2 base card module. */
.bls-feature-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px !important;
	align-items: stretch !important;
}

.bls-feature-grid > .wp-block-column {
	min-width: 0;
	margin: 0 !important;
}

.bls-feature-stack {
	display: grid !important;
	grid-template-rows: repeat(2, minmax(0, 1fr));
	gap: 24px !important;
}

.bls-feature-lead {
	grid-column: span 2;
}

.bls-feature-side {
	grid-column: span 1;
}

.bls-feature-stack > .wp-block-query,
.bls-feature-stack .wp-block-post-template,
.bls-feature-stack .wp-block-post {
	height: 100%;
}

.bls-story-card--support,
.bls-story-card--standard {
	min-height: 0 !important;
	aspect-ratio: 3 / 2 !important;
}

.bls-feature-lead,
.bls-feature-lead > .wp-block-query,
.bls-feature-lead .wp-block-post-template,
.bls-feature-lead .wp-block-post,
.bls-story-card--lead {
	height: 100%;
}

.bls-story-card--lead {
	min-height: 0 !important;
}

.bls-card-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px !important;
}

.bls-story-stream {
	display: grid;
	gap: 24px;
}

.bls-story-stream > * {
	margin-block-start: 0 !important;
}

.bls-home-main {
	padding-top: 40px !important;
}

.bls-home-intro {
	max-width: 1040px;
	margin: 0 auto 16px !important;
	color: #45413a;
	font-size: var(--bls-type-body);
	font-style: italic;
	font-weight: 350;
	line-height: var(--bls-leading-body);
	letter-spacing: -0.01em;
	text-align: center;
	text-wrap: balance;
}

/* The compact identity is shared by home, archives, pages and articles. */
.bls-site-identity,
.bls-site-identity .wp-block-image,
.bls-site-identity .wp-block-site-title {
	margin: 0;
}

.bls-site-logo img {
	border-radius: 50%;
}

.bls-site-identity .wp-block-site-title {
	line-height: 1.2;
}

/* A quiet outlined search control that grows from the magnifier. */
.bls-header-tools,
.bls-header-search,
.bls-header-search .wp-block-search__inside-wrapper {
	margin: 0;
}

.bls-header-search {
	flex: 0 0 auto;
	width: auto;
	line-height: 1;
}

.bls-header-tools,
.bls-header-search .wp-block-search__inside-wrapper {
	align-items: center;
}

.bls-header-search .wp-block-search__inside-wrapper {
	display: flex;
	justify-content: flex-end;
	overflow: hidden;
	width: 32px;
	height: 32px;
	min-width: 0 !important;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 5px;
	transition:
		width 340ms var(--bls-motion-ease),
		background-color 180ms ease,
		border-color 180ms ease;
}

.bls-header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
	width: 220px;
	background: #fbfbfa;
	border-color: #d6d7d4;
}

.bls-header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper:focus-within {
	border-color: #a9aba8;
}

.bls-header-search .wp-block-search__button {
	display: grid;
	flex: 0 0 30px;
	place-items: center;
	width: 30px;
	min-width: 30px;
	height: 30px;
	min-height: 30px;
	margin-left: 0;
	padding: 5px;
	color: #3f4140;
	background: transparent;
	border: 0;
	border-radius: 0;
	line-height: 0;
	transition: color 160ms ease;
}

.bls-header-search .wp-block-search__button svg {
	display: block;
	width: 18px;
	height: 18px;
	transform: none;
}

.bls-header-search .wp-block-search__button:hover,
.bls-header-search .wp-block-search__button:focus-visible {
	color: #737674;
	background: transparent;
}

.bls-header-search .wp-block-search__button:focus-visible {
	border-radius: 3px;
	outline: 1px solid #a9aba8;
	outline-offset: -2px;
}

.bls-header-search .wp-block-search__input {
	flex: 0 0 0;
	width: 0;
	min-width: 0 !important;
	height: 30px;
	min-height: 30px;
	padding: 4px 0 !important;
	margin: 0;
	overflow: hidden;
	font-family: inherit;
	font-size: 15px;
	line-height: 20px;
	color: #313331;
	caret-color: #5f625f;
	background: transparent;
	border: 0 !important;
	border-radius: 4px 0 0 4px !important;
	outline: 0 !important;
	box-shadow: none !important;
	opacity: 0;
	visibility: hidden;
	transition:
		flex-basis 340ms var(--bls-motion-ease),
		width 340ms var(--bls-motion-ease),
		padding 340ms var(--bls-motion-ease),
		opacity 120ms ease,
		visibility 0s linear 340ms;
}

.bls-header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input {
	flex: 1 1 auto;
	width: auto;
	padding: 4px 8px 4px 10px !important;
	opacity: 1;
	visibility: visible;
	transition-delay: 0ms, 0ms, 0ms, 90ms, 0ms;
}

/* The results-page form repeats the same light, underlined search language. */
.bls-search-results-form {
	margin-block: 0;
}

.bls-search-results-form .wp-block-search__inside-wrapper {
	padding: 0;
	background: transparent;
	border: 0;
	border-bottom: 1px solid color-mix(in srgb, currentColor 28%, transparent);
	border-radius: 0;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.bls-search-results-form .wp-block-search__inside-wrapper:focus-within {
	border-bottom-color: #756400;
	box-shadow: 0 1px 0 #756400;
}

.bls-search-results-form .wp-block-search__input {
	min-height: 52px;
	padding: 10px 0;
	font-family: inherit;
	font-size: 18px;
	line-height: var(--bls-leading-body);
	background: transparent;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

.bls-search-results-form .wp-block-search__button {
	display: grid;
	place-items: center;
	width: 44px;
	min-width: 44px;
	height: 44px;
	min-height: 44px;
	margin: 0;
	padding: 10px;
	color: #756400;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.bls-search-results-form .wp-block-search__button:hover,
.bls-search-results-form .wp-block-search__button:focus-visible {
	color: var(--wp--preset--color--contrast);
	background: transparent;
}

.bls-search-results-form .wp-block-search__button:focus-visible {
	outline: 2px solid #756400;
	outline-offset: 2px;
}

/* Stories and category archives share one compact introduction rhythm. */
.bls-archive-intro > :where(h1, p, .wp-block-term-description) {
	margin-block: 0;
}

.bls-archive-intro .wp-block-term-description > :first-child {
	margin-block-start: 0;
}

.bls-archive-intro .wp-block-term-description > :last-child {
	margin-block-end: 0;
}

.bls-archive-description,
.bls-archive-intro .wp-block-term-description {
	max-width: 1040px;
	color: #45413a;
	font-size: var(--bls-type-body);
	font-weight: 350;
	line-height: var(--bls-leading-body);
}

/* Stories is a wide editorial index, so its content shares the grid's left edge. */
.bls-stories-page > .wp-block-post-content {
	width: 100%;
}

.bls-stories-page > .wp-block-post-content > :first-child {
	margin-block-start: 0;
}

/* A centred, touch-friendly paginator for Stories, archives and search. */
.wp-block-query-pagination {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	gap: 24px;
	align-items: center;
	font-size: var(--bls-type-ui);
	font-weight: 600;
	line-height: 1.2;
}

.wp-block-query-pagination-numbers {
	display: flex;
	grid-column: 2;
	gap: 8px;
	align-items: center;
	justify-content: center;
	margin: 0;
}

.wp-block-query-pagination-numbers .page-numbers {
	display: grid;
	place-items: center;
	box-sizing: border-box;
	min-width: 44px;
	height: 44px;
	padding: 0 12px;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	font-variant-numeric: tabular-nums;
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 22%, transparent);
	border-radius: 10px;
	transition:
		color var(--bls-motion-fast) ease,
		background-color var(--bls-motion-fast) ease,
		border-color var(--bls-motion-fast) ease,
		transform var(--bls-motion-fast) var(--bls-motion-ease);
}

.wp-block-query-pagination-numbers .page-numbers.current {
	color: var(--wp--preset--color--base);
	background: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
}

.wp-block-query-pagination-numbers a.page-numbers:hover {
	color: #756400;
	background: color-mix(in srgb, #a88f00 10%, transparent);
	border-color: #a88f00;
	transform: translateY(-2px);
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	box-sizing: border-box;
	width: fit-content;
	min-height: 44px;
	padding: 10px 14px;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 22%, transparent);
	border-radius: 10px;
	transition:
		color var(--bls-motion-fast) ease,
		background-color var(--bls-motion-fast) ease,
		border-color var(--bls-motion-fast) ease,
		transform var(--bls-motion-fast) var(--bls-motion-ease);
}

.wp-block-query-pagination-previous {
	grid-column: 1;
	justify-self: start;
}

.wp-block-query-pagination-next {
	grid-column: 3;
	justify-self: end;
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
	color: var(--wp--preset--color--base);
	background: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
	transform: translateY(-2px);
}

.wp-block-query-pagination :where(a.page-numbers, .wp-block-query-pagination-previous, .wp-block-query-pagination-next):focus-visible {
	outline: 2px solid #756400;
	outline-offset: 3px;
}

.wp-block-query-pagination :where(a.page-numbers, .wp-block-query-pagination-previous, .wp-block-query-pagination-next):active {
	transform: translateY(0) scale(0.98);
}

.wp-block-query-pagination-previous-arrow,
.wp-block-query-pagination-next-arrow {
	font-size: 1.15em;
	line-height: 1;
}

/* A visual reading list: real covers, quiet ranks and no enclosing panel. */
.bls-most-read {
	padding-top: 4px;
}

.bls-most-read > h2 {
	margin: 0 0 26px;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: var(--bls-leading-heading);
}

.bls-most-read__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 36px 56px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.bls-most-read__item {
	min-width: 0;
}

.bls-most-read__item > a {
	display: grid;
	grid-template-columns: 160px 20px minmax(0, 1fr);
	gap: 16px;
	align-items: start;
	min-height: 112px;
	color: inherit;
	text-decoration: none;
}

.bls-most-read__item img {
	width: 160px;
	height: 112px;
	object-fit: cover;
	border-radius: 6px;
}

.bls-most-read__rank {
	padding-top: 5px;
	font-size: 15px;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
	line-height: 1;
	text-align: center;
}

.bls-most-read__title {
	padding-top: 1px;
	font-size: 20px;
	font-weight: 650;
	letter-spacing: -0.015em;
	line-height: 1.36;
}

.bls-most-read__item > a:hover .bls-most-read__title {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

.bls-most-read__item > a:focus-visible {
	border-radius: 3px;
	outline: 2px solid #756400;
	outline-offset: 5px;
}

/* Continue the home stream without sending readers to a separate pagination page. */
.bls-more-stories {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 136px;
	margin-block: 0;
	padding-top: 32px;
}

.bls-more-stories__button {
	font: inherit;
	font-size: var(--bls-type-ui);
	font-weight: 600;
	line-height: 1.2;
}

.bls-more-stories__button {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-width: 132px;
	min-height: 44px;
	padding: 11px 20px;
	color: var(--wp--preset--color--contrast);
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 34%, transparent);
	border-radius: 6px;
	cursor: pointer;
	transition:
		background-color var(--bls-motion-fast) ease,
		border-color var(--bls-motion-fast) ease;
}

.bls-more-stories__button::before {
	position: absolute;
	inset: -1px;
	z-index: -1;
	content: "";
	background: linear-gradient(
		100deg,
		transparent 8%,
		color-mix(in srgb, #a88f00 17%, transparent) 44%,
		color-mix(in srgb, #a88f00 28%, transparent) 52%,
		transparent 92%
	);
	transform: translateX(-120%);
	opacity: 0;
}

.bls-more-stories__button:hover {
	background: color-mix(in srgb, #dfce96 22%, transparent);
	border-color: color-mix(in srgb, var(--wp--preset--color--contrast) 52%, transparent);
}

.bls-more-stories__button:active {
	background: color-mix(in srgb, #dfce96 32%, transparent);
}

.bls-more-stories__button:focus-visible {
	outline: 2px solid #756400;
	outline-offset: 3px;
}

.bls-more-stories__button:disabled {
	cursor: wait;
	opacity: 0.62;
}

.bls-more-stories__button:disabled::before {
	opacity: 1;
	animation: bls-loading-sheen 1.15s ease-in-out infinite;
}

.bls-more-stories__status {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.bls-more-stories__title-text {
	position: relative;
	z-index: 3;
}

.bls-more-stories__title-link {
	text-decoration: none;
}

.bls-author-summary .wp-block-image {
	flex: 0 0 auto;
}

/* One photo-card component: bottom-weighted gradient and a full-card title link. */
.bls-story-card {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.bls-story-card .wp-block-cover__background {
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.04) 0%,
		rgba(0, 0, 0, 0.14) 42%,
		rgba(0, 0, 0, 0.78) 100%
	) !important;
	opacity: 1 !important;
}

.bls-story-card .wp-block-cover__inner-container,
.bls-story-card .wp-block-post-title,
.bls-story-card .wp-block-post-title a {
	position: static;
}

.bls-story-card .wp-block-post-title a::after {
	position: absolute;
	inset: 0;
	z-index: 2;
	content: "";
}

.bls-story-card .wp-block-post-terms,
.bls-story-card .wp-block-post-date {
	position: relative;
	z-index: 3;
	pointer-events: none;
}

/* One content rhythm for every story card, including REST-loaded cards. */
.bls-story-card__content {
	display: grid;
	gap: var(--wp--preset--spacing--20);
}

.bls-story-card .wp-block-cover__inner-container > .bls-story-card__content > * {
	margin-block: 0 !important;
}

.bls-story-card .wp-block-post-title {
	font-weight: 650;
	letter-spacing: -0.02em;
}

.bls-story-card--lead .wp-block-post-title {
	font-size: var(--bls-type-lead) !important;
	line-height: 1.15 !important;
}

.bls-story-card:not(.bls-story-card--lead) .wp-block-post-title {
	font-size: var(--bls-type-card) !important;
	line-height: 1.25 !important;
}

.bls-story-card .wp-block-post-terms,
.bls-story-card .wp-block-post-date {
	font-size: var(--bls-type-caption) !important;
	line-height: 1.4 !important;
}

.bls-story-card .wp-block-post-terms {
	font-weight: 600;
	letter-spacing: 0.1em;
}

.bls-story-card .wp-block-post-date {
	font-weight: 350;
	letter-spacing: 0;
}

/* A calmer article measure and deliberate space before subheads. */
.bls-single-inner > .wp-block-post-title {
	font-size: var(--bls-type-display);
	font-weight: 650;
	letter-spacing: -0.03em;
	line-height: var(--bls-leading-tight);
}

.bls-single .wp-block-post-content {
	font-size: var(--bls-type-reading);
	font-weight: 350;
	letter-spacing: 0;
	line-height: var(--bls-leading-reading);
}

.wp-block-post-content :where(h2, h3, h4):not(:first-child) {
	margin-block-start: 2.25em !important;
	margin-block-end: 0.75em !important;
}

.bls-single .wp-block-post-content h2 {
	font-size: 30px;
	font-weight: 650;
	letter-spacing: -0.02em;
	line-height: var(--bls-leading-heading);
}

.bls-post-navigation,
.bls-comments,
.bls-more-posts {
	margin-block: 0 !important;
}

.bls-post-navigation > .wp-block-group {
	margin-block: 32px !important;
}

.bls-comments .wp-block-comments {
	margin-block-start: 32px !important;
	margin-block-end: 0 !important;
}

.bls-more-posts > .wp-block-group {
	margin-block: 0 !important;
	padding-block: 48px !important;
}

.bls-single > * + * {
	margin-block-start: 40px !important;
}

.bls-single-inner {
	padding-bottom: 0 !important;
}

.bls-site-footer .wp-block-heading,
.bls-site-footer p,
.bls-site-footer .wp-block-image {
	margin-block: 0;
}

.bls-site-footer .wp-block-heading {
	font-size: var(--bls-type-ui) !important;
	font-weight: 650;
	letter-spacing: -0.01em;
	line-height: 1.3;
}

/* The solid RSS glyph reads heavier than the outline social marks. */
.bls-site-footer .wp-social-link-feed svg {
	transform: scale(0.82);
	transform-origin: center;
}

.bls-site-footer p {
	line-height: 1.5;
}

.bls-site-footer .bls-author-heading {
	font-size: var(--bls-type-ui) !important;
	font-weight: 650;
	line-height: 1.3;
}

.bls-site-footer .bls-author-bio {
	max-width: 620px;
	font-size: var(--bls-type-caption);
	line-height: 1.5;
}

.bls-footer-bottom .wp-block-navigation__container {
	flex-direction: row;
	flex-wrap: wrap;
}

.bls-story-card .wp-block-post-title a:focus-visible::after {
	outline: 3px solid currentColor;
	outline-offset: -5px;
}

/* Progressive enhancement: elements stay visible when JavaScript is absent. */
.bls-motion-ready .bls-reveal {
	opacity: 0;
	transform: translateY(18px) scale(0.992);
	transition:
		opacity var(--bls-motion-slow) ease,
		transform var(--bls-motion-slow) var(--bls-motion-ease);
	will-change: opacity, transform;
}

.bls-motion-ready .bls-reveal.is-revealed {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.bls-reading-progress {
	position: fixed;
	top: var(--wp-admin--admin-bar--height, 0px);
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 2px;
	pointer-events: none;
	background: rgba(17, 17, 17, 0.12);
	transform: scaleX(0);
	transform-origin: left center;
	will-change: transform;
}

@keyframes bls-loading-sheen {
	to {
		transform: translateX(120%);
	}
}

@keyframes bls-panel-enter {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (hover: hover) and (pointer: fine) {
	.bls-story-card:hover {
		transform: translateY(-5px);
	}

	.bls-story-card .wp-block-cover__image-background {
		transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), filter 420ms ease;
	}

	.bls-story-card:hover .wp-block-cover__image-background {
		transform: scale(1.035);
		filter: saturate(1.04) contrast(1.03);
	}

	.bls-site-logo a {
		display: block;
		border-radius: 50%;
	}

	.bls-site-logo img {
		transition: transform var(--bls-motion-base) var(--bls-motion-ease);
	}

	.bls-site-logo a:hover img,
	.bls-site-logo a:focus-visible img {
		transform: translateY(-2px) rotate(-2deg) scale(1.035);
	}

}

@media (prefers-reduced-motion: reduce) {
	.bls-header-search .wp-block-search__inside-wrapper,
	.bls-header-search .wp-block-search__input {
		transition: none;
	}

	.bls-reading-progress {
		display: none;
	}

	.bls-motion-ready .bls-reveal,
	.bls-motion-ready .bls-reveal.is-revealed {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.bls-more-stories__button:disabled::before {
		animation: none;
	}

	.wp-block-cover.bls-story-card,
	.bls-site-logo img,
	.bls-story-card .wp-block-cover__image-background {
		transition: none;
	}
}

@media (max-width: 900px) {
	.bls-most-read__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bls-most-read__item > a {
		grid-template-columns: 144px 18px minmax(0, 1fr);
	}

	.bls-most-read__item img {
		width: 144px;
		height: 101px;
	}

	.bls-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bls-feature-grid {
		grid-template-columns: 1fr;
	}

	.bls-feature-lead,
	.bls-feature-side {
		grid-column: 1;
	}

	.bls-feature-lead,
	.bls-feature-lead > .wp-block-query,
	.bls-feature-lead .wp-block-post-template,
	.bls-feature-lead .wp-block-post,
	.bls-story-card--lead {
		height: auto;
	}

	.bls-story-card--lead {
		aspect-ratio: 16 / 9;
	}

	.bls-feature-stack {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto;
	}
}

@media (max-width: 600px) {
	.bls-most-read > h2 {
		margin-bottom: 22px;
		font-size: 24px;
	}

	.bls-most-read__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.bls-most-read__item > a {
		grid-template-columns: 112px 18px minmax(0, 1fr);
		gap: 12px;
		min-height: 79px;
	}

	.bls-most-read__item img {
		width: 112px;
		height: 79px;
	}

	.bls-most-read__rank {
		padding-top: 4px;
		font-size: 14px;
	}

	.bls-most-read__title {
		font-size: 17px;
		line-height: 1.38;
	}

	.bls-card-grid {
		grid-template-columns: 1fr;
	}

	.bls-home-intro {
		margin-block-end: 4px !important;
		font-size: 15px;
		line-height: 1.55;
		letter-spacing: 0;
	}

	.bls-home-main {
		padding-top: 28px !important;
	}

	.bls-header-tools {
		gap: 8px !important;
	}

	.bls-header-search .wp-block-search__input {
		max-width: none;
	}

	.bls-header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
		width: min(58vw, 220px);
	}

	.bls-feature-stack {
		grid-template-columns: 1fr;
	}

	.bls-story-card--lead {
		aspect-ratio: auto;
		min-height: 280px !important;
	}

	.bls-author-summary {
		align-items: flex-start !important;
	}

	.bls-author-summary .wp-block-image img {
		width: 56px !important;
		height: 56px !important;
	}

	.bls-more-stories {
		min-height: 122px;
	}

	.wp-block-query-pagination {
		gap: 8px;
	}

	.wp-block-query-pagination-numbers {
		gap: 4px;
	}

	.wp-block-query-pagination-previous,
	.wp-block-query-pagination-next {
		display: grid;
		place-items: center;
		width: 44px;
		min-width: 44px;
		padding: 0;
		font-size: 0;
	}

	.wp-block-query-pagination-previous-arrow,
	.wp-block-query-pagination-next-arrow {
		font-size: 20px;
	}

	.bls-single .wp-block-post-content {
		font-size: 18px;
		line-height: 1.6;
	}
}