/*
Theme Name: MarTech Signal
Theme URI: https://martech.com.my/
Description: Editorial technology publication theme for MarTech Malaysia. Child of Twenty Twenty-Five.
Author: MarTech Malaysia
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: martech-signal
*/

:root {
	--mt-bg: var(--wp--preset--color--bg);
	--mt-surface: var(--wp--preset--color--surface);
	--mt-surface-2: var(--wp--preset--color--surface-2);
	--mt-line: var(--wp--preset--color--line);
	--mt-ink: var(--wp--preset--color--ink);
	--mt-muted: var(--wp--preset--color--muted);
	--mt-accent: var(--wp--preset--color--accent);
	--mt-accent-ink: var(--wp--preset--color--accent-ink);
	--mt-head: var(--wp--preset--font-family--heading);
	--mt-r: 6px;
	--mt-ease: 160ms ease;
}

/* ---------- Base ---------- */
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: var(--mt-accent); color: var(--wp--preset--color--accent-ink); }
:focus-visible { outline: 2px solid var(--mt-accent); outline-offset: 3px; border-radius: 2px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
img { height: auto; }
img[src=""], img:not([src]) { display: none; }

.mt-label, .mt-label a, .mt-eyebrow {
	font-family: var(--mt-head);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--mt-accent);
	line-height: 1.3;
}
.mt-label .wp-block-post-terms__separator { color: var(--mt-muted); }
.mt-meta { color: var(--mt-muted); font-size: 0.8125rem; }
.wp-block-post-template > li { margin-block: 0; }
.wp-block-post-title a { color: inherit; }
.wp-block-post-title a:hover { color: var(--mt-accent); text-decoration: none; }

/* ---------- Header ---------- */
.mt-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: color-mix(in srgb, var(--mt-bg) 82%, transparent);
	backdrop-filter: saturate(140%) blur(12px);
	-webkit-backdrop-filter: saturate(140%) blur(12px);
	border-bottom: 1px solid var(--mt-line);
}
.admin-bar .mt-header { top: var(--wp-admin--admin-bar--height, 32px); }
.mt-header__bar { min-height: 64px; gap: 24px; }
.mt-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--mt-ink); text-decoration: none !important; white-space: nowrap; }
.mt-logo__mark { fill: var(--mt-accent); flex: none; }
.mt-logo__mark rect:nth-child(1) { opacity: 0.45; }
.mt-logo__mark rect:nth-child(2) { opacity: 0.7; }
.mt-logo__word { font-family: var(--mt-head); font-weight: 700; font-size: 1.25rem; letter-spacing: -0.02em; }
.mt-logo__sub { font-family: var(--mt-head); font-weight: 500; font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mt-muted); padding-left: 10px; border-left: 1px solid var(--mt-line); }
.mt-header__nav { gap: 8px; }
.mt-nav { font-family: var(--mt-head); font-size: 0.9375rem; font-weight: 500; gap: 4px; }
.mt-nav .wp-block-navigation-item__content { color: var(--mt-muted); padding: 8px 10px; border-radius: var(--mt-r); transition: color var(--mt-ease), background var(--mt-ease); }
.mt-nav .wp-block-navigation-item__content:hover,
.mt-nav .current-menu-item > .wp-block-navigation-item__content { color: var(--mt-ink); background: var(--mt-surface); text-decoration: none; }
.mt-nav .wp-block-navigation__submenu-container { background: var(--mt-surface) !important; border: 1px solid var(--mt-line) !important; border-radius: var(--mt-r); padding: 6px; min-width: 240px !important; }
.mt-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { display: block; }
/* Core gives submenus dark text on a light ground; force the dark-theme colours (desktop dropdown and mobile overlay). */
.mt-nav .wp-block-navigation__submenu-container,
.mt-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: var(--mt-muted) !important; }
.mt-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.mt-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible { color: var(--mt-ink) !important; background: var(--mt-surface-2); }
.mt-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.mt-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { color: var(--mt-ink) !important; background: transparent !important; border: 0 !important; }
.mt-nav .wp-block-navigation__responsive-container.is-menu-open { background: var(--mt-bg) !important; color: var(--mt-ink) !important; padding: 24px; }
.mt-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.25rem; padding: 10px 0; }
.mt-nav .wp-block-navigation__responsive-container-open,
.mt-nav .wp-block-navigation__responsive-container-close { color: var(--mt-ink); }
.mt-search .wp-block-search__button { background: transparent; color: var(--mt-muted); border: 1px solid var(--mt-line); border-radius: 999px; padding: 8px; }
.mt-search .wp-block-search__button:hover { color: var(--mt-ink); border-color: var(--mt-muted); }
.mt-search .wp-block-search__input { background: var(--mt-surface); color: var(--mt-ink); border: 1px solid var(--mt-line); border-radius: 999px; padding: 8px 16px; }
@media (max-width: 1080px) {
	.mt-nav .wp-block-navigation-item__content { padding: 8px 6px; font-size: 0.875rem; }
	.mt-logo__sub { display: none; }
}

