/* Malaysia Home Finder, round 13 (16 Oct 2026): design feedback. Plain CSS (no Tailwind rebuild needed).
 * Colours and fonts are the site's own tokens (theme.css): teal #0e4f5c, coral #e2694a, sand #f6efe6, line #e6dccf. */

/* r14: wide tables (hub project tables, compare tables) keep readable columns on phones and scroll sideways instead of squeezing. */
@media (max-width: 767px) {
	.mhf-project-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.mhf-project-table table { min-width: 620px; }
	.mhf-project-table th, .mhf-project-table td { white-space: normal; min-width: 84px; vertical-align: top; }
	.mhf-project-table th:first-child, .mhf-project-table td:first-child { min-width: 150px; }
}

/* r14: on wide screens the area and category chips sit in the left margin and follow the scroll. */
.mhf-side-h { display: none; }
@media (min-width: 1440px) {
	.mhf-sidecats { position: sticky; top: 92px; height: 0; z-index: 5; }
	/* Sidebar + content are centred together: page content moves right by half the sidebar width. */
	body:has(.mhf-sidecats) main .mhf-container { position: relative; left: 107px; }
	.mhf-sidecats-in { position: absolute; right: 100%; top: 0; margin-right: 24px; width: 190px; max-height: calc(100vh - 120px); overflow-y: auto; scrollbar-width: thin; display: flex; flex-direction: column; }
	.mhf-sidecats .mhf-side-h, .mhf-sidecats .mhf-klf-h { display: block; margin: 0 0 8px; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: #0e4f5c; }
	.mhf-sidecats .mhf-tabs, .mhf-sidecats .mhf-klf-row, .mhf-sidecats .mhf-kl-jump { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 6px; margin: 0 0 16px; overflow: visible; }
	.mhf-sidecats .mhf-tabs > *, .mhf-sidecats .mhf-klf-row > *, .mhf-sidecats .mhf-kl-jump > * { width: 100%; text-align: left; justify-content: flex-start; white-space: normal; line-height: 1.25; }
}

/* r14: KL hub township and category filter chips. */
[data-fhide] { display: none !important; }
.mhf-klf-h { margin: 14px 0 6px; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: #0e4f5c; }
.mhf-klf-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
button.mhf-klf-btn { cursor: pointer; border: 1px solid transparent; font-family: inherit; }
button.mhf-klf-btn .n { opacity: .65; }
button.mhf-klf-btn[aria-pressed="true"] { background: #0e4f5c !important; color: #fff !important; }
@media (max-width: 767px) {
	.mhf-klf-row { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
	.mhf-klf-row::-webkit-scrollbar { display: none; }
	.mhf-klf-row > * { flex: none; white-space: nowrap; }
.mhf-tabs.mhf-klf-row { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.mhf-tabs.mhf-klf-row::-webkit-scrollbar { display: none; }
.mhf-tabs.mhf-klf-row > * { flex: none; white-space: nowrap; }
}

/* r14: on phones the filter chip rows scroll sideways in one line instead of filling the first screen. */
@media (max-width: 767px) {
	.mhf-tabs { flex-wrap: nowrap !important; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-left: -4px; padding-bottom: 4px; }
	.mhf-tabs::-webkit-scrollbar { display: none; }
	.mhf-tabs > * { flex: none; white-space: nowrap; }
}

/* r14 (18 Oct 2026): on phones the project hero reads title, then the picture, then the buttons, then the price card. Desktop is unchanged. */
@media (max-width: 1023px) {
	.mhf-r14-hero { display: flex; flex-direction: column; gap: 0; }
	.mhf-r14-hero > div { display: contents; }
	.mhf-r14-hero h1 { font-size: 2rem; line-height: 1.15; }
	.mhf-r14-hero .mhf-hero-img { order: 1; margin-top: 18px; width: 100%; }
	.mhf-r14-hero .mhf-hero-img img { height: 240px !important; width: 100%; object-fit: cover; }
	.mhf-r14-hero .mhf-hero-ctas { order: 2; width: 100%; margin-top: 4px; }
	.mhf-r14-hero .mhf-hero-price { order: 3; margin-top: 18px; width: 100%; box-sizing: border-box; }
	.mhf-r14-hero > div > :not(.mhf-hero-img):not(.mhf-hero-ctas):not(.mhf-hero-price) { order: 0; }
	.mhf-r14-hero > div > .mhf-hero-price ~ * { order: 4; margin-top: 18px; width: 100%; box-sizing: border-box; }
}

:root {
	--r13-teal: #0e4f5c;
	--r13-teal-2: #1f7a80;
	--r13-teal-50: #eef6f6;
	--r13-coral: #e2694a;
	--r13-ink: #13262b;
	--r13-muted: #5b6b6f;
	--r13-line: #e6dccf;
	--r13-sand: #f6efe6;
	--r13-shell: #fffdf9;
	--r13-wa: #1fa855;
}

/* ───────── 1. Map: the R&F Mall label sits BELOW its point, so nearby project names (Gen Sphere) have room ───────── */
.mhf-lm > span { transform: translate(-50%, 8px) !important; }

/* ───────── 3. Images fill their frames (no stretch, no letterbox) ───────── */
article.mhf-card > a:first-child { position: relative; }
article.mhf-card > a:first-child > img,
.mhf-news-card .thumb img,
.mhf-r13-pcard .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; max-width: none; }
.mhf-hero-bg .lg\:col-span-5 img { width: 100%; object-fit: cover; object-position: center; }
.mhf-pop img { object-fit: cover; }

/* ───────── 4 + 5. Post cards (news list, categories, archives) ───────── */
.mhf-r13-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0 0 40px; padding: 0; list-style: none; }
@media (max-width: 1023.98px) { .mhf-r13-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639.98px) { .mhf-r13-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; } }
.mhf-r13-pcard { display: flex; flex-direction: column; height: 100%; overflow: hidden; background: var(--r13-shell); border: 1px solid var(--r13-line); border-radius: 1.25rem; transition: box-shadow .2s ease, transform .2s ease; }
.mhf-r13-pcard:hover { box-shadow: 0 18px 36px -22px rgba(8, 50, 58, .45); transform: translateY(-2px); }
.mhf-r13-pcard .thumb { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--r13-teal-50); }
.mhf-r13-pcard .thumb img { transition: transform .5s ease; }
.mhf-r13-pcard:hover .thumb img { transform: scale(1.04); }
.mhf-r13-pcard .body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 18px 20px 20px; }
.mhf-r13-pcard .meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: 12px; font-weight: 600; color: var(--r13-muted); }
.mhf-r13-pcard .cat { display: inline-block; padding: 3px 9px; border-radius: 999px; background: var(--r13-teal-50); color: var(--r13-teal); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: 11px; }
.mhf-r13-pcard h2, .mhf-r13-pcard h3 { margin: 0; font-family: "Fraunces", Georgia, "Songti SC", serif; font-size: 1.2rem; line-height: 1.35; font-weight: 600; color: var(--r13-ink); }
.mhf-r13-pcard h2 a, .mhf-r13-pcard h3 a { color: inherit; text-decoration: none; }
.mhf-r13-pcard h2 a:hover, .mhf-r13-pcard h3 a:hover { color: var(--r13-teal-2); }
.mhf-r13-pcard .ex { margin: 0; font-size: .9rem; line-height: 1.6; color: var(--r13-muted); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mhf-r13-pcard .more { margin-top: auto; padding-top: 6px; font-size: .875rem; font-weight: 700; color: var(--r13-teal-2); text-decoration: none; }
.mhf-r13-pcard .more:hover { text-decoration: underline; }

.mhf-r13-archive-head { padding: 28px 0 8px; }
.mhf-r13-archive-head h1 { font-family: "Fraunces", Georgia, "Songti SC", serif; font-size: clamp(1.9rem, 4vw, 2.75rem); line-height: 1.15; margin: 6px 0 10px; color: var(--r13-ink); }
.mhf-r13-archive-head .desc { max-width: 46rem; color: var(--r13-muted); font-size: 1.05rem; line-height: 1.6; }
.mhf-r13-archive-head .desc p { margin: 0 0 .5rem; }
.mhf-r13-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 28px; }
.mhf-r13-filters a { display: inline-flex; align-items: center; padding: 8px 16px; border-radius: 999px; border: 1.5px solid var(--r13-line); background: #fff; color: var(--r13-ink); font-weight: 700; font-size: 14px; text-decoration: none; }
.mhf-r13-filters a:hover { border-color: var(--r13-teal); }
.mhf-r13-filters a.on { background: var(--r13-teal); border-color: var(--r13-teal); color: #fff; }

/* Pagination: big numbered buttons, clear current page, Prev / Next. */
.mhf-r13-pager { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 8px 0 6px; }
.mhf-r13-pager .page-numbers { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 46px; height: 46px; padding: 0 14px; border-radius: 12px; border: 1.5px solid var(--r13-line); background: #fff; color: var(--r13-ink); font-weight: 700; font-size: 16px; text-decoration: none; line-height: 1; }
.mhf-r13-pager a.page-numbers:hover { border-color: var(--r13-teal); color: var(--r13-teal); }
.mhf-r13-pager .page-numbers.current { background: var(--r13-teal); border-color: var(--r13-teal); color: #fff; }
.mhf-r13-pager .page-numbers.dots { border-color: transparent; background: none; min-width: 24px; padding: 0 4px; }
.mhf-r13-pager .prev, .mhf-r13-pager .next { padding: 0 18px; background: var(--r13-sand); }
.mhf-r13-pager-note { text-align: center; font-size: 13px; color: var(--r13-muted); margin: 0 0 40px; }
@media (max-width: 639.98px) {
	.mhf-r13-pager .page-numbers { min-width: 42px; height: 42px; font-size: 15px; padding: 0 11px; }
	.mhf-r13-pager .prev, .mhf-r13-pager .next { flex: 1 1 40%; }
}

/* ───────── 6. Breadcrumb + Back ───────── */
nav[aria-label="Breadcrumb"] { display: flex; flex-wrap: wrap; align-items: center; row-gap: 6px; line-height: 1.5; }
nav[aria-label="Breadcrumb"] a { text-decoration: none; }
nav[aria-label="Breadcrumb"] a:hover { text-decoration: underline; }
.mhf-r13-back { display: inline-flex; align-items: center; gap: 6px; margin-right: 12px; padding: 6px 12px; border-radius: 999px; border: 1.5px solid var(--r13-teal); background: #fff; color: var(--r13-teal) !important; font-weight: 700; font-size: 13px; line-height: 1.2; text-decoration: none !important; white-space: nowrap; }
.mhf-r13-back:hover { background: var(--r13-teal); color: #fff !important; }
.mhf-r13-crumbwrap { padding-top: 20px; }
.mhf-r13-crumbwrap nav[aria-label="Breadcrumb"] { margin-bottom: 0; }

/* ───────── 8. JB hub: left sidebar ───────── */
.mhf-r13-hub { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 40px; align-items: start; padding-top: 24px; padding-bottom: 64px; }
.mhf-r13-hub-main { min-width: 0; max-width: 52rem; }
.mhf-r13-hub-main h1 { font-family: "Fraunces", Georgia, "Songti SC", serif; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.12; margin: 0 0 24px; }
.mhf-r13-hub-main h2[id] { scroll-margin-top: 96px; }
.mhf-r13-side { position: sticky; top: 92px; max-height: calc(100vh - 110px); overflow-y: auto; padding: 18px 16px; border: 1px solid var(--r13-line); border-radius: 1.1rem; background: var(--r13-shell); }
.mhf-r13-side-h { margin: 0 0 8px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--r13-teal-2); }
.mhf-r13-side-h + .mhf-r13-side-list { margin-bottom: 18px; }
.mhf-r13-side-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.mhf-r13-side-list a { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; color: var(--r13-ink); font-weight: 600; font-size: 14px; line-height: 1.3; text-decoration: none; }
.mhf-r13-side-list a:hover { background: var(--r13-teal-50); color: var(--r13-teal); }
.mhf-r13-side-list a.on { background: var(--r13-teal); color: #fff; }
.mhf-r13-side-list .n { flex: none; min-width: 24px; padding: 2px 7px; border-radius: 999px; background: var(--r13-sand); color: var(--r13-muted); font-size: 12px; font-weight: 700; text-align: center; }
.mhf-r13-side-list a.on .n { background: rgba(255, 255, 255, .2); color: #fff; }
.mhf-r13-side-list.is-pages a { font-weight: 500; }
@media (max-width: 1023.98px) {
	.mhf-r13-hub { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.mhf-r13-side { position: sticky; top: 64px; z-index: 30; max-height: none; overflow: visible; padding: 8px 0; border: 0; border-bottom: 1px solid var(--r13-line); border-radius: 0; background: rgba(255, 253, 249, .96); backdrop-filter: blur(6px); }
	.mhf-r13-side-h { display: none; }
	.mhf-r13-side-list, .mhf-r13-side-h + .mhf-r13-side-list { flex-direction: row; gap: 8px; margin: 0; padding: 2px 0 6px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
	.mhf-r13-side-list + .mhf-r13-side-h + .mhf-r13-side-list { padding-top: 0; }
	.mhf-r13-side-list li { flex: none; }
	.mhf-r13-side-list a { padding: 7px 12px; border: 1.5px solid var(--r13-line); border-radius: 999px; background: #fff; font-size: 13px; white-space: nowrap; }
	.mhf-r13-side-list.is-pages a { background: var(--r13-sand); border-color: var(--r13-sand); }
	.mhf-r13-hub-main h2[id] { scroll-margin-top: 150px; }
}

/* ───────── 9. Floating WhatsApp (Click to Chat): middle right, labelled ───────── */
html body #ht-ctc-chat.ht-ctc.ht-ctc-chat { top: 50% !important; bottom: auto !important; right: 0 !important; left: auto !important; transform: translateY(-50%); transition: none !important; }
html body #ht-ctc-chat .ht_ctc_chat_style { cursor: pointer; }
html body #ht-ctc-chat .ctc_s_2 { flex-direction: row; gap: 0; background: var(--r13-wa); border-radius: 14px 0 0 14px; padding: 6px 8px 6px 12px; box-shadow: 0 10px 26px -10px rgba(8, 50, 58, .55); }
html body #ht-ctc-chat .ctc_s_2 .ht-ctc-cta { display: block !important; order: 0 !important; margin: 0 6px 0 0 !important; padding: 0 !important; background: none !important; color: #fff !important; font: 700 14px/1.2 "Figtree", system-ui, sans-serif !important; white-space: nowrap; }
html body #ht-ctc-chat .ctc_s_2 svg { width: 38px !important; height: 38px !important; }
@media (max-width: 639.98px) {
	/* Phone: a slim tab on the right edge (26 px), so it does not sit on top of the text. */
	html body #ht-ctc-chat .ctc_s_2 { flex-direction: column-reverse; padding: 8px 3px; border-radius: 10px 0 0 10px; }
	html body #ht-ctc-chat .ctc_s_2 .ht-ctc-cta { writing-mode: vertical-rl; transform: rotate(180deg); margin: 6px 0 0 !important; font-size: 11px !important; letter-spacing: .02em; }
	html body #ht-ctc-chat .ctc_s_2 svg { width: 20px !important; height: 20px !important; }
	.mhf-container { padding-right: calc(1.25rem + 8px); }
}

/* ───────── 10. Layouts: one layout per card, 3 / 2 / 1 per row ───────── */
.mhf-prose .wp-block-gallery.mhf-r13-layouts { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px !important; margin: 1rem 0 1.75rem; }
@media (max-width: 1023.98px) { .mhf-prose .wp-block-gallery.mhf-r13-layouts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639.98px) { .mhf-prose .wp-block-gallery.mhf-r13-layouts { grid-template-columns: minmax(0, 1fr); } }
.mhf-prose .wp-block-gallery.mhf-r13-layouts > figure.wp-block-image { width: auto !important; max-width: none !important; margin: 0 !important; display: flex !important; flex-direction: column; justify-content: flex-start; background: #fff; border: 1px solid var(--r13-line); border-radius: 1rem; padding: 12px; box-shadow: 0 8px 22px -18px rgba(8, 50, 58, .5); }
.mhf-prose .wp-block-gallery.mhf-r13-layouts > figure.wp-block-image img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; object-fit: contain !important; background: #fff; border-radius: .6rem !important; flex: none !important; }
.mhf-prose .wp-block-gallery.mhf-r13-layouts > figure.wp-block-image figcaption { position: static !important; flex: 1; display: flex; flex-direction: column; gap: 4px; padding: 10px 2px 0 !important; margin: 10px 0 0 !important; border-top: 1px solid var(--r13-line); background: none !important; color: var(--r13-ink) !important; font-size: .875rem !important; line-height: 1.45 !important; font-weight: 600; text-shadow: none !important; max-height: none !important; overflow: visible !important; text-align: left !important; }
.mhf-prose .wp-block-gallery.mhf-r13-layouts > figure.wp-block-image figcaption a { margin-top: auto; font-weight: 700; color: var(--r13-wa); font-size: .8125rem; }
.mhf-prose .wp-block-gallery.mhf-r13-layouts > figure.wp-block-image::before { display: none !important; }
.mhf-prose .wp-block-gallery.mhf-r13-layouts > figcaption { grid-column: 1 / -1; }

/* ───────── 12. Facilities cards: dark brand cards, gold kicker, serif level, gold-dot list ───────── */
.mhf-fac { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 1.25rem 0 2rem; }
@media (max-width: 1023.98px) { .mhf-fac { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639.98px) { .mhf-fac { grid-template-columns: minmax(0, 1fr); gap: 14px; } }
.mhf-fac-card { min-width: 0; background: #08323a; background-image: linear-gradient(160deg, #0e4f5c 0%, #08323a 70%); color: #e8f0f1; border-radius: 1.1rem; padding: 22px 22px 20px; box-shadow: 0 14px 30px -20px rgba(8, 50, 58, .8); overflow-wrap: anywhere; }
@media (min-width: 1024px) { .mhf-fac-card--wide { grid-column: span 2; } }
@media (min-width: 640px) and (max-width: 1023.98px) { .mhf-fac-card--wide { grid-column: 1 / -1; } }
.mhf-prose .mhf-fac-card p.mhf-fac-kicker, .mhf-fac-card .mhf-fac-kicker { margin: 0 0 6px; font: 700 11px/1.4 "Figtree", system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #e0b45a; }
.mhf-prose .mhf-fac-card h3.mhf-fac-level, .mhf-fac-card .mhf-fac-level { margin: 0 0 14px; padding: 0 0 12px; border-bottom: 1px solid rgba(224, 180, 90, .35); font-family: "Fraunces", Georgia, "Songti SC", serif; font-size: clamp(1.5rem, 2.6vw, 1.9rem); line-height: 1.15; font-weight: 600; color: #fff; }
.mhf-prose .mhf-fac-card ul.mhf-fac-list, .mhf-fac-card .mhf-fac-list { list-style: none; margin: 0; padding: 0; column-gap: 22px; }
.mhf-prose .mhf-fac-card .mhf-fac-list li, .mhf-fac-card .mhf-fac-list li { position: relative; margin: 0 0 7px; padding: 0 0 0 16px; font-size: .9375rem; line-height: 1.45; color: rgba(232, 240, 241, .9); break-inside: avoid; }
.mhf-fac-card .mhf-fac-list li::before { content: ""; position: absolute; left: 0; top: .58em; width: 6px; height: 6px; border-radius: 50%; background: #e0b45a; }
.mhf-fac-card .mhf-fac-list:has(> li:nth-child(9)) { columns: 2; }
.mhf-fac-card:not(.mhf-fac-card--wide) .mhf-fac-list li { font-size: .875rem; }
@media (min-width: 640px) and (max-width: 1023.98px) { .mhf-fac-card--wide .mhf-fac-list:has(> li:nth-child(13)) { columns: 3; } }
@media (max-width: 420px) { .mhf-fac-card .mhf-fac-list:has(> li:nth-child(9)) { columns: 1; } .mhf-fac-card { padding: 18px 18px 16px; } }

/* ───────── 11. Clean-up: even cards, aligned columns, no empty boxes ───────── */
.mhf-prose p:empty, .mhf-prose p.wp-block-paragraph:has(> br:only-child) { display: none; }
.grid > article.mhf-card, .mhf-cardwrap > article { height: 100%; }
article.mhf-card h3 { font-size: 1.25rem; line-height: 1.3; }
article.mhf-card dl { align-content: start; }
.mhf-news-card .thumb { aspect-ratio: 16 / 9; }
.mhf-prose figure.wp-block-table { max-width: 100%; }
@media (min-width: 768px) { .mhf-prose figure.wp-block-table > table { display: table; width: 100%; } }
.mhf-prose img, .prose img { max-width: 100%; }
main iframe { max-width: 100%; }
@media (max-width: 639.98px) {
	.mhf-prose table { font-size: .875rem; }
	.mhf-prose td, .mhf-prose th { padding: .55rem .65rem; }
}

/* ───────── 13. Phone view: even gutters, nothing under the WhatsApp side tab, no sideways scroll ───────── */
@media (max-width: 639.98px) {
	html, body { max-width: 100%; }
	/* Posts and plain pages use px-6 (24 px); add room for the 26 px WhatsApp tab on the right. */
	main > article.px-6, article.max-w-3xl.px-6 { padding-left: 16px; padding-right: 30px; }
	main > article.px-6 figure.-mx-6 { margin-left: -16px; margin-right: -30px; }
	.mhf-container { padding-left: 16px; }
	nav[aria-label="Breadcrumb"] { font-size: 13px; column-gap: 2px; }
	nav[aria-label="Breadcrumb"] [aria-current="page"] { font-weight: 600; }
	.mhf-r13-back { padding: 5px 10px; margin-right: 8px; }
	.mhf-r13-crumbwrap { padding-top: 14px; }
	.mhf-r13-archive-head { padding-top: 16px; }
	.mhf-r13-archive-head h1 { font-size: 1.75rem; }
	.mhf-r13-filters { margin: 14px 0 20px; }
	.mhf-r13-pcard .body { padding: 14px 16px 16px; }
	.mhf-r13-pcard h2, .mhf-r13-pcard h3 { font-size: 1.1rem; }
	.mhf-r13-hub { padding-top: 8px; gap: 12px; }
	.mhf-r13-hub-main h1 { font-size: 1.85rem; margin-bottom: 16px; }
	.mhf-r13-side-list a { font-size: 12.5px; padding: 6px 11px; }
	.mhf-prose .wp-block-gallery.mhf-r13-layouts > figure.wp-block-image { padding: 10px; }
	.mhf-prose h2 { font-size: 1.4rem; margin-top: 2rem; }
}