/* ---------- Sections ---------- */
.mt-home > * + * { margin-top: 0; }
.mt-section { padding-block: clamp(48px, 6vw, 80px); border-top: 1px solid var(--mt-line); }
.mt-section__head { margin-bottom: 28px; align-items: baseline; }
.mt-section__head h2, .mt-section > h2, .mt-picks__intro h2, .mt-spotlight__intro h2 { margin: 0; font-size: var(--wp--preset--font-size--large); }
.mt-more { margin: 0; font-family: var(--mt-head); font-size: 0.875rem; font-weight: 500; }
.mt-more a::after { content: " \2192"; }

/* ---------- Cover fallback (posts without an image) ---------- */
.wp-block-post-featured-image { margin: 0; border-radius: var(--mt-r); overflow: hidden; background: var(--mt-surface); }
.wp-block-post-featured-image img { border-radius: var(--mt-r); transition: transform 300ms ease; }
.mt-cover { position: relative; display: block; width: 100%; border: 1px solid var(--mt-line); }
.mt-cover > a, .mt-cover { color: var(--mt-accent); }
.mt-cover > a { position: absolute; inset: 0; display: block; text-decoration: none !important; }
.mt-cover {
	background:
		radial-gradient(120% 90% at var(--mt-cx, 85%) var(--mt-cy, 15%), color-mix(in srgb, var(--mt-accent) 22%, transparent), transparent 60%),
		repeating-linear-gradient(0deg, transparent 0 31px, color-mix(in srgb, var(--mt-ink) 6%, transparent) 31px 32px),
		repeating-linear-gradient(90deg, transparent 0 31px, color-mix(in srgb, var(--mt-ink) 6%, transparent) 31px 32px),
		linear-gradient(160deg, var(--mt-surface-2), var(--mt-bg));
}
.mt-cover__icon { position: absolute; left: 7%; bottom: 22%; }
.mt-cover__icon .mt-icon { width: clamp(28px, 12%, 56px); height: auto; aspect-ratio: 1; }
.mt-cover__label { position: absolute; left: 7%; bottom: 9%; right: 7%; font-family: var(--mt-head); font-size: 0.75rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mt-muted); }
.mt-cover--ai-personalization { --mt-cx: 80%; --mt-cy: 20%; }
.mt-cover--marketing-automation-crm { --mt-cx: 20%; --mt-cy: 10%; }
.mt-cover--social-messaging-email { --mt-cx: 90%; --mt-cy: 80%; }
.mt-cover--ecommerce-retail { --mt-cx: 50%; --mt-cy: 0%; }
.mt-cover--analytics-seo-cro { --mt-cx: 100%; --mt-cy: 50%; }
.mt-cover--advertising-lead-gen { --mt-cx: 65%; --mt-cy: 100%; }
.mt-cover--industry-playbooks { --mt-cx: 10%; --mt-cy: 90%; }
.mt-cover--malaysia-market-insights { --mt-cx: 35%; --mt-cy: 35%; }

/* ---------- Hero ---------- */
.mt-hero { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: clamp(24px, 3vw, 48px); padding-block: clamp(28px, 4vw, 48px) clamp(48px, 6vw, 72px); }
.mt-hero > .wp-block-query { margin: 0; }
.mt-hero__lead .wp-block-post-template { margin: 0; }
.mt-hero__lead .wp-block-post-featured-image { margin-bottom: 24px; }
.mt-hero__text > * + * { margin-top: 12px; }
.mt-hero__title { font-size: var(--wp--preset--font-size--x-large); line-height: 1.08; letter-spacing: -0.025em; margin-block: 10px 0; max-width: 22ch; }
.mt-hero__excerpt { color: var(--mt-muted); font-size: 1.0625rem; max-width: 60ch; }
.mt-hero__excerpt p { margin: 0; }
.mt-hero__side .wp-block-post-template { display: grid; gap: 0; margin: 0; }
.mt-hero__side li + li { border-top: 1px solid var(--mt-line); }
.mt-mini { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 16px; align-items: start; padding-block: 16px; }
.mt-hero__side li:first-child .mt-mini { padding-top: 0; }
.mt-mini__text > * + * { margin-top: 6px; }
.mt-mini__title { font-size: 1.0625rem; line-height: 1.25; margin-block: 6px 0; }
.mt-mini .mt-cover__icon { bottom: 34%; }
.mt-mini .mt-cover__label { display: none; }

/* ---------- Card grid ---------- */
.mt-grid .wp-block-post-template { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 28px; margin: 0; }
.mt-card > * + * { margin-top: 10px; }
.mt-card .wp-block-post-featured-image { margin-bottom: 16px; }
.mt-card__title { font-size: 1.25rem; line-height: 1.22; margin-block: 8px 0; }
.mt-card:hover .wp-block-post-featured-image img, .mt-mini:hover img, .mt-hero__lead:hover img { transform: scale(1.03); }
.mt-card:hover .mt-cover, .mt-mini:hover .mt-cover, .mt-row:hover .mt-cover { border-color: color-mix(in srgb, var(--mt-accent) 55%, var(--mt-line)); }

/* ---------- Spotlight ---------- */
.mt-spotlight { background: var(--mt-surface); border-block: 1px solid var(--mt-line); padding-block: clamp(56px, 7vw, 96px); position: relative; overflow: hidden; }
.mt-spotlight::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(color-mix(in srgb, var(--mt-ink) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--mt-ink) 4%, transparent) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, var(--mt-bg), transparent 55%); -webkit-mask-image: linear-gradient(90deg, var(--mt-bg), transparent 55%); }
.mt-spotlight__inner { position: relative; display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 2fr); gap: clamp(32px, 5vw, 72px); }
.mt-spotlight__intro > * + * { margin-top: 16px; }
.mt-spotlight__intro h2 { font-size: var(--wp--preset--font-size--x-large); }
.mt-spotlight__desc { color: var(--mt-muted); max-width: 34ch; }
.mt-spotlight__list { margin: 0; }
.mt-spotlight__list .wp-block-post-template { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin: 0; }
.mt-row > * + * { margin-top: 14px; }
.mt-row__title { font-size: 1.125rem; line-height: 1.25; margin: 0; }
.mt-row__excerpt { color: var(--mt-muted); font-size: 0.9375rem; margin-top: 8px; }
.mt-row__excerpt p { margin: 0; }
.mt-row .wp-block-post-excerpt__more-text { display: none; }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--mt-ink); border: 1px solid var(--mt-line); padding: 10px 18px; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--mt-accent); color: var(--mt-accent); background: transparent; }

/* ---------- Editor's picks ---------- */
.mt-picks-wrap { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 2fr); gap: clamp(32px, 5vw, 72px); }
.mt-picks__intro > * + * { margin-top: 12px; }
.mt-picks__note { color: var(--mt-muted); max-width: 30ch; }
.mt-picks { margin: 0; }
.mt-picks ol.wp-block-post-template { counter-reset: pick; margin: 0; padding: 0; list-style: none; }
.mt-picks li { counter-increment: pick; display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: baseline; padding-block: 20px; border-bottom: 1px solid var(--mt-line); }
.mt-picks li:first-child { padding-top: 0; }
.mt-picks li::before { content: counter(pick, decimal-leading-zero); font-family: var(--mt-head); font-size: 2rem; font-weight: 600; color: var(--mt-line); line-height: 1; transition: color var(--mt-ease); }
.mt-picks li:hover::before { color: var(--mt-accent); }
.mt-pick__title { font-size: var(--wp--preset--font-size--medium); line-height: 1.25; margin-block: 6px 0; }

/* ---------- Topics ---------- */
.mt-topics > h2 { margin-bottom: 28px; }
.mt-catgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--mt-line); border: 1px solid var(--mt-line); border-radius: var(--mt-r); overflow: hidden; }
.mt-catcard { display: flex; flex-direction: column; gap: 10px; padding: 24px; background: var(--mt-bg); color: var(--mt-ink); text-decoration: none !important; transition: background var(--mt-ease); min-height: 220px; }
.mt-catcard:hover { background: var(--mt-surface); }
.mt-catcard__icon { color: var(--mt-accent); }
.mt-catcard__name { font-family: var(--mt-head); font-size: 1.125rem; font-weight: 600; line-height: 1.2; }
.mt-catcard__desc { color: var(--mt-muted); font-size: 0.875rem; line-height: 1.55; flex: 1; }
.mt-catcard__count { font-family: var(--mt-head); font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mt-muted); }
.mt-catcard:hover .mt-catcard__count { color: var(--mt-accent); }

/* ---------- Guides ---------- */
.mt-guides__list .wp-block-post-template { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; }
.mt-guide { height: 100%; display: flex; flex-direction: column; gap: 12px; padding: 24px; background: var(--mt-surface); border: 1px solid var(--mt-line); border-radius: var(--mt-r); transition: border-color var(--mt-ease); }
.mt-guide:hover { border-color: color-mix(in srgb, var(--mt-accent) 55%, var(--mt-line)); }
.mt-guide > * { margin: 0 !important; }
.mt-guide__title { font-size: 1.125rem; line-height: 1.25; }
.mt-guide__excerpt { color: var(--mt-muted); font-size: 0.9375rem; flex: 1; }
.mt-guide__excerpt p { margin: 0; }
.mt-guide .wp-block-post-excerpt__more-text { display: none; }
.mt-guide__more { font-family: var(--mt-head); font-size: 0.875rem; font-weight: 500; color: var(--mt-accent); }
.mt-guide__more::after { content: " \2192"; }

/* ---------- Footer ---------- */
.mt-footer { margin-top: 0; border-top: 1px solid var(--mt-line); padding-block: 56px 28px; background: var(--mt-bg); }
.mt-footer__grid { display: grid; grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); gap: 40px; }
.mt-footer__about { color: var(--mt-muted); font-size: 0.9375rem; max-width: 42ch; margin-top: 16px; }
.mt-footer__title { font-size: 0.75rem !important; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mt-muted) !important; margin: 0 0 14px; font-weight: 500 !important; }
.mt-footer__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; font-size: 0.9375rem; }
.mt-footer__list a { color: var(--mt-ink); }
.mt-footer__list a:hover { color: var(--mt-accent); }
.mt-footer__base { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--mt-line); color: var(--mt-muted); font-size: 0.8125rem; }
.mt-footer__base p { margin: 0; }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
	.mt-catgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mt-guides__list .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	.mt-hero { grid-template-columns: 1fr; }
	.mt-grid .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mt-spotlight__inner, .mt-picks-wrap { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.mt-grid .wp-block-post-template,
	.mt-spotlight__list .wp-block-post-template,
	.mt-guides__list .wp-block-post-template,
	.mt-catgrid,
	.mt-footer__grid { grid-template-columns: 1fr; }
	.mt-mini { grid-template-columns: 104px minmax(0, 1fr); }
	.mt-picks li { grid-template-columns: 52px minmax(0, 1fr); }
	.mt-picks li::before { font-size: 1.5rem; }
	.mt-catcard { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; }
	.mt-card:hover img, .mt-mini:hover img, .mt-hero__lead:hover img { transform: none; }
}

/* ---------- Article ---------- */
.mt-article__head { max-width: 920px; padding-block: clamp(32px, 5vw, 64px) 28px; }
.mt-article__head > * + * { margin-top: 14px; }
.mt-crumbs { font-size: 0.8125rem; color: var(--mt-muted); }
.mt-crumbs a { color: var(--mt-muted); }
.mt-crumbs a:hover { color: var(--mt-accent); }
.mt-article__title { font-size: var(--wp--preset--font-size--xx-large); line-height: 1.05; letter-spacing: -0.03em; margin-block: 8px 0; max-width: 24ch; }
.mt-article__meta { gap: 6px 18px; margin-top: 20px !important; }
.mt-article__meta > * { margin: 0; }
.mt-article__meta .wp-block-post-time-to-read { color: var(--mt-muted); font-size: 0.8125rem; }
.mt-article__image { margin-block: 8px 0 !important; }
.mt-article__body { display: grid; grid-template-columns: 240px minmax(0, 720px); justify-content: space-between; gap: 64px; padding-block: 48px 24px; max-width: 1080px; }
.mt-article__aside { position: relative; }

.mt-toc { position: sticky; top: 96px; max-height: calc(100vh - 120px); overflow-y: auto; font-size: 0.875rem; }
.mt-toc__title, .mt-toc-mobile summary { font-family: var(--mt-head); font-size: 0.75rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mt-muted); margin: 0 0 12px; }
.mt-toc ol, .mt-toc-mobile ol { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--mt-line); }
.mt-toc li a, .mt-toc-mobile li a { display: block; padding: 6px 0 6px 14px; margin-left: -1px; border-left: 1px solid transparent; color: var(--mt-muted); line-height: 1.4; }
.mt-toc li a:hover, .mt-toc-mobile li a:hover { color: var(--mt-ink); border-left-color: var(--mt-accent); text-decoration: none; }
.mt-toc-mobile { display: none; border: 1px solid var(--mt-line); border-radius: var(--mt-r); background: var(--mt-surface); padding: 14px 16px; }
.mt-toc-mobile summary { cursor: pointer; margin: 0; list-style: none; display: flex; justify-content: space-between; }
.mt-toc-mobile summary::-webkit-details-marker { display: none; }
.mt-toc-mobile summary::after { content: "+"; font-size: 1rem; color: var(--mt-ink); }
.mt-toc-mobile[open] summary::after { content: "\2212"; }
.mt-toc-mobile[open] ol { margin-top: 12px; }

/* Article body: imported HTML uses <br> breaks, tables, inline image styles. */
.mt-prose { font-size: 1.125rem; line-height: 1.75; color: color-mix(in srgb, var(--mt-ink) 90%, var(--mt-muted)); overflow-wrap: break-word; }
.mt-prose > :first-child, .mt-prose > br:first-child + * { margin-top: 0; }
.mt-prose > br:first-child { display: none; }
.mt-prose h2 { font-size: var(--wp--preset--font-size--large); margin: 2.2em 0 0.6em; scroll-margin-top: 96px; }
.mt-prose h3 { font-size: var(--wp--preset--font-size--medium); margin: 1.8em 0 0.5em; scroll-margin-top: 96px; }
.mt-prose h2 + br, .mt-prose h3 + br, .mt-prose h2 + br + br, .mt-prose h3 + br + br { display: none; }
.mt-prose p { margin: 0 0 1.2em; }
.mt-prose a { color: var(--mt-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.mt-prose strong, .mt-prose b { color: var(--mt-ink); font-weight: 600; }
.mt-prose ul, .mt-prose ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.mt-prose li { margin-bottom: 0.4em; }
.mt-prose li::marker { color: var(--mt-accent); }
.mt-prose img { max-width: 100% !important; width: auto !important; border-radius: var(--mt-r); margin-block: 1em; }
/* Imported quotes carry inline dark text (#212529) and a light-theme box; override with !important. */
.mt-prose blockquote { margin: 1.6em 0 !important; padding: 4px 0 4px 20px !important; border: 0 !important; border-left: 2px solid var(--mt-accent) !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; color: var(--mt-ink) !important; font-size: 1.1875rem !important; line-height: 1.6 !important; }
.mt-prose blockquote * { color: inherit; }
.mt-prose p:empty { display: none; }
.mt-prose table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 1.6em 0; font-size: 0.9375rem; line-height: 1.5; border: 1px solid var(--mt-line); border-radius: var(--mt-r); }
.mt-prose th, .mt-prose td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--mt-line); min-width: 120px; }
.mt-prose th, .mt-prose thead td, .mt-prose tr:first-child > td:only-child { background: var(--mt-surface); color: var(--mt-ink); font-family: var(--mt-head); font-weight: 600; }
.mt-prose tr:last-child td { border-bottom: 0; }
/* Imported tables carry inline line-height:40px and light grey borders; normalise them. */
.mt-prose :is(table, tr, th, td) { line-height: 1.5 !important; border-color: var(--mt-line) !important; }
.mt-prose :is(th, td) { border-width: 0 0 1px !important; border-style: solid !important; padding: 12px 14px !important; }
.mt-prose tr:has(> th:only-child), .mt-prose th:empty { display: none; }
.mt-prose :is(iframe, video, embed) { display: block; width: 100% !important; max-width: 100%; height: auto !important; aspect-ratio: 16 / 9; border: 0; border-radius: var(--mt-r); margin-block: 1.4em; }
.mt-prose hr { border: 0; border-top: 1px solid var(--mt-line); margin: 2.4em 0; }
.mt-prose code { font-size: 0.9em; background: var(--mt-surface); padding: 2px 6px; border-radius: 4px; }

.mt-article__foot { max-width: 1080px; display: grid; gap: 28px; padding-bottom: 48px; }
.mt-article__foot > * { margin: 0; }
.mt-article__filed { font-size: 0.875rem; color: var(--mt-muted); padding-top: 24px; border-top: 1px solid var(--mt-line); }
.mt-postnav { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.mt-postnav > div { padding: 18px 20px; border: 1px solid var(--mt-line); border-radius: var(--mt-r); background: var(--mt-surface); font-size: 0.8125rem; color: var(--mt-muted); transition: border-color var(--mt-ease); }
.mt-postnav > div:hover { border-color: color-mix(in srgb, var(--mt-accent) 55%, var(--mt-line)); }
.mt-postnav a { display: block; margin-top: 6px; color: var(--mt-ink); font-family: var(--mt-head); font-size: 1rem; font-weight: 600; line-height: 1.3; }
.mt-postnav__next { text-align: right; grid-column: 2; }
.mt-postnav > div:not(:has(a)) { display: none; }
.mt-postnav .post-navigation-link__label { display: block; font-family: var(--mt-body, inherit); font-size: 0.75rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mt-muted); margin-bottom: 6px; }
.mt-postnav [class*="__arrow"] { display: none; }
.mt-related-wrap h2 { margin: 0 0 28px; font-size: var(--wp--preset--font-size--large); }

/* ---------- Archives, search, 404, pages ---------- */
.mt-archive__head { padding-block: clamp(40px, 6vw, 80px) 40px; border-bottom: 1px solid var(--mt-line); margin-bottom: 48px; }
.mt-archive__head > * + * { margin-top: 14px; }
.mt-archive__icon { display: inline-flex; color: var(--mt-accent); }
.mt-archive__icon .mt-icon { width: 40px; height: 40px; }
.mt-archive__title { font-size: var(--wp--preset--font-size--xx-large); line-height: 1.05; letter-spacing: -0.03em; margin: 0; max-width: 20ch; }
.mt-archive__desc { color: var(--mt-muted); font-size: 1.125rem; max-width: 62ch; }
.mt-archive__desc p { margin: 0; }
.mt-archive__list { margin-bottom: clamp(56px, 7vw, 96px); }
.mt-card__excerpt { color: var(--mt-muted); font-size: 0.9375rem; line-height: 1.6; }
.mt-card__excerpt p { margin: 0; }
.mt-card .wp-block-post-excerpt__more-text { display: none; }
.mt-pagination { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--mt-line); font-family: var(--mt-head); font-size: 0.9375rem; }
.mt-pagination a, .mt-pagination .page-numbers { color: var(--mt-muted); padding: 6px 10px; border-radius: var(--mt-r); }
.mt-pagination a:hover { color: var(--mt-ink); background: var(--mt-surface); text-decoration: none; }
.mt-pagination .current { color: var(--mt-accent-ink); background: var(--mt-accent); }
.mt-searchbar { max-width: 560px; }
.mt-searchbar .wp-block-search__inside-wrapper { border: 1px solid var(--mt-line); border-radius: 999px; background: var(--mt-surface); padding: 4px; }
.mt-searchbar .wp-block-search__input { background: transparent; border: 0; color: var(--mt-ink); padding: 10px 16px; font-size: 1rem; }
.mt-searchbar .wp-block-search__input::placeholder { color: var(--mt-muted); }
.mt-searchbar .wp-block-search__button { border-radius: 999px; margin: 0; padding: 10px 20px; }
.mt-empty > * + * { margin-top: 16px; }
.mt-empty .mt-catgrid { margin-top: 32px; }
.mt-404__code { font-family: var(--mt-head); font-size: clamp(4rem, 12vw, 8rem); font-weight: 700; line-height: 1; letter-spacing: -0.05em; color: var(--mt-accent); margin: 0; }
.mt-404 .mt-section { border-top: 0; padding-top: 0; }
.mt-page__head { padding-block: clamp(40px, 6vw, 80px) 32px; }
.mt-page .mt-prose { padding-bottom: clamp(56px, 7vw, 96px); }

@media (max-width: 1080px) {
	.mt-article__body { grid-template-columns: minmax(0, 1fr); gap: 28px; max-width: 720px; margin-inline: auto !important; }
	.mt-toc { display: none; }
	.mt-toc-mobile { display: block; }
	.mt-article__foot { max-width: 720px; margin-inline: auto !important; }
}
@media (max-width: 600px) {
	.mt-prose { font-size: 1.0625rem; }
	.mt-postnav { grid-template-columns: 1fr; }
	.mt-postnav__next { grid-column: auto; text-align: left; }
	.mt-article__body { padding-top: 32px; }
}