/*
Theme Name: mcda.Studio
Theme URI: https://mcda.studio
Author: INOWAS research group, TU Dresden
Description: Block theme for the mcda.Studio website: dark neutral grey, petrol accent, Figtree and IBM Plex Mono, one-page front page with a topographic hero, feature sections, news cards and footer.
Version: 2.20.3
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mcdastudio
*/

/* Colours and fonts come from theme.json. This file adds the parts that blocks cannot express. */

:root {
	--mcda-bg: var(--wp--preset--color--base, #141A1C);
	--mcda-band: var(--wp--preset--color--band, #192022);
	--mcda-surface: var(--wp--preset--color--surface, #1F272A);
	--mcda-line: var(--wp--preset--color--line, #344246);
	--mcda-text: var(--wp--preset--color--contrast, #E1E9EC);
	--mcda-body: var(--wp--preset--color--body, #B2BEC2);
	--mcda-muted: var(--wp--preset--color--muted, #8A9DA3);
	--mcda-accent: var(--wp--preset--color--accent, #2DB3D4);
	--mcda-mark: var(--wp--preset--color--mark, #0E8DAE);
	--mcda-mono: var(--wp--preset--font-family--mono, ui-monospace, monospace);
	color-scheme: dark;
}

html { scroll-behavior: smooth; }
/* No rubber-band bounce when scrolling past the top or bottom (Safari, trackpads, phones),
   so the sticky header stays frozen at the top, like in the app. */
html, body { overscroll-behavior-y: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
:where(.wp-site-blocks) :focus-visible { outline: 2px solid var(--mcda-accent); outline-offset: 3px; border-radius: 4px; }
h1, h2, h3 { text-wrap: balance; }
/* Highlighted words in headings, in the theme petrol */
.mcda-hl { color: var(--mcda-accent); }
[id] { scroll-margin-top: 84px; }

/* Small uppercase label above headings */
.eyebrow {
	font-family: var(--mcda-mono);
	font-size: 0.75rem !important;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--mcda-accent);
	line-height: 1.2;
}

/* Secondary (outline) button */
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
	background: transparent;
	color: var(--mcda-text);
	border: 1px solid #3E4C52;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { border-color: var(--mcda-accent); background: transparent; color: var(--mcda-text); }

/* ---------- Header ---------- */
/* The header stays at the top while scrolling. Sticky must sit on the template-part wrapper,
   which is a direct child of the page; on the inner group it would only stick inside its own wrapper. */
.wp-site-blocks > .wp-block-template-part:has(.mcda-header),
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
}
.mcda-header {
	background: rgba(20, 26, 28, 0.88);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--mcda-line);
}
@media (max-width: 600px) { .wp-site-blocks > .wp-block-template-part:has(.mcda-header) { top: 0; } }
/* Same bar as the app: 58 px high including the bottom line, logo 256 × 44 px, centred vertically */
.mcda-header { box-sizing: border-box; height: 58px; display: flex; flex-direction: column; justify-content: center; }
.mcda-header > .wp-block-group { width: 100%; align-items: center; }
.mcda-header .mcda-logo { margin: 0; line-height: 0; }
.mcda-header .mcda-logo a { display: block; line-height: 0; }
.mcda-header .wp-block-image img { width: 256px; height: 44px; display: block; }
/* Menu: top-level items as soft pills, sub-menus as dark rounded panels */
.mcda-header .wp-block-navigation { --nav-pill: #222C30; font-size: 1rem; font-weight: 500; }
.mcda-header .wp-block-navigation a { text-decoration: none; }
.mcda-header .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content { color: #B9C7CC; padding: 0.45rem 0.75rem; border-radius: 6px; }
.mcda-header .wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.mcda-header .wp-block-navigation .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation-item__content,
.mcda-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content { color: var(--mcda-text); background: var(--nav-pill); }
.mcda-header .wp-block-navigation .has-child > .wp-block-navigation-item__content { padding-right: 1.9rem; }
.mcda-header .wp-block-navigation .wp-block-navigation__submenu-icon { margin-left: -1.35rem; position: relative; z-index: 1; color: #B9C7CC; }
.mcda-header .wp-block-navigation .wp-block-navigation__submenu-container {
	background: var(--mcda-surface) !important;
	color: var(--mcda-text) !important;
	border: 1px solid var(--mcda-line) !important;
	border-radius: 8px;
	padding: 8px 0 !important;
	min-width: 270px !important;
	margin-top: 6px;
	box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.55);
}
/* Sub-menu stays open while the pointer crosses the gap below the menu item: an invisible bridge
   fills the gap, and closing waits a moment so a slightly diagonal move does not lose it. */
.mcda-header .wp-block-navigation .has-child > .wp-block-navigation__submenu-container::before {
	content: ""; position: absolute; left: -12px; right: -12px; top: -16px; height: 16px;
}
.mcda-header .wp-block-navigation .has-child:not(.is-menu-open *) > .wp-block-navigation__submenu-container {
	transition: opacity .12s ease .25s, visibility 0s linear .37s !important;
}
.mcda-header .wp-block-navigation .has-child:not(.is-menu-open *):hover > .wp-block-navigation__submenu-container,
.mcda-header .wp-block-navigation .has-child:not(.is-menu-open *):focus-within > .wp-block-navigation__submenu-container {
	transition: opacity .12s ease 0s, visibility 0s linear 0s !important;
}
.mcda-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: var(--mcda-text); padding: 0.7rem 1.25rem; border-radius: 0; background: transparent; }
.mcda-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { position: relative; transition: background-color .12s ease, color .12s ease, padding-left .15s ease; }
.mcda-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content::before {
	content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; border-radius: 0 2px 2px 0; background: var(--mcda-accent); opacity: 0; transition: opacity .12s ease;
}
.mcda-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.mcda-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible {
	background: rgba(45, 179, 212, 0.16); color: #FFFFFF; padding-left: 1.5rem;
}
.mcda-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content::before,
.mcda-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible::before { opacity: 1; }
.mcda-header .wp-block-navigation .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--link); }
@media (prefers-reduced-motion: reduce) { .mcda-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { transition: none; } }
.mcda-header .wp-block-button__link { padding: 0.5rem 0.9rem; }
/* Menu items and the Sign in button never break over two lines */
.mcda-header .wp-block-navigation-item__content, .mcda-header .wp-block-button__link { white-space: nowrap; }
.mcda-header .wp-block-navigation__responsive-container-open { color: var(--mcda-text); padding: 6px; border-radius: 6px; }
.mcda-header .wp-block-navigation__responsive-container-open:hover { background: #222C30; }

/* Below 1200 px the menu moves behind a menu button; the logo, Sign in and the menu button stay in the bar.
   (WordPress itself only switches at 600 px, too late for eight menu items, which need about 1190 px in one row.) */
@media (min-width: 1200px) and (max-width: 1319px) {
	/* slightly tighter items just above the switch, so the row never breaks onto a second line */
	.mcda-header .wp-block-navigation .wp-block-navigation-item > .wp-block-navigation-item__content { padding-inline: 0.6rem; }
	.mcda-header .wp-block-navigation .has-child > .wp-block-navigation-item__content { padding-right: 1.75rem; }
}
@media (max-width: 1199px) {
	.mcda-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.mcda-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
	.mcda-header > .wp-block-group > .wp-block-group { gap: 0.6rem; }
	.mcda-header .mcda-header-cta { order: -1; }
}
@media (max-width: 480px) {
	.mcda-header .wp-block-image img { width: 200px; height: auto; }
	.mcda-header .wp-block-button__link { padding: 0.4rem 0.75rem; font-size: 0.9rem; }
}
@media (max-width: 360px) { .mcda-header .wp-block-image img { width: 168px; } }

/* The opened menu: full screen, large items, sub-menu shown as an indented list */
/* the header's blur would confine the full-screen menu to the 58 px bar, so it is switched off while the menu is open */
.mcda-header:has(.is-menu-open) { -webkit-backdrop-filter: none; backdrop-filter: none; }
.wp-block-navigation__responsive-container.is-menu-open { background: var(--mcda-bg) !important; color: var(--mcda-text) !important; padding: 18px 24px 32px !important; }
.mcda-header .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 56px !important; align-items: stretch !important; }
.mcda-header .is-menu-open .wp-block-navigation__container { width: 100%; gap: 0 !important; align-items: stretch !important; }
.mcda-header .is-menu-open .wp-block-navigation-item { width: 100%; align-items: stretch !important; border-bottom: 1px solid var(--mcda-line); }
.mcda-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { border-bottom: 0; }
.mcda-header .is-menu-open .wp-block-navigation-item > .wp-block-navigation-item__content { display: block; padding: 0.95rem 0.25rem !important; font-size: 1.15rem; color: var(--mcda-text); background: transparent !important; border-radius: 0; }
.mcda-header .is-menu-open .current-menu-item > .wp-block-navigation-item__content { color: var(--mcda-accent); }
.mcda-header .is-menu-open .wp-block-navigation__submenu-icon { display: none; }
.mcda-header .is-menu-open .wp-block-navigation__submenu-container {
	background: transparent !important; border: 0 !important; box-shadow: none; min-width: 0 !important;
	margin: -0.4rem 0 0.6rem; padding: 0 0 0 1rem !important;
}
.mcda-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 0.55rem 0.25rem !important; font-size: 1rem; color: #B9C7CC; }
.mcda-header .wp-block-navigation__responsive-container-close { top: 18px !important; right: 22px !important; color: var(--mcda-text); }

/* ---------- Hero ---------- */
.mcda-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	--text: #EAF3F5; --text-2: #C9D4D8; --muted: #9AAAB0; --green: #5FD0A0;
	--font: var(--wp--preset--font-family--figtree); --mono: var(--mcda-mono);
}
/* Contour lines with a soft petrol glow on the summit: strong on the right, faint behind the text, fading out towards the bottom.
   contours-summit.svg is the banner terrain continued past its right edge, so the summit is whole and sits further left;
   index contours every 100 m. */
.mcda-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -3;
	background: url("assets/images/contours-summit.svg") 70% 40% / cover no-repeat, radial-gradient(ellipse 38% 75% at 66% 42%, rgba(45, 179, 212, 0.38), rgba(45, 179, 212, 0.12) 55%, transparent 80%);
	opacity: 0.6;
	-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.6) 30%, #000 60%), linear-gradient(180deg, #000 35%, transparent 88%);
	-webkit-mask-composite: source-in;
	mask-image: linear-gradient(90deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.6) 30%, #000 60%), linear-gradient(180deg, #000 35%, transparent 88%);
	mask-composite: intersect;
}
/* Candidate sites: the "very high" picks on the summit, fainter ones elsewhere; same coordinates as the contours, so they stay on the hills */
.mcda-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	opacity: 0.9;
	background: url("assets/images/candidate-sites.svg") 70% 40% / cover no-repeat;
	-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,.5) 30%, #000 60%), linear-gradient(180deg, #000 60%, transparent 95%);
	-webkit-mask-composite: source-in;
	mask-image: linear-gradient(90deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,.5) 30%, #000 60%), linear-gradient(180deg, #000 60%, transparent 95%);
	mask-composite: intersect;
}
.mcda-hero .mcda-hero-art {
	position: absolute;
	z-index: -2;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: min(40%, 520px);
	margin: 0 !important;
	pointer-events: none;
}
.mcda-hero .mcda-hero-art svg { display: block; width: 100%; height: auto; }
/* Layer-stack illustration switched off for now (the animated contours carry the hero). Delete this line to bring it back. */
.mcda-hero .mcda-hero-art { display: none; }
.mcda-hero .mcda-hero-text { position: relative; max-width: 620px; }
.mcda-hero h1 { font-size: clamp(1.9rem, 3.1vw, 2.55rem) !important; }
.eyebrow.no-caps { text-transform: none; letter-spacing: 0.04em; }
.mcda-hero .lede { color: #C3CED2; max-width: 50ch; }
.hero-art .lyr-in { animation: mcda-in .7s ease both; }
.hero-art .lyr { animation: mcda-float 6s ease-in-out infinite; }
@keyframes mcda-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes mcda-float { 0%, 100% { transform: none; } 50% { transform: translateY(var(--lift, -3px)); } }
@media (prefers-reduced-motion: reduce) { .hero-art .lyr-in, .hero-art .lyr { animation: none; } }
@media (max-width: 900px) {
	.mcda-hero .mcda-hero-art { width: 95%; right: -12%; opacity: 0.28; }
	.mcda-hero::before { opacity: 0.4; }
}

/* Buttons and colour scale share one width */
.mcda-cta-block { display: inline-grid !important; gap: 1.1rem; max-width: 100%; }
.mcda-cta-block > * { margin: 0 !important; }
.mcda-scale .bar { display: flex; gap: 3px; height: 8px; }
.mcda-scale .bar span { flex: 1; border-radius: 2px; }
.mcda-scale .ends { display: flex; justify-content: space-between; margin-top: 6px; font: 0.6875rem/1.2 var(--mcda-mono); letter-spacing: 0.04em; color: var(--mcda-muted); }

/* ---------- Screenshots in a browser frame ---------- */
.mcda-shot {
	border: 1px solid var(--mcda-line);
	border-radius: 10px;
	overflow: hidden;
	background: var(--mcda-surface);
	box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.6);
}
.mcda-shot::before {
	content: "mcda.studio";
	display: block;
	padding: 7px 12px 7px 66px;
	border-bottom: 1px solid var(--mcda-line);
	font: 0.72rem/1.4 var(--mcda-mono);
	color: var(--mcda-muted);
	background:
		radial-gradient(circle at 16px 50%, #3A474C 4.5px, transparent 5px),
		radial-gradient(circle at 32px 50%, #3A474C 4.5px, transparent 5px),
		radial-gradient(circle at 48px 50%, #3A474C 4.5px, transparent 5px),
		var(--mcda-band);
}
.mcda-shot img { display: block; width: 100%; height: auto; }
.mcda-hero-shot .mcda-shot img { aspect-ratio: 2100 / 1192; } /* the screenshots' format; keeps the space reserved while loading */
/* Hero screenshot cross-fade (assets/js/hero-fade.js) */
.mcda-fade { position: relative; }
.mcda-fade .mcda-fade-top { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.8s ease-in-out; }
.mcda-fade .mcda-fade-top.is-in { opacity: 1; }
.mcda-fade .mcda-fade-top.no-anim { transition: none; }
.mcda-lift { margin-top: -72px !important; position: relative; z-index: 2; }
@media (max-width: 781px) { .mcda-lift { margin-top: -56px !important; } }

/* Screenshot slider: several screenshots in one frame, with arrows and dots (assets/js/slider.js) */
.mcda-slider { position: relative; }
.mcda-slider .mcda-shot { position: relative; margin: 0; }
.mcda-slides {
	display: flex;
	aspect-ratio: var(--mcda-ratio, 16 / 10);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.mcda-slides::-webkit-scrollbar { display: none; }
.mcda-slides:focus-visible { outline-offset: -3px; border-radius: 0 0 9px 9px; }
.mcda-slider .mcda-slides > img {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	object-fit: contain;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
.mcda-arrow {
	position: absolute;
	top: calc(50% + 15px);
	z-index: 1;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid var(--mcda-line);
	border-radius: 50%;
	background: rgba(20, 26, 28, 0.8);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	color: var(--mcda-text);
	cursor: pointer;
	transform: translateY(-50%);
	transition: opacity .18s ease, color .18s ease, border-color .18s ease, background-color .18s ease;
}
.mcda-prev { left: 12px; }
.mcda-next { right: 12px; }
.mcda-arrow svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mcda-arrow:hover, .mcda-arrow:focus-visible { color: var(--mcda-accent); border-color: var(--mcda-accent); background: rgba(20, 26, 28, 0.94); }
/* With a mouse, the arrows appear when the pointer is over the screenshot */
@media (hover: hover) {
	.mcda-arrow { opacity: 0; }
	.mcda-slider:hover .mcda-arrow, .mcda-slider:focus-within .mcda-arrow { opacity: 1; }
}
@media (max-width: 600px) { .mcda-arrow { width: 34px; height: 34px; } .mcda-prev { left: 8px; } .mcda-next { right: 8px; } }
.mcda-shot-meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px 24px; margin-top: 14px; }
.mcda-caption { display: flex; align-items: baseline; gap: 12px; margin: 0; padding-top: 2px; font-size: 0.875rem; line-height: 1.45; color: var(--mcda-muted) !important; }
.mcda-count { flex: none; font: 500 0.72rem/1.45 var(--mcda-mono); letter-spacing: 0.04em; color: var(--mcda-accent); font-variant-numeric: tabular-nums; }
.mcda-caption-text:empty { display: none; }
.mcda-caption-stack { display: grid; flex: 1; min-width: 0; }
.mcda-caption-stack > .mcda-caption-text { grid-area: 1 / 1; display: block; visibility: hidden; }
.mcda-caption-stack > .mcda-caption-text.is-active { visibility: visible; }
.mcda-caption-text.is-changing { animation: mcda-caption-in .35s ease; }
@keyframes mcda-caption-in { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }
.mcda-dots { display: flex; flex: none; gap: 2px; margin-left: auto; }
.mcda-dots button { display: grid; place-items: center; width: 22px; height: 22px; padding: 0; border: 0; background: none; cursor: pointer; transition: width .2s ease; }
.mcda-dots button::before { content: ""; width: 8px; height: 8px; border-radius: 4px; background: var(--mcda-line); transition: width .2s ease, background-color .2s ease; }
.mcda-dots button:hover::before { background: var(--mcda-muted); }
.mcda-dots button[aria-current="true"] { width: 34px; }
.mcda-dots button[aria-current="true"]::before { width: 24px; background: var(--mcda-accent); }
@media (prefers-reduced-motion: reduce) { .mcda-arrow, .mcda-dots button, .mcda-dots button::before { transition: none; } .mcda-caption-text.is-changing { animation: none; } }

/* Enlarge: button in the frame's title bar, and a zoom cursor on the screenshots */
.mcda-slider.is-ready .mcda-slides > img { cursor: zoom-in; }
.mcda-expand {
	position: absolute; top: 3px; right: 6px; z-index: 1;
	display: grid; place-items: center; width: 26px; height: 26px; padding: 0;
	border: 0; border-radius: 6px; background: none; color: var(--mcda-muted); cursor: pointer;
	transition: color .18s ease, background-color .18s ease;
}
.mcda-expand svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mcda-expand:hover, .mcda-expand:focus-visible { color: var(--mcda-accent); background: rgba(45, 179, 212, 0.1); }

/* These buttons show focus with their own colour and border, so no extra outline ring around them */
.mcda-expand:focus, .mcda-arrow:focus, .mcda-lb-close:focus, .mcda-lightbox:focus { outline: none; }

/* Figures in posts open in the enlarged view */
.mcda-zoomable { cursor: zoom-in; transition: opacity .18s ease; }
.mcda-zoomable:hover { opacity: .92; }
.mcda-zoomable:focus { outline: none; }
.mcda-zoomable:focus-visible { outline: 2px solid var(--mcda-accent); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .mcda-zoomable { transition: none; } }

/* Enlarged view */
html.mcda-noscroll { overflow: hidden; }
.mcda-lightbox {
	position: fixed; inset: 0; box-sizing: border-box; overflow: hidden;
	width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 56px 72px 24px;
	border: 0; background: transparent; color: var(--mcda-body);
}
.mcda-lightbox[open] { display: grid; place-items: center; }
.mcda-lightbox::backdrop { background: rgba(10, 14, 15, 0.9); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.mcda-lightbox[open], .mcda-lightbox[open]::backdrop { animation: mcda-lb-in .2s ease; }
@keyframes mcda-lb-in { from { opacity: 0; } to { opacity: 1; } }
/* The figure is as wide as the picture, so the caption starts at the picture's left edge */
.mcda-lb-figure { display: grid; justify-items: start; gap: 14px; width: fit-content; max-width: 100%; min-width: 0; margin: 0; }
.mcda-lb-img {
	display: block; max-width: 100%; max-height: calc(100vh - 140px); width: auto; height: auto;
	border: 1px solid var(--mcda-line); border-radius: 10px; box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.7);
}
.mcda-lb-caption { display: flex; align-items: baseline; gap: 12px; width: 0; min-width: 100%; font-size: 0.9rem; line-height: 1.45; color: var(--mcda-muted); text-align: left; }
.mcda-lb-caption .mcda-count:empty, .mcda-lb-text:empty { display: none; }
.mcda-lightbox .mcda-arrow { top: 50%; opacity: 1; }
.mcda-lightbox .mcda-prev { left: 16px; }
.mcda-lightbox .mcda-next { right: 16px; }
.mcda-lightbox.is-single .mcda-arrow { display: none; }
.mcda-lb-close {
	position: absolute; top: 12px; right: 16px; display: grid; place-items: center; width: 40px; height: 40px; padding: 0;
	border: 1px solid var(--mcda-line); border-radius: 50%; background: rgba(20, 26, 28, 0.8); color: var(--mcda-text); cursor: pointer;
	transition: color .18s ease, border-color .18s ease;
}
.mcda-lb-close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.mcda-lb-close:hover, .mcda-lb-close:focus-visible { color: var(--mcda-accent); border-color: var(--mcda-accent); }
@media (max-width: 600px) {
	.mcda-lightbox { padding: 60px 12px 72px; }
	.mcda-lightbox .mcda-arrow { top: auto; bottom: 16px; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .mcda-lightbox[open], .mcda-lightbox[open]::backdrop { animation: none; } }

/* ---------- Applications band ---------- */
.mcda-apps-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
.mcda-apps-list li { display: flex; }
.mcda-apps-list a {
	position: relative; flex: 1; display: flex; align-items: center; gap: 10px;
	padding: 12px 34px 12px 12px; font-size: 0.9rem; line-height: 1.35;
	color: var(--mcda-text) !important; text-decoration: none;
	border: 1px solid var(--mcda-line); border-radius: 8px; background: transparent;
	transition: border-color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.mcda-apps-list svg { width: 22px; height: 22px; flex: none; stroke: var(--mcda-accent); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease; }
/* arrow that slides in on hover */
.mcda-apps-list svg.go { position: absolute; right: 12px; width: 16px; height: 16px; opacity: 0; transform: translateX(-6px); transition: opacity .18s ease, transform .18s ease; }
.mcda-apps-list a:hover, .mcda-apps-list a:focus-visible {
	border-color: var(--mcda-accent);
	background: rgba(45, 179, 212, 0.08);
	transform: translateY(-2px);
	box-shadow: 0 10px 24px -14px rgba(45, 179, 212, 0.55);
}
.mcda-apps-list a:hover svg:first-child, .mcda-apps-list a:focus-visible svg:first-child { transform: scale(1.08); }
.mcda-apps-list a:hover svg.go, .mcda-apps-list a:focus-visible svg.go { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .mcda-apps-list a, .mcda-apps-list svg { transition: none; } .mcda-apps-list a:hover { transform: none; } }

/* ---------- Feature sections ---------- */
.mcda-feature { border-bottom: 1px solid var(--mcda-line); }
.mcda-feature:last-of-type { border-bottom: 0; }
.mcda-feature .wp-block-columns { align-items: center; }
.mcda-feature p:not(.eyebrow) { color: var(--mcda-muted); }
.mcda-points { list-style: none; padding: 0 !important; display: grid; gap: 10px; }
.mcda-points li { position: relative; padding-left: 26px; font-size: 0.95rem; color: #A9BAC0; } /* explanation a step quieter … */
.mcda-points li::before { content: ""; position: absolute; left: 3px; top: 0.5em; width: 9px; height: 9px; border-radius: 2px; background: var(--mcda-mark); transform: rotate(45deg); }
.mcda-points strong { font-weight: 700; color: #F4F8F9; } /* … so the bold term stands out */
@media (min-width: 782px) { .mcda-flip > .wp-block-column:first-child { order: 2; } }

/* ---------- Under the hood ---------- */
.mcda-tile { border: 1px solid var(--mcda-line); border-radius: 10px; background: var(--mcda-bg); height: 100%; }
.mcda-tile p { color: var(--mcda-muted); }
.mcda-tile .eyebrow { color: var(--wp--preset--color--link); text-transform: none; letter-spacing: 0; }

/* ---------- News cards ---------- */
.mcda-news .wp-block-post-template { gap: 18px; }
.mcda-news .wp-block-post {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--mcda-line);
	border-radius: 10px;
	overflow: hidden;
	background: var(--mcda-surface);
}
.mcda-news .wp-block-post > * { margin-left: 20px; margin-right: 20px; }
.mcda-news .wp-block-post > .wp-block-post-featured-image { margin: 0 0 4px; }
.mcda-news .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.mcda-news .wp-block-post-title { font-size: 1.15rem; line-height: 1.25; }
.mcda-news .wp-block-post-title a { color: var(--mcda-text); text-decoration: none; }
.mcda-news .wp-block-post-title a:hover { color: var(--wp--preset--color--link); }
/* Read more always sits at the bottom of the card */
.mcda-news .wp-block-read-more { margin-top: auto !important; padding: 8px 0 22px; font-weight: 600; font-size: 0.9rem; text-decoration: none; }

/* ---------- Footer ---------- */
.mcda-footer { border-top: 1px solid var(--mcda-line); background: var(--mcda-band); color: var(--mcda-muted); font-size: 0.9rem; }
.mcda-footer a { color: var(--mcda-muted); text-decoration: none; transition: color .2s ease; }
.mcda-footer a:hover, .mcda-footer a:focus-visible { color: var(--mcda-text); }
.mcda-footer p { margin: 0; }

/* Tier 1: brand + developers | Explore | Resources */
.mcda-footer-main { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(0, 1.3fr); gap: 2.5rem 2.5rem; align-items: start; }
.mcda-footer-logo img { height: 34px; width: auto; display: block; }
.mcda-footer-brand .mcda-footer-label { margin-top: 1.75rem; }
.mcda-footer-note { margin-top: 0.6rem !important; font-size: 0.82rem; line-height: 1.5; max-width: 34ch; }
.mcda-footer-label { font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mcda-muted); opacity: .75; margin-bottom: 0.9rem !important; }
.mcda-footer-links { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.55rem; }
.mcda-footer-nav .wp-block-navigation-item__content { padding: 0 !important; background: none !important; color: var(--mcda-muted) !important; }
.mcda-footer-nav .wp-block-navigation-item__content:hover { color: var(--mcda-text) !important; }
.mcda-footer-nav .wp-block-navigation__submenu-container, .mcda-footer-nav .wp-block-navigation__submenu-icon { display: none !important; }

/* Logos: any colour logo becomes a uniform grey silhouette, light on hover */
.mcda-partners { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem 2.25rem; }
.mcda-partner { display: inline-flex; align-items: center; min-height: 44px; }
.mcda-partner img { height: 30px; width: auto; max-width: 150px; display: block; filter: brightness(0) invert(1); opacity: .42; transition: opacity .2s ease; }
.mcda-partners--lead .mcda-partner img { height: 24px; max-width: 120px; }
/* INOWAS keeps its own colours, slightly dimmed */
.mcda-partners--colour .mcda-partner img { filter: none; opacity: .72; }
.mcda-partners--colour .mcda-partner:hover img, .mcda-partners--colour .mcda-partner:focus-visible img { opacity: 1; }
.mcda-partners--tud { margin-top: 1rem; }
.mcda-partners--tud .mcda-partner img { height: 34px; max-width: 140px; }
.mcda-partner:hover img, .mcda-partner:focus-visible img { opacity: .95; }
.mcda-logo-text { font-weight: 600; letter-spacing: .04em; font-size: 1rem; color: var(--mcda-muted); opacity: .7; transition: opacity .2s ease, color .2s ease; }
.mcda-partner:hover .mcda-logo-text { opacity: 1; color: var(--mcda-text); }

/* Tier 2: collaborators */
.mcda-footer-partners { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2.5rem; margin-top: 2.75rem; padding-top: 1.75rem; border-top: 1px solid var(--mcda-line); }
.mcda-footer-partners .mcda-footer-label { margin-bottom: 0 !important; }

/* Cite column */
.mcda-cite-box { position: relative; border: 1px solid var(--mcda-line); border-radius: 8px; background: var(--mcda-bg); }
.mcda-cite-text { font-size: 0.82rem; line-height: 1.55; color: var(--mcda-body); padding: 12px 44px 12px 14px; overflow-wrap: anywhere; }
.mcda-cite-copy { position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0; color: var(--mcda-muted); background: transparent; border: 1px solid transparent; border-radius: 6px; cursor: pointer; transition: color .18s ease, border-color .18s ease, background-color .18s ease; }
.mcda-cite-copy svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mcda-cite-copy .i-done { display: none; }
.mcda-cite-copy:hover, .mcda-cite-copy:focus-visible { color: var(--mcda-text); border-color: var(--mcda-line); background: rgba(45, 179, 212, 0.08); }
.mcda-cite-copy.is-done { color: var(--mcda-accent); }
.mcda-cite-copy.is-done .i-copy { display: none; }
.mcda-cite-copy.is-done .i-done { display: block; }
.mcda-cite-doi { display: inline-block; margin-top: 8px; font-family: var(--mcda-mono); font-size: 0.76rem; }
.mcda-footer .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Medium screens: three columns, the citation gets its own row */
@media (min-width: 782px) and (max-width: 1100px) {
	.mcda-footer-main { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); }
	.mcda-footer-cite { grid-column: 1 / -1; max-width: 560px; }
}

/* Partners: logos in their original colours */
.mcda-allies { list-style: none; margin: 0; padding: 0; flex: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 1rem 2.25rem; }
.mcda-ally { display: inline-flex; align-items: center; min-height: 48px; opacity: .85; transition: opacity .2s ease, transform .2s ease; }
.mcda-ally:hover, .mcda-ally:focus-visible { opacity: 1; transform: translateY(-1px); }
.mcda-ally img { display: block; width: auto; height: 36px; max-width: 170px; }
.mcda-ally--ecoe img, .mcda-ally--csiro img { height: 46px; }
.mcda-ally--mpowr-it img { height: 16px; }
.mcda-ally--vub img { height: 38px; }
.mcda-ally-name { display: block; max-width: 16ch; font-size: 0.8rem; line-height: 1.35; color: var(--mcda-body); }
@media (prefers-reduced-motion: reduce) { .mcda-ally { transition: none; } .mcda-ally:hover { transform: none; } }

/* Tier 3: bottom bar */
.mcda-footer-bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1.75rem; padding-top: 1.1rem; border-top: 1px solid var(--mcda-line); font-size: 0.78rem; opacity: .85; }

@media (max-width: 781px) {
	.mcda-footer-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.mcda-footer-brand { grid-column: 1 / -1; }
	.mcda-footer-cite { grid-column: 1 / -1; }
	.mcda-footer-partners { flex-direction: column; align-items: flex-start; }
	.mcda-allies { width: 100%; justify-content: flex-start; gap: 1.25rem 2rem; }
}

/* ---------- Posts and pages ---------- */
/* Reading pages: a shorter line (about 70 characters) and a rhythm where the space between
   paragraphs is a little larger than the line spacing, and each heading sits close to its own text. */
.mcda-article { --wp--style--global--content-size: 680px; }
.mcda-article .wp-block-post-content > * + * { margin-block-start: 1.35rem; }
.mcda-article .wp-block-post-content > :is(h2, h3, h4) { margin-block-start: 2.75rem; }
.mcda-article .wp-block-post-content > :is(h3, h4) { margin-block-start: 2rem; }
.mcda-article .wp-block-post-content > :is(h2, h3, h4) + * { margin-block-start: 0.6rem; }
.mcda-article .wp-block-post-content > :first-child { margin-block-start: 0; }
.mcda-article .wp-block-post-content li + li { margin-top: 0.35rem; }
.mcda-article .wp-block-post-content strong { color: var(--mcda-text); font-weight: 600; }
.mcda-article .wp-block-post-featured-image img { border-radius: 10px; }

/* Card picture for posts without a featured image: the logo mark on a soft gradient */
.mcda-placeholder { margin: 0; }
.mcda-placeholder a, .mcda-placeholder span.mcda-ph { display: grid; place-items: center; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #182024 0%, #1F2C33 60%, #22323B 100%); border-bottom: 1px solid var(--mcda-line); }
.mcda-placeholder img { width: 96px !important; height: auto; aspect-ratio: auto !important; opacity: 0.95; }
/* Date and category on one line */
.mcda-news .mcda-meta { font-family: var(--mcda-mono); font-size: 0.75rem; color: var(--mcda-muted); }
.mcda-news .mcda-meta a { color: var(--mcda-muted); text-decoration: none; }
.mcda-news .mcda-meta a:hover { color: var(--mcda-text); }
.mcda-news .wp-block-post > .mcda-meta { margin-top: 1rem; }

/* ---------- Category tags on news cards ---------- */
/* Colours are set per category in Posts → Categories ("Tag colour"); the theme passes them
   in as --tag (background) and --tag-ink (text, dark or light, whichever reads better). */
.mcda-news .wp-block-post-featured-image { position: relative; }
.mcda-news .wp-block-post-featured-image a.mcda-cat-tag {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	display: inline-block;
	width: auto;
	height: auto;
	max-width: calc(100% - 24px);
	aspect-ratio: auto;
	margin: 0;
	padding: 4px 9px;
	border: 0;
	border-radius: 5px;
	background: var(--tag, #8A9DA3);
	color: var(--tag-ink, #0B1214);
	font-family: var(--mcda-mono);
	font-size: 0.7rem;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
	transition: filter 0.15s ease;
}
.mcda-news .wp-block-post-featured-image a.mcda-cat-tag:hover,
.mcda-news .wp-block-post-featured-image a.mcda-cat-tag:focus-visible { filter: brightness(1.12); }
/* The tag replaces the category name next to the date */
.mcda-news .mcda-meta .wp-block-post-terms { display: none; }

/* ---------- Tables ----------
   WordPress's "Stripes" table style paints every other row light grey (#f0f0f0),
   which hides the light text of this dark theme. Stripes and lines use the theme greys instead. */
.wp-block-table { overflow-x: auto; }
.wp-block-table table { border-collapse: collapse; width: 100%; font-size: 0.95rem; }
.wp-block-table th, .wp-block-table td { border: 0; border-bottom: 1px solid var(--mcda-line); padding: 0.7rem 0.9rem; text-align: left; vertical-align: top; }
.wp-block-table thead { border-bottom: 2px solid var(--mcda-line); }
.wp-block-table thead th { font-weight: 600; color: var(--mcda-text); background: var(--mcda-band); }
.wp-block-table tfoot { border-top: 2px solid var(--mcda-line); }
.wp-block-table.is-style-stripes { border-bottom: 0; }
:root .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--mcda-surface); }
:root .wp-block-table.is-style-stripes tbody tr:nth-child(even) { background-color: transparent; }
.wp-block-table figcaption { color: var(--mcda-muted); font-size: 0.85rem; }


/* ---------- Section headers (Applications, Features, Software, News) ----------
   Centred title in the hero headline style, with a short subtitle in the style of the feature text.
   Subtitle under the title: 1-2 lines of muted body text.
   Subtitle above the title (move the paragraph above the heading in the editor):
   it turns into a small uppercase label, like the feature labels. */
.mcda-section-head { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 760px; margin-inline: auto !important; }
.mcda-section-head > * { margin-block: 0 !important; }
.mcda-section-head h2 { font-size: clamp(1.9rem, 3.1vw, 2.55rem) !important; line-height: 1.12; }
.mcda-section-head .mcda-section-sub {
	font-size: var(--wp--preset--font-size--medium); line-height: 1.6;
	color: var(--mcda-muted); max-width: 60ch; text-wrap: balance;
}
.mcda-section-head .mcda-section-sub:first-child {
	font-family: var(--mcda-mono); font-size: 0.75rem; font-weight: 500; line-height: 1.2;
	letter-spacing: 0.12em; text-transform: uppercase; color: var(--mcda-accent);
}
/* more space between the Applications subtitle and the application buttons */
.mcda-section-head + .mcda-apps-list { margin-top: 2.75rem !important; }
/* less space between the Features header and the first feature */
.mcda-features > .mcda-section-head + .mcda-feature { padding-top: 2.75rem !important; }

/* ---------- Applications band: cards with larger icons on a faint classified raster (assets/js/raster.js) ---------- */
.mcda-apps { position: relative; isolation: isolate; overflow: hidden; }
.mcda-apps > canvas.mcda-raster {
	position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; margin: 0 !important; max-width: none !important; pointer-events: none;
	-webkit-mask-image: radial-gradient(ellipse 75% 95% at 50% 50%, #000 35%, transparent 90%);
	mask-image: radial-gradient(ellipse 75% 95% at 50% 50%, #000 35%, transparent 90%);
}
.mcda-apps .mcda-apps-list { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; }
.mcda-apps .mcda-apps-list a {
	flex-direction: column; justify-content: flex-start; text-align: center; gap: 14px;
	padding: 26px 14px 22px; font-size: 0.95rem; font-weight: 500;
	border-radius: 10px; background: var(--wp--preset--color--band, #1A2124);
}
.mcda-apps .mcda-apps-list svg:first-child { width: 40px; height: 40px; stroke-width: 1.4; }
.mcda-apps .mcda-apps-list svg.go { top: 12px; right: 12px; width: 14px; height: 14px; }
.mcda-apps .mcda-apps-list a:hover, .mcda-apps .mcda-apps-list a:focus-visible { background: color-mix(in srgb, var(--mcda-accent) 8%, var(--wp--preset--color--band, #1A2124)); }
@media (max-width: 600px) {
	.mcda-apps .mcda-apps-list { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.mcda-apps .mcda-apps-list a { padding: 20px 10px 18px; }
}

/* ---------- News page (templates/page-news.html): all posts as cards ---------- */
.mcda-section-head h1 { font-size: clamp(1.9rem, 3.1vw, 2.55rem) !important; line-height: 1.12; }
.mcda-pagination { margin-top: 2.5rem !important; gap: 0.4rem; font-size: 0.9rem; }
.mcda-pagination a, .mcda-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center; min-width: 2.25rem; height: 2.25rem; padding: 0 0.7rem;
	border: 1px solid var(--mcda-line); border-radius: 8px; color: var(--mcda-text); text-decoration: none;
}
.mcda-pagination .page-numbers.current { border-color: var(--mcda-accent); color: var(--mcda-accent); }
.mcda-pagination .page-numbers.dots { border: 0; }
.mcda-pagination a:hover { border-color: var(--mcda-accent); }

/* ---------- Breadcrumbs (added by functions.php above page and post titles) ---------- */
.mcda-breadcrumbs { margin-bottom: 1.4rem !important; font: 0.75rem/1.5 var(--mcda-mono); letter-spacing: 0.02em; color: var(--mcda-muted); }
.mcda-breadcrumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.2rem 0; }
.mcda-breadcrumbs li { display: inline-flex; align-items: center; }
.mcda-breadcrumbs li + li::before { content: "/"; margin: 0 0.6rem; color: var(--mcda-line); }
.mcda-breadcrumbs a { color: var(--mcda-muted) !important; text-decoration: none; }
.mcda-breadcrumbs a:hover { color: var(--mcda-accent) !important; }
.mcda-breadcrumbs [aria-current] { color: var(--mcda-body); }
.mcda-article .mcda-breadcrumbs + * { margin-top: 0 !important; }

/* ---------- Callout boxes: Group block styles Note, Tip, Important ---------- */
:is(.is-style-mcda-note, .is-style-mcda-tip, .is-style-mcda-important) {
	--callout: var(--mcda-accent);
	position: relative;
	padding: 1rem 1.25rem 1.05rem 1.35rem !important;
	border-left: 3px solid var(--callout);
	border-radius: 0 8px 8px 0;
	background: color-mix(in srgb, var(--callout) 7%, var(--mcda-surface));
}
.is-style-mcda-tip { --callout: #5FD0A0; }
.is-style-mcda-important { --callout: #E39A55; }
:is(.is-style-mcda-note, .is-style-mcda-tip, .is-style-mcda-important)::before {
	display: block; margin-bottom: 0.45rem;
	padding-left: 1.55rem; min-height: 1.1rem; line-height: 1.1rem !important;
	background: no-repeat left center / 1.1rem 1.1rem;
	font: 500 0.7rem/1.2 var(--mcda-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--callout);
}
.is-style-mcda-note::before { content: "Note"; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232DB3D4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E"); }
.is-style-mcda-tip::before { content: "Tip"; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235FD0A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6M10 22h4'/%3E%3C/svg%3E"); }
.is-style-mcda-important::before { content: "Important"; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E39A55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E"); }
:is(.is-style-mcda-note, .is-style-mcda-tip, .is-style-mcda-important) > * { margin-block: 0 !important; }
:is(.is-style-mcda-note, .is-style-mcda-tip, .is-style-mcda-important) > * + * { margin-top: 0.6rem !important; }
:is(.is-style-mcda-note, .is-style-mcda-tip, .is-style-mcda-important) p { color: var(--mcda-body); font-size: 0.97rem; }
.mcda-article .wp-block-post-content > :is(.is-style-mcda-note, .is-style-mcda-tip, .is-style-mcda-important) { margin-block: 2rem !important; }

/* "All news" link under the news cards on the homepage */
.mcda-all-news { text-align: center; margin-top: 2.25rem !important; }
.mcda-all-news a {
	display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.6rem 1.15rem;
	border: 1px solid #3E4C52; border-radius: 8px; font-weight: 600; font-size: 0.9rem;
	color: var(--mcda-text) !important; text-decoration: none;
	transition: border-color .18s ease, color .18s ease;
}
.mcda-all-news a:hover { border-color: var(--mcda-accent); color: var(--mcda-accent) !important; }

/* Featured image at the top of a post: text-column width, never taller than ~420 px */
.mcda-article .wp-block-post-featured-image img { max-height: 420px; object-fit: cover; }

/* Date under the post title, in the small mono style of the news cards */
.mcda-article .mcda-post-date { font: 0.8rem/1.4 var(--mcda-mono); letter-spacing: 0.02em; color: var(--mcda-muted); }

/* ---------- Feature cards (post type "Features", under each feature section) ---------- */
.mcda-fcards { list-style: none; padding: 0; margin: 2.75rem 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.mcda-fcards > li { display: flex; min-width: 0; }
.mcda-fcard { display: flex; flex-direction: column; width: 100%; border: 1px solid var(--mcda-line); border-radius: 10px; overflow: hidden; background: var(--mcda-surface); color: inherit; text-decoration: none; transition: border-color 0.15s ease; }
a.mcda-fcard:hover, a.mcda-fcard:focus-visible { border-color: var(--mcda-mark); outline: none; }
a.mcda-fcard:focus-visible { box-shadow: 0 0 0 2px var(--mcda-accent); }
.mcda-fcard-media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; border-bottom: 1px solid var(--mcda-line); background: var(--mcda-band); }
.mcda-fcard-media > img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
a.mcda-fcard:hover .mcda-fcard-media > img { transform: scale(1.03); }
.mcda-fcard-ph { display: grid; place-items: center; height: 100%; background: linear-gradient(135deg, #182024 0%, #1F2C33 60%, #22323B 100%); }
.mcda-fcard-ph img { width: 56px; height: auto; opacity: 0.6; }
.mcda-fcard-badge { position: absolute; top: 10px; left: 10px; font-family: var(--mcda-mono); font-size: 0.7rem; padding: 3px 8px; border-radius: 6px; background: var(--mcda-bg); color: var(--mcda-muted); border: 1px solid var(--mcda-line); }
.mcda-fcard-body { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 14px 16px 16px; }
.mcda-fcard-title { font-size: 1rem; font-weight: 600; line-height: 1.3; color: var(--mcda-text); }
.mcda-fcard-text { font-size: 0.875rem; line-height: 1.5; color: var(--mcda-muted); }
.mcda-fcard-more { margin-top: auto; padding-top: 8px; display: inline-flex; align-items: center; gap: 6px; font-size: 0.85rem; font-weight: 600; color: var(--wp--preset--color--link); }
.mcda-fcard-more svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
a.mcda-fcard:hover .mcda-fcard-more { color: var(--mcda-text); }
@media (prefers-reduced-motion: reduce) { .mcda-fcard, .mcda-fcard-media > img { transition: none; } a.mcda-fcard:hover .mcda-fcard-media > img { transform: none; } }

/* ---------- Case stories (pattern "Case story") ---------- */
.mcda-lede { font-size: 1.2rem; line-height: 1.55; color: var(--mcda-text); }
/* Key facts: label column on the left, no header row */
.wp-block-table.mcda-facts { margin-top: 2rem !important; border-top: 1px solid var(--mcda-line); }
.wp-block-table.mcda-facts th, .wp-block-table.mcda-facts td { padding: 0.55rem 0; }
.wp-block-table.mcda-facts th { width: 9.5rem; padding-right: 1rem; font-family: var(--mcda-mono); font-size: 0.75rem; font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; color: var(--mcda-muted); background: none; }
.wp-block-table.mcda-facts td { color: var(--mcda-text); }
@media (max-width: 480px) { .wp-block-table.mcda-facts th { width: 6.5rem; } }
/* Key figures: two or three numbers in a row */
.mcda-figures { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.mcda-article .wp-block-post-content .mcda-figures > * { margin: 0 !important; }
.mcda-figures p { padding: 1rem 1.1rem; border: 1px solid var(--mcda-line); border-radius: 10px; background: var(--mcda-surface); font-size: 0.875rem; line-height: 1.45; color: var(--mcda-muted); }
.mcda-figures strong { display: block; margin-bottom: 0.3rem; font-size: 1.75rem; font-weight: 600; line-height: 1.1; color: var(--mcda-text); font-variant-numeric: tabular-nums; }
/* Figures: framed like the screenshots, caption underneath */
.mcda-figure img { border: 1px solid var(--mcda-line); border-radius: 10px; }
.mcda-figure figcaption { margin-top: 0.6rem; color: var(--mcda-muted); font-size: 0.85rem; text-align: left; }
.mcda-links { list-style: none; padding-left: 0; }
/* Reference lists: smaller, tighter lines, clear space between entries, hanging indent */
.mcda-links li { margin: 0 0 0.85rem !important; padding-left: 1.25rem; text-indent: -1.25rem; font-size: 0.875rem; line-height: 1.45; color: var(--mcda-body); }
.mcda-links li:last-child { margin-bottom: 0 !important; }
.mcda-links li a { word-break: break-all; }

/* Phones: each set of feature cards, and the news cards, become one swipeable row (the next card peeks in at the edge),
   instead of a long column of cards under every feature. */
@media (max-width: 600px) {
	.mcda-fcards, .mcda-news .wp-block-post-template {
		--edge: var(--wp--style--root--padding-left, 16px);
		display: flex; gap: 12px; margin-top: 1.75rem;
		margin-inline: calc(-1 * var(--edge)); padding: 2px var(--edge) 10px;
		overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--edge);
		overscroll-behavior-x: contain; scrollbar-width: none;
	}
	.mcda-news .wp-block-post-template { display: flex !important; grid-template-columns: none !important; max-width: none !important; margin-inline: calc(-1 * var(--edge)) !important; }
	.mcda-fcards::-webkit-scrollbar, .mcda-news .wp-block-post-template::-webkit-scrollbar { display: none; }
	.mcda-fcards > li, .mcda-news .wp-block-post-template > li { flex: 0 0 78%; scroll-snap-align: start; margin: 0; }
}

/* News: category tabs under the heading (News page and category pages) */
.mcda-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 1.6rem !important; margin-bottom: 0.4rem !important; }
.mcda-tabs .mcda-tab {
	display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px;
	border: 1px solid var(--mcda-line); color: var(--mcda-muted); font-size: 0.9rem; font-weight: 500; text-decoration: none;
	transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.mcda-tabs .mcda-tab i { width: 8px; height: 8px; border-radius: 50%; background: var(--tag); }
.mcda-tabs .mcda-tab:hover { color: var(--mcda-text); border-color: var(--mcda-mark); }
.mcda-tabs .mcda-tab.is-active { color: var(--mcda-text); background: var(--mcda-surface); border-color: var(--mcda-mark); }
@media (max-width: 600px) {
	.mcda-tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none;
		margin-inline: calc(-1 * var(--wp--style--root--padding-left, 16px)) !important; padding-inline: var(--wp--style--root--padding-left, 16px); }
	.mcda-tabs::-webkit-scrollbar { display: none; }
	.mcda-tabs .mcda-tab { flex: none; }
}
@media (prefers-reduced-motion: reduce) { .mcda-tabs .mcda-tab { transition: none; } }

/* Case stories on application pages ([mcda_app_stories]) */
.mcda-app-stories { margin-top: 1.25rem; }
.mcda-app-stories .wp-block-post-template { margin: 0; padding: 0; }
.mcda-app-none { font-size: 0.95rem; }

/* ---------- Application pages ---------- */
/* Line icons, set with the CSS class mcda-ic-… on a block (Advanced > Additional CSS class). */
.mcda-app-intro::before, .mcda-cat::before { content: ""; display: block; width: 26px; height: 26px; background: var(--mcda-accent); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.mcda-ic-mar { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.5c-1.6 2-3 3.5-3 5.2a3 3 0 0 0 6 0c0-1.7-1.4-3.2-3-5.2z'/><path d='M12 13.5v5.5'/><path d='m9 16.5 3 3 3-3'/><path d='M4 21.5h16'/></svg>"); }
.mcda-ic-vulnerability { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.5 19 5.5v5.2c0 4.6-3 8.3-7 10.3-4-2-7-5.7-7-10.3V5.5z'/><path d='M8.5 10.5h7'/><path d='M8.5 14h7'/></svg>"); }
.mcda-ic-flood { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/><path d='M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/><path d='M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/></svg>"); }
.mcda-ic-groundwater { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.5c-1.6 2.1-3.3 3.8-3.3 5.7a3.3 3.3 0 0 0 6.6 0c0-1.9-1.7-3.6-3.3-5.7z'/><path d='m3 14.5 9 3 9-3'/><path d='m3 18.5 9 3 9-3'/></svg>"); }
.mcda-ic-land { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M7 20h10'/><path d='M10 20c5.5-2.5.8-6.4 3-10'/><path d='M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z'/><path d='M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z'/></svg>"); }
.mcda-ic-custom { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M21 4h-7M10 4H3M21 12h-9M8 12H3M21 20h-5M12 20H3M14 2v4M8 10v4M16 18v4'/></svg>"); }
.mcda-ic-aquifer { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M3 7h18'/><path d='M3 12c2 0 2-1.5 4.5-1.5S10 12 12 12s2.5-1.5 4.5-1.5S19 12 21 12'/><path d='M3 17h18'/><path d='M3 21h18'/><path d='M8 3v4M16 3v4'/></svg>"); }
.mcda-ic-water { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3c-2.5 3.2-5 6-5 9a5 5 0 0 0 10 0c0-3-2.5-5.8-5-9z'/><path d='M9.5 13.5a2.5 2.5 0 0 0 2.5 2.5'/></svg>"); }
.mcda-ic-demand { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M4 9h7a3 3 0 0 1 3 3v1'/><path d='M4 6v6'/><path d='M14 13h3'/><path d='M17 11v4'/><path d='M15.5 18.5c0 1 .7 2 1.5 2s1.5-1 1.5-2-1.5-2.5-1.5-2.5-1.5 1.5-1.5 2.5z'/></svg>"); }
.mcda-ic-people { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='8' r='3'/><path d='M3.5 20c0-3.3 2.5-5.5 5.5-5.5s5.5 2.2 5.5 5.5'/><circle cx='17' cy='9' r='2.3'/><path d='M15.8 14.7c2.7-.3 4.7 1.7 4.7 4.8'/></svg>"); }

/* Intro panel: icon, lead and key facts */
.mcda-app-intro {
	position: relative; padding: 1.75rem 1.75rem 1.5rem; border: 1px solid var(--mcda-line); border-radius: 14px;
	background: radial-gradient(120% 90% at 0% 0%, rgba(45, 179, 212, 0.16), rgba(45, 179, 212, 0) 60%), var(--mcda-surface);
	overflow: hidden;
}
.mcda-app-intro::before { width: 44px; height: 44px; margin-bottom: 1.1rem; -webkit-mask-size: 30px; mask-size: 30px; background: none; }
.mcda-app-intro::after {
	content: ""; position: absolute; top: 1.75rem; left: 1.75rem; width: 44px; height: 44px; border-radius: 11px;
	background: rgba(45, 179, 212, 0.14); box-shadow: inset 0 0 0 1px rgba(45, 179, 212, 0.35); pointer-events: none;
}
.mcda-app-intro::before { position: relative; z-index: 1; background: var(--mcda-accent); }
.mcda-app-intro .mcda-lede { margin-top: 0 !important; font-size: 1.25rem; line-height: 1.55; color: var(--mcda-text); }
.mcda-keyfacts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 1.5rem !important; }
.mcda-keyfacts > p { margin: 0 !important; padding: 0.85rem 0.95rem; border-radius: 9px; background: rgba(20, 26, 28, 0.55); border: 1px solid var(--mcda-line); font-size: 0.95rem; line-height: 1.4; color: var(--mcda-text); }
.mcda-keyfacts .mcda-k { display: block; margin-bottom: 0.35rem; font: 0.6875rem/1.2 var(--mcda-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--link); }

/* Category cards */
.mcda-cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 600px) { .mcda-cats { grid-template-columns: 1fr; } }
.mcda-cat { margin: 0 !important; padding: 1.15rem 1.2rem 1.2rem; border: 1px solid var(--mcda-line); border-radius: 10px; background: var(--mcda-surface); }
.mcda-cat::before { margin-bottom: 0.75rem; }
.mcda-cat h3 { margin: 0 0 0.35rem !important; font-size: 1.05rem; line-height: 1.3; }
.mcda-cat p { margin: 0 !important; font-size: 0.925rem; line-height: 1.5; color: var(--mcda-muted); }
.mcda-small { font-size: 0.875rem; color: var(--mcda-muted); }

/* Chips: typology factors, constraint groups */
ul.mcda-chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
ul.mcda-chips li { margin: 0 !important; padding: 0.4rem 0.8rem; border: 1px solid var(--mcda-line); border-radius: 999px; background: var(--mcda-surface); font-size: 0.9rem; line-height: 1.3; color: var(--mcda-text); }
ul.mcda-chips li::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 0.5rem; border-radius: 50%; background: var(--mcda-accent); vertical-align: 0.1em; }

/* Workflow: numbered steps with arrows */
ol.mcda-flow { list-style: none; padding: 0; counter-reset: flow; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
ol.mcda-flow li { position: relative; margin: 0 !important; padding: 0.95rem 1rem 1rem; border: 1px solid var(--mcda-line); border-radius: 10px; background: var(--mcda-surface); font-size: 0.9rem; line-height: 1.45; color: var(--mcda-muted); counter-increment: flow; }
ol.mcda-flow li::before { content: counter(flow, decimal-leading-zero); display: block; margin-bottom: 0.4rem; font: 0.75rem/1 var(--mcda-mono); color: var(--mcda-accent); }
ol.mcda-flow li strong { display: block; margin-bottom: 0.25rem; font-size: 1rem; color: var(--mcda-text); }
ol.mcda-flow li:not(:last-child)::after { content: "→"; position: absolute; top: 50%; right: -18px; transform: translateY(-50%); color: var(--mcda-accent); font-size: 1rem; }
ol.mcda-flow li:last-child { border-color: var(--mcda-accent); background: rgba(45, 179, 212, 0.08); }
@media (max-width: 700px) {
	ol.mcda-flow { grid-template-columns: 1fr; gap: 20px; }
	ol.mcda-flow li:not(:last-child)::after { content: "↓"; top: auto; bottom: -19px; right: 50%; transform: translateX(50%); }
}

/* Results: figure beside text */
.mcda-result-cols { gap: 1.75rem !important; }
.mcda-result-cols .mcda-scale { max-width: 260px; margin-bottom: 1rem; }
.mcda-result-cols p { font-size: 0.975rem; }

/* Typical questions */
ul.mcda-questions { list-style: none; padding: 0; display: grid; gap: 8px; }
ul.mcda-questions li { position: relative; margin: 0 !important; padding: 0.7rem 0.9rem 0.7rem 2.75rem; border-radius: 8px; background: var(--mcda-surface); color: var(--mcda-text); line-height: 1.45; }
ul.mcda-questions li::before { content: "?"; position: absolute; left: 0.8rem; top: 0.7rem; width: 1.35rem; height: 1.35rem; border-radius: 50%; background: rgba(45, 179, 212, 0.16); color: var(--mcda-accent); font: 600 0.8rem/1.35rem var(--mcda-mono); text-align: center; }

/* Closing call to action */
.mcda-app-cta { margin-top: 3rem !important; padding: 1.75rem; border: 1px solid var(--mcda-accent); border-radius: 14px; background: linear-gradient(135deg, rgba(45, 179, 212, 0.14), rgba(45, 179, 212, 0.02)); }
.mcda-app-cta h2 { margin: 0 0 0.4rem !important; font-size: 1.4rem; }
.mcda-app-cta p { margin: 0 !important; color: var(--mcda-body); }
.mcda-app-cta .wp-block-buttons { margin-top: 1.1rem !important; }
@media (max-width: 700px) { .mcda-keyfacts { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .mcda-app-intro, .mcda-app-cta { padding: 1.25rem; } .mcda-app-intro::after { top: 1.25rem; left: 1.25rem; } }

.mcda-app-stories .wp-block-post-title { font-size: 1rem !important; }
.mcda-cat:not([class*="mcda-ic-"])::before { display: none; }
.mcda-cat .mcda-tag { display: inline-block; margin: 0 0 0.6rem !important; font: 0.6875rem/1.2 var(--mcda-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--link); }
.wp-block-post-content > .mcda-scale { max-width: 320px; }
.mcda-cats.mcda-cats-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 700px) { .mcda-cats.mcda-cats-3 { grid-template-columns: 1fr; } }
.wp-block-table.mcda-methods td { font-size: 0.9rem; }
.wp-block-table.mcda-methods td:first-child { font-family: var(--mcda-mono); white-space: nowrap; color: var(--mcda-text); }
.wp-block-table.mcda-methods td:first-child strong { font-weight: 500; }
.wp-block-table.mcda-methods td:last-child { white-space: nowrap; color: var(--mcda-muted); }
@media (max-width: 600px) { .wp-block-table.mcda-methods td:last-child { white-space: normal; } }
.mcda-ic-terrain { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d=%22M2.5 20 9 9l3.5 6 2.5-4 6.5 9z%22/><path d=%22m7.2 12.1 1.8 1.4 1.6-1.4%22/></svg>"); }
.mcda-ic-climate { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx=%228%22 cy=%228%22 r=%223%22/><path d=%22M8 2v1.5M8 12.5V14M2 8h1.5M12.5 8H14M3.8 3.8l1 1M11.2 11.2l1 1M3.8 12.2l1-1M11.2 4.8l1-1%22/><path d=%22M10.5 20.5h7.5a3.5 3.5 0 0 0 .3-7 4.5 4.5 0 0 0-8.6 1.4 2.8 2.8 0 0 0 .8 5.6z%22/></svg>"); }

/* ---------- Application pages: two columns aligned with the header ---------- */
.mcda-app-article > .mcda-app-layout { max-width: var(--wp--style--global--wide-size, 1200px) !important; width: 100%; margin-inline: auto !important; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; align-items: start; }
.mcda-app-main { min-width: 0; }
.mcda-app-main > *, .mcda-app-main > .wp-block-post-content > * { margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; }
.mcda-app-main > .mcda-breadcrumbs { margin-bottom: 1rem; }
.mcda-app-main h2[id] { scroll-margin-top: 96px; }
.mcda-app-aside { align-self: stretch; display: flex; flex-direction: column; gap: 18px; }
.mcda-app-stick { display: grid; gap: 14px; }
.mcda-app-fig { margin: 0; padding: 18px 16px 14px; border: 1px solid var(--mcda-line); border-radius: 14px; background: radial-gradient(100% 70% at 30% 0%, rgba(45, 179, 212, 0.10), rgba(45, 179, 212, 0) 70%), var(--mcda-band); }
.mcda-app-fig figcaption { margin-top: 8px; font-size: 0.8rem; line-height: 1.45; color: var(--mcda-muted); }
.mcda-stack { display: block; width: 100%; height: auto; font-family: var(--wp--preset--font-family--figtree, sans-serif); }
.mcda-stack .st-label { font-size: 12.5px; fill: var(--mcda-body); }
.mcda-stack .st-strong { font-weight: 600; fill: var(--mcda-text); }
.mcda-stack .st-small { font: 10px var(--mcda-mono); fill: var(--mcda-muted); letter-spacing: 0.04em; }
.mcda-stack .st-lyr { animation: mcda-in .6s ease both; animation-delay: var(--d, 0ms); }
.mcda-stack .st-res { animation: mcda-in .6s ease .45s both; }
@media (prefers-reduced-motion: reduce) { .mcda-stack .st-lyr, .mcda-stack .st-res { animation: none; } }
.mcda-app-toc { padding: 14px 16px; border: 1px solid var(--mcda-line); border-radius: 12px; }
.mcda-app-toc-title { margin: 0 0 8px !important; font: 0.6875rem/1.2 var(--mcda-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--mcda-muted); }
.mcda-app-toc ol { list-style: none; margin: 0; padding: 0; counter-reset: toc; }
.mcda-app-toc li { margin: 0; counter-increment: toc; }
.mcda-app-toc a { display: flex; gap: 10px; padding: 5px 6px; border-radius: 6px; font-size: 0.9rem; color: var(--mcda-body); text-decoration: none; }
.mcda-app-toc a::before { content: counter(toc, decimal-leading-zero); font: 0.75rem/1.6 var(--mcda-mono); color: var(--mcda-accent); }
.mcda-app-toc a:hover { background: var(--mcda-surface); color: var(--mcda-text); }
.mcda-app-aside-cta { margin: 0 !important; }
.mcda-app-aside-cta a { display: block; text-align: center; }
@media (max-width: 1080px) {
	.mcda-app-article > .mcda-app-layout { grid-template-columns: minmax(0, 1fr); gap: 0; max-width: 760px !important; }
	.mcda-app-main { max-width: none; }
	.mcda-app-aside { position: static; order: -1; display: none; }
}

/* Application pages: full-width band with breadcrumbs, application tabs, title and summary */
main.mcda-app-article { padding-top: 0 !important; margin-top: 0 !important; }
.mcda-app-article > .mcda-app-band {
	position: relative; isolation: isolate; box-sizing: border-box; width: 100vw; max-width: none !important; margin: 0 0 2rem calc(50% - 50vw) !important;
	padding: 2.25rem var(--wp--style--root--padding-right, 20px) 2.5rem var(--wp--style--root--padding-left, 20px);
	background: var(--mcda-band); border-bottom: 1px solid var(--mcda-line); overflow: hidden;
}
.mcda-app-band::before {
	content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0.55;
	background: url("assets/images/contours-summit.svg") 70% 40% / cover no-repeat, radial-gradient(ellipse 30% 90% at 67% 55%, rgba(45, 179, 212, 0.35), rgba(45, 179, 212, 0.1) 55%, transparent 80%);
	-webkit-mask-image: linear-gradient(90deg, transparent 25%, #000 75%); mask-image: linear-gradient(90deg, transparent 25%, #000 75%);
}
.mcda-app-band::after { content: ""; position: absolute; inset: auto 0 0 0; height: 2px; z-index: -1; background: linear-gradient(90deg, var(--mcda-accent), transparent 60%); opacity: 0.6; }
.mcda-app-band-in { max-width: var(--wp--style--global--wide-size, 1200px); margin: 0 auto; }
.mcda-app-band .mcda-breadcrumbs { margin-bottom: 1.1rem !important; }
.mcda-app-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 1.9rem; }
.mcda-app-tab { display: inline-flex; align-items: center; gap: 8px; padding: 0.42rem 0.8rem 0.42rem 0.6rem; border: 1px solid var(--mcda-line); border-radius: 999px; background: rgba(20, 26, 28, 0.6); font-size: 0.85rem; line-height: 1.2; color: var(--mcda-body) !important; text-decoration: none; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
.mcda-app-tab i { width: 17px; height: 17px; flex: none; background: var(--mcda-muted); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.mcda-app-tab:hover { border-color: var(--mcda-accent); color: var(--mcda-text) !important; }
.mcda-app-tab:hover i, .mcda-app-tab.is-active i { background: var(--mcda-accent); }
.mcda-app-tab.is-active { border-color: var(--mcda-accent); background: rgba(45, 179, 212, 0.14); color: var(--mcda-text) !important; }
.mcda-app-head { display: flex; align-items: flex-start; gap: 20px; }
.mcda-app-head-icon { flex: none; position: relative; width: 64px; height: 64px; border-radius: 16px; background: rgba(45, 179, 212, 0.14); box-shadow: inset 0 0 0 1px rgba(45, 179, 212, 0.4); }
.mcda-app-head-icon::before { content: ""; position: absolute; inset: 15px; background: var(--mcda-accent); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.mcda-app-head h1 { margin: 0 !important; font-size: clamp(2rem, 3.6vw, 2.75rem) !important; line-height: 1.1; }
.mcda-app-sub { margin: 0.6rem 0 0 !important; max-width: 640px; font-size: 1.15rem; line-height: 1.5; color: var(--mcda-body); }
/* the intro panel no longer needs its own icon: the band shows it */
.mcda-app-article .mcda-app-intro::before, .mcda-app-article .mcda-app-intro::after { display: none; }
.mcda-app-article .mcda-app-intro { padding-top: 1.5rem; }
.mcda-app-article .mcda-app-layout { margin-top: 0 !important; }
/* example map and current section */
.mcda-app-example { margin: 0; padding: 14px 16px; border: 1px solid var(--mcda-line); border-radius: 12px; background: var(--mcda-band); }
.mcda-app-example img { display: block; width: 100%; height: auto; border-radius: 6px; }
.mcda-app-example figcaption { margin-top: 8px; font-size: 0.75rem; line-height: 1.4; color: var(--mcda-muted); }
@media (max-width: 1080px) { .mcda-app-band-in { max-width: 760px; } }
@media (max-width: 600px) {
	.mcda-app-article > .mcda-app-band { padding-top: 1.5rem; padding-bottom: 1.75rem; margin-bottom: 2rem !important; }
	.mcda-app-tabs { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--wp--style--root--padding-left, 20px)); padding-inline: var(--wp--style--root--padding-left, 20px); scrollbar-width: none; }
	.mcda-app-tab { flex: none; }
	.mcda-app-head-icon { width: 48px; height: 48px; border-radius: 12px; }
	.mcda-app-head-icon::before { inset: 11px; }
	.mcda-app-sub { font-size: 1.02rem; }
}
body:has(.mcda-app-band) { overflow-x: clip; }
.mcda-app-example figcaption a { color: var(--wp--preset--color--link); }
/* Same band height on every application page: title and summary reserve a fixed number of lines */
.mcda-app-sub { min-height: 3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.mcda-app-head h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 600px) {
	.mcda-app-head h1 { white-space: normal; min-height: 2.2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
	.mcda-app-sub { min-height: 6em; -webkit-line-clamp: 4; }
}
.mcda-ic-layers { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d=%22m12 3 9 4.5-9 4.5-9-4.5z%22/><path d=%22m3 12 9 4.5 9-4.5%22/><path d=%22m3 16.5 9 4.5 9-4.5%22/></svg>"); }

/* Applications overview */
.mcda-apps-wide { max-width: var(--wp--style--global--wide-size, 1200px) !important; width: 100%; margin-inline: auto !important; }
.mcda-apps-wide > .wp-block-post-content > * { margin-left: 0 !important; margin-right: 0 !important; max-width: 760px; }
.mcda-apps-wide > .wp-block-post-content > .mcda-appcards,
.mcda-apps-wide > .wp-block-post-content > .wp-block-shortcode,
.mcda-apps-wide > .wp-block-post-content > .mcda-flow,
.mcda-apps-wide > .wp-block-post-content > .mcda-app-cta { max-width: none; }
.mcda-appcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 2rem 0 3rem; }
.mcda-appcard { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--mcda-line); border-radius: 14px; background: var(--mcda-surface); color: inherit !important; text-decoration: none !important; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.mcda-appcard:hover, .mcda-appcard:focus-visible { border-color: var(--mcda-accent); transform: translateY(-3px); box-shadow: 0 16px 32px -18px rgba(45, 179, 212, 0.6); }
.mcda-appcard-fig { padding: 22px 40px 14px; border-bottom: 1px solid var(--mcda-line); background: radial-gradient(90% 80% at 50% 0%, rgba(45, 179, 212, 0.12), rgba(45, 179, 212, 0) 70%), var(--mcda-band); }
.mcda-appcard-fig { height: 240px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.mcda-appcard-fig .mcda-stack { height: 100%; width: auto; max-width: 100%; }
.mcda-appcard-body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.mcda-appcard h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 0.5rem !important; font-size: 1.15rem; line-height: 1.25; color: var(--mcda-text); }
.mcda-appcard h3 i { width: 22px; height: 22px; flex: none; background: var(--mcda-accent); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.mcda-appcard p { margin: 0 0 0.9rem !important; font-size: 0.925rem; line-height: 1.5; color: var(--mcda-muted); }
.mcda-appcard-cats { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 1rem; padding: 0; }
.mcda-appcard-cats li { margin: 0; padding: 0.2rem 0.55rem; border: 1px solid var(--mcda-line); border-radius: 999px; font: 0.7rem/1.4 var(--mcda-mono); color: var(--mcda-body); }
.mcda-appcard-more { margin-top: auto; font-weight: 600; font-size: 0.9rem; color: var(--wp--preset--color--link); }
.mcda-appcard .mcda-stack .st-lyr, .mcda-appcard .mcda-stack .st-res { animation: none; }
.mcda-appcard:hover .st-lyr { transform: translateY(-3px); transition: transform .25s ease; }
.mcda-appcard .st-lyr { transition: transform .25s ease; }
@media (max-width: 1000px) { .mcda-appcards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .mcda-appcards { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .mcda-appcard, .mcda-appcard .st-lyr { transition: none; } .mcda-appcard:hover { transform: none; } }
/* Overview sidebar: compact application cards */
.mcda-minicards { display: grid; gap: 8px; }
.mcda-minicard { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--mcda-line); border-radius: 10px; background: var(--mcda-surface); color: var(--mcda-text) !important; text-decoration: none !important; transition: border-color .15s ease, background-color .15s ease, transform .15s ease; }
.mcda-minicard i { flex: none; position: relative; width: 36px; height: 36px; border-radius: 9px; background: rgba(45, 179, 212, 0.14); box-shadow: inset 0 0 0 1px rgba(45, 179, 212, 0.35); }
.mcda-minicard i::before { content: ""; position: absolute; inset: 8px; background: var(--mcda-accent); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.mcda-minicard strong { display: block; font-size: 0.95rem; font-weight: 600; line-height: 1.25; }
.mcda-minicard em { display: block; margin-top: 2px; font: normal 0.7rem/1.35 var(--mcda-mono); color: var(--mcda-muted); }
.mcda-minicard:hover { border-color: var(--mcda-accent); background: rgba(45, 179, 212, 0.08); transform: translateX(3px); }
.mcda-app-stick > .mcda-app-toc-title { margin-bottom: -4px !important; }
/* results table on the overview */
@media (prefers-reduced-motion: reduce) { .mcda-minicard { transition: none; } .mcda-minicard:hover { transform: none; } }
/* first block under the band starts flush */
.mcda-app-main .wp-block-post-content > :first-child { margin-top: 0 !important; }

/* ---------- Application badge (icon + name) on the picture, bottom-left ----------
   From the post's "Applications" (post editor sidebar); links to the application page. */
.wp-block-post-featured-image.has-app-badge { position: relative; }
.mcda-app-badges {
	position: absolute; left: 12px; bottom: 12px; z-index: 2;
	display: flex; flex-wrap: wrap; gap: 6px; max-width: calc(100% - 24px);
}
.wp-block-post-featured-image a.mcda-app-badge {
	display: inline-flex; align-items: center; gap: 6px;
	width: auto; height: auto; aspect-ratio: auto; margin: 0;
	padding: 4px 9px 4px 7px;
	border: 1px solid var(--mcda-line); border-radius: 5px;
	background: rgba(20, 26, 28, 0.86);
	font: 500 0.7rem/1.35 var(--mcda-mono); letter-spacing: 0.02em;
	color: var(--mcda-body); text-decoration: none; white-space: nowrap;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
	transition: border-color .15s ease, color .15s ease;
}
.mcda-app-badge svg { width: 14px; height: 14px; flex: none; stroke: var(--mcda-accent); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wp-block-post-featured-image a.mcda-app-badge:hover,
.wp-block-post-featured-image a.mcda-app-badge:focus-visible { border-color: var(--mcda-accent); color: var(--mcda-text); }
/* Larger on the single post's picture */
.mcda-article .mcda-app-badges { left: 16px; bottom: 16px; }
.mcda-article .wp-block-post-featured-image a.mcda-app-badge { font-size: 0.78rem; padding: 5px 11px 5px 9px; border-radius: 6px; }
.mcda-article .mcda-app-badge svg { width: 16px; height: 16px; }

/* Applications sidebar: one colour per application (icon tile, hover). */
.mcda-minicard, .mcda-app-head-icon, .mcda-rt-ic, :where(.mcda-apps-list a) { --app: var(--mcda-accent); --app-deep: #1F8FAB; }
.mcda-hue-mar { --app: #3FC1B0; --app-deep: #1E8C7E; }
.mcda-hue-vulnerability { --app: #E3A857; --app-deep: #B87A26; }
.mcda-hue-flood { --app: #6EA1F0; --app-deep: #3A6FC4; }
.mcda-hue-groundwater { --app: #A88BEB; --app-deep: #7457C4; }
.mcda-hue-land { --app: #8CC66B; --app-deep: #4F8F33; }
.mcda-hue-custom { --app: #E58BA6; --app-deep: #B9506F; }
.mcda-minicard i { background: var(--app-deep); box-shadow: none; }
.mcda-minicard i::before { background: #fff; }
.mcda-minicard:hover, .mcda-minicard:focus-visible { border-color: var(--app); background: color-mix(in srgb, var(--app) 8%, var(--mcda-surface)); }

/* Category icons inverted: coloured tile, white icon. */
.mcda-cat { position: relative; }
.mcda-cat[class*="mcda-ic-"]::before { width: 40px; height: 40px; margin-bottom: 0.85rem; border-radius: 10px; background: #1F8FAB; -webkit-mask: none; mask: none; }
.mcda-cat[class*="mcda-ic-"]::after { content: ""; position: absolute; top: calc(1.15rem + 9px); left: calc(1.2rem + 9px); width: 22px; height: 22px; background: #fff; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.mcda-minicard.is-current { border-color: var(--app); background: color-mix(in srgb, var(--app) 12%, var(--mcda-surface)); }
.mcda-minicard.is-current:hover { transform: none; }
/* Application page banner: same filled tile with a white icon. */
.mcda-app-head-icon { background: var(--app-deep); box-shadow: none; }
.mcda-app-head-icon::before { background: #fff; }

/* "Reading the results" table on the Applications page */
.wp-block-table.mcda-readtable { margin-top: 1.5rem !important; border: 1px solid var(--mcda-line); border-radius: 12px; background: var(--mcda-surface); }
.wp-block-table.mcda-readtable table { font-size: 0.9rem; }
.wp-block-table.mcda-readtable thead { border-bottom: 1px solid var(--mcda-line); }
.wp-block-table.mcda-readtable thead th { padding: 0.85rem 1rem; background: none; font: 0.6875rem/1.3 var(--mcda-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--mcda-muted); }
.wp-block-table.mcda-readtable td { padding: 0.9rem 1rem; line-height: 1.5; color: var(--mcda-body); vertical-align: top; }
.wp-block-table.mcda-readtable tbody tr:last-child td { border-bottom: 0; }
.wp-block-table.mcda-readtable thead th:first-child { padding-left: calc(1rem + 40px); }
.wp-block-table.mcda-readtable tbody tr { transition: background-color .15s ease; }
.wp-block-table.mcda-readtable tbody tr:hover { background: rgba(255, 255, 255, 0.025); }
.wp-block-table.mcda-readtable td:first-child { position: relative; padding-left: calc(1rem + 40px); white-space: nowrap; color: var(--mcda-text); font-weight: 600; }
.wp-block-table.mcda-readtable td:nth-child(2) { white-space: nowrap; }
.wp-block-table.mcda-readtable td:last-child { color: var(--mcda-muted); }
.mcda-rt-ic { position: absolute; left: 1rem; top: calc(0.9rem + 0.75em - 14px); width: 28px; height: 28px; border-radius: 7px; background: var(--app-deep); }
.mcda-rt-ic::before { content: ""; position: absolute; inset: 6px; background: #fff; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
/* Coloured marker hangs to the left, so a second line aligns with the text above it. */
.wp-block-table.mcda-readtable td:has(.mcda-hi) { position: relative; padding-left: calc(1rem + 20px); }
.mcda-hi { position: absolute; left: 1rem; top: calc(0.9rem + 0.75em - 5px); width: 10px; height: 10px; border-radius: 3px; }
@media (prefers-reduced-motion: reduce) { .wp-block-table.mcda-readtable tbody tr { transition: none; } }

/* Icons for the "What an application provides" cards */
.mcda-ic-criteria { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='m4 6 1.5 1.5L8 5'/><path d='m4 12 1.5 1.5L8 11'/><path d='m4 18 1.5 1.5L8 17'/><path d='M11 6.5h9M11 12.5h9M11 18.5h9'/></svg>"); }
.mcda-ic-guide { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='m15.5 8.5-2 5-5 2 2-5z'/></svg>"); }
.mcda-ic-story { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M9 4 3.5 6v14L9 18l6 2 5.5-2V4L15 6z'/><path d='M9 4v14M15 6v14'/></svg>"); }

/* Workflow steps (ol.mcda-flow) as a timeline (numbered nodes on a line, no boxes). */
ol.mcda-flow { gap: 28px; margin-top: 1.75rem !important; }
ol.mcda-flow li { padding: 52px 0 0; border: 0; border-radius: 0; background: none; }
ol.mcda-flow li::before { position: absolute; top: 0; left: 0; z-index: 1; display: grid; place-items: center; width: 34px; height: 34px; margin: 0; border: 1.5px solid var(--mcda-accent); border-radius: 50%; background: var(--wp--preset--color--base, #161B1D); box-sizing: border-box; }
ol.mcda-flow li:not(:last-child)::after { content: ""; top: 16px; left: 46px; right: -16px; bottom: auto; height: 2px; transform: none; border-radius: 1px; background: linear-gradient(90deg, var(--mcda-accent), color-mix(in srgb, var(--mcda-accent) 25%, transparent)); }
ol.mcda-flow li:last-child { border: 0; background: none; }
ol.mcda-flow li:last-child::before { background: var(--mcda-accent); color: var(--wp--preset--color--accent-ink, #04202A); box-shadow: 0 0 0 5px color-mix(in srgb, var(--mcda-accent) 18%, transparent); }
ol.mcda-flow li strong { margin-bottom: 0.35rem; }
@media (max-width: 700px) {
	ol.mcda-flow { gap: 22px; }
	ol.mcda-flow li { padding: 4px 0 0 52px; min-height: 34px; }
	ol.mcda-flow li:not(:last-child)::after { top: 42px; bottom: -18px; left: 16px; right: auto; width: 2px; height: auto; background: linear-gradient(180deg, var(--mcda-accent), color-mix(in srgb, var(--mcda-accent) 25%, transparent)); }
}

/* ---------- Front page sections (each previews a page, with Read more) ---------- */
.mcda-ic-weight { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v18'/><path d='M7 21h10'/><path d='M5 7h14'/><path d='M12 5.5 10.5 7h3z'/><path d='m5 7-3 6a3 3 0 0 0 6 0z'/><path d='m19 7-3 6a3 3 0 0 0 6 0z'/></svg>"); }
.mcda-ic-results { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M9 4 3.5 6v14L9 18l6 2 5.5-2V4L15 6z'/><path d='M9 4v14M15 6v14'/><path d='m10.5 11.5 1.5 1.5 3-3.5'/></svg>"); }
.mcda-ic-export { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v12'/><path d='m7.5 10.5 4.5 4.5 4.5-4.5'/><path d='M4 17v2.5A1.5 1.5 0 0 0 5.5 21h13a1.5 1.5 0 0 0 1.5-1.5V17'/></svg>"); }

/* Features overview: five groups in one row, icon tile + name + one line */
ul.mcda-featrow { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; }
ul.mcda-featrow li { margin: 0; }
ul.mcda-featrow a { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; color: inherit !important; text-decoration: none !important; }
ul.mcda-featrow strong { margin-top: 0.5rem; font-size: 1.05rem; line-height: 1.3; color: var(--mcda-text); transition: color .15s ease; }
ul.mcda-featrow span { font-size: 0.92rem; line-height: 1.5; color: var(--mcda-muted); }
ul.mcda-featrow a:hover strong, ul.mcda-featrow a:focus-visible strong { color: var(--mcda-accent); }
.mcda-ftile { position: relative; display: block; width: 44px; height: 44px; border-radius: 11px; background: #1F8FAB; transition: transform .18s ease; }
.mcda-ftile::before { content: ""; position: absolute; inset: 11px; background: #fff; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
ul.mcda-featrow a:hover .mcda-ftile { transform: translateY(-2px); }
@media (max-width: 1000px) { ul.mcda-featrow { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 2rem; } }
@media (max-width: 640px) { ul.mcda-featrow { grid-template-columns: 1fr; gap: 1.5rem; } ul.mcda-featrow a { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 0.25rem; } .mcda-ftile { grid-row: span 2; } ul.mcda-featrow strong { margin-top: 0; } }
@media (prefers-reduced-motion: reduce) { .mcda-ftile { transition: none; } }

/* How it works: the timeline centred under its heading */
.mcda-home-how ol.mcda-flow { max-width: 1040px; margin-inline: auto !important; }

/* Case stories: the cards need no "Case stories" tag on the picture */
.mcda-home-stories .wp-block-post-featured-image a.mcda-cat-tag { display: none; }

/* News: a plain list of date, title and category */
.mcda-newslist { max-width: 860px; margin-inline: auto !important; }
.mcda-news .mcda-newslist .wp-block-post-template { display: block !important; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--mcda-line); }
.mcda-news .mcda-newslist .wp-block-post { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--mcda-line) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; transform: none !important; }
.mcda-news .mcda-newslist .wp-block-post:hover { background: rgba(255, 255, 255, 0.025) !important; }
.mcda-newsrow { display: grid !important; grid-template-columns: 11rem minmax(0, 1fr); align-items: center; gap: 1.5rem; padding: 1rem 0.25rem; }
.mcda-newsrow > * { margin: 0 !important; }
.mcda-news .mcda-newsrow .mcda-newsthumb { margin: 0 !important; border-radius: 8px; overflow: hidden; background: var(--mcda-line); }
.mcda-news .mcda-newsrow .mcda-newsthumb img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .3s ease; }
.mcda-news .mcda-newsrow:hover .mcda-newsthumb img { transform: scale(1.04); }
.mcda-news .mcda-newsrow .mcda-placeholder { margin: 0 !important; border-radius: 8px; overflow: hidden; background: var(--mcda-line); aspect-ratio: 16 / 9; }
.mcda-news .mcda-newsrow .mcda-placeholder a { display: flex; align-items: center; justify-content: center; height: 100%; }
.mcda-news .mcda-newsrow .mcda-placeholder img { width: auto !important; height: 42% !important; aspect-ratio: auto !important; padding: 0 !important; transform: none !important; }
.mcda-newsbody > * { margin: 0 !important; }
.mcda-newsmeta { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.4rem !important; }
.mcda-newsmeta > * { margin: 0 !important; }
.mcda-newsrow .wp-block-post-date { font: 0.75rem/1.4 var(--mcda-mono); color: var(--mcda-muted); }
.mcda-newsrow .wp-block-post-title { font-size: 1.1rem !important; line-height: 1.35; font-weight: 600; }
.mcda-newsrow .wp-block-post-title a { color: var(--mcda-text); text-decoration: none; }
.mcda-newsrow .wp-block-post-title a:hover { color: var(--mcda-accent); }
.mcda-newsrow .mcda-newsterm { display: flex; gap: 6px; }
.mcda-newsrow a.mcda-cat-tag { display: inline-block; padding: 2px 7px; border-radius: 4px; background: var(--tag, #8A9DA3); color: var(--tag-ink, #0B1214) !important; font: 500 0.66rem/1.35 var(--mcda-mono); letter-spacing: 0.02em; text-decoration: none; white-space: nowrap; }
@media (max-width: 640px) { .mcda-newsrow { grid-template-columns: 7rem minmax(0, 1fr); gap: 1rem; } .mcda-newsrow .wp-block-post-title { font-size: 0.98rem !important; } }

/* News, layout F: the latest post large on the left, the next three as a thumbnail list on the right */
.mcda-newsf { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 2.75rem; max-width: 1100px; margin-inline: auto !important; align-items: start; }
.mcda-newsf > * { margin: 0 !important; }
.mcda-newsf .mcda-newslist { max-width: none; }
.mcda-news .mcda-newsf-lead .wp-block-post-template { display: block !important; margin: 0; padding: 0; list-style: none; }
.mcda-news .mcda-newsf-lead .wp-block-post { border: 0; border-radius: 0; background: none; overflow: visible; }
.mcda-news .mcda-newsf-lead .wp-block-post > * { margin-left: 0; margin-right: 0; }
.mcda-news .mcda-newsf-lead .mcda-newsthumb, .mcda-news .mcda-newsf-lead .mcda-placeholder { margin: 0 0 1.1rem !important; border-radius: 10px; overflow: hidden; border: 1px solid var(--mcda-line); }
.mcda-news .mcda-newsf-lead .mcda-newsthumb img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .3s ease; }
.mcda-news .mcda-newsf-lead .wp-block-post:hover .mcda-newsthumb img { transform: scale(1.03); }
.mcda-newsf-lead .wp-block-post-title { font-size: 1.45rem !important; line-height: 1.25; font-weight: 600; margin: 0 0 0.6rem !important; }
.mcda-newsf-lead .wp-block-post-title a { color: var(--mcda-text); text-decoration: none; }
.mcda-newsf-lead .wp-block-post-title a:hover { color: var(--mcda-accent); }
.mcda-newsf-lead .wp-block-post-excerpt { margin: 0 !important; color: var(--mcda-muted); font-size: 0.98rem; line-height: 1.6; }
.mcda-newsf-lead .wp-block-post-excerpt__excerpt { margin: 0; }
.mcda-newsf-lead .wp-block-post-date { font: 0.75rem/1.4 var(--mcda-mono); color: var(--mcda-muted); }
.mcda-newsf-lead .mcda-newsterm { display: flex; gap: 6px; }
.mcda-newsf-lead a.mcda-cat-tag { display: inline-block; padding: 2px 7px; border-radius: 4px; background: var(--tag, #8A9DA3); color: var(--tag-ink, #0B1214) !important; font: 500 0.66rem/1.35 var(--mcda-mono); letter-spacing: 0.02em; text-decoration: none; white-space: nowrap; }
.mcda-newsf-list .wp-block-post-template { border-top: 0 !important; }
.mcda-newsf-list .wp-block-post:last-child { border-bottom: 0 !important; }
.mcda-newsf-list .mcda-newsrow { grid-template-columns: 8.5rem minmax(0, 1fr); gap: 1.1rem; padding: 0 0 1.1rem; margin-bottom: 1.1rem !important; }
.mcda-news .mcda-newsf-list .wp-block-post > .mcda-newsrow { margin: 0 0 1.1rem !important; }
.mcda-news .mcda-newsf-list .wp-block-post:last-child > .mcda-newsrow { margin-bottom: 0 !important; padding-bottom: 0; }
.mcda-newsf-list .mcda-newsrow .wp-block-post-title { font-size: 1rem !important; }
@media (max-width: 860px) { .mcda-newsf { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; } }

/* News, layout E: five small cards in one row (patterns/news-cards.php) */
.mcda-newscards .wp-block-post-template { gap: 14px !important; }
@media (max-width: 1100px) { .mcda-newscards .wp-block-post-template { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { .mcda-newscards .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
.mcda-news .mcda-newscards .wp-block-post > * { margin-left: 0; margin-right: 0; }
.mcda-news .mcda-newscards .wp-block-post { transition: border-color .2s ease; }
.mcda-news .mcda-newscards .wp-block-post:hover { border-color: color-mix(in srgb, var(--mcda-accent) 45%, var(--mcda-line)); }
.mcda-news .mcda-newscards .mcda-newsthumb, .mcda-news .mcda-newscards .mcda-placeholder { margin: 0 !important; border-bottom: 1px solid var(--mcda-line); overflow: hidden; }
.mcda-news .mcda-newscards .mcda-newsthumb img { display: block; transition: transform .3s ease; }
.mcda-news .mcda-newscards .wp-block-post:hover .mcda-newsthumb img { transform: scale(1.04); }
.mcda-news .mcda-newscards .mcda-placeholder img { width: 48px !important; }
.mcda-newscards .mcda-newsbody { padding: 12px 14px 16px; }
.mcda-newscards .mcda-newsbody > * { margin: 0 !important; }
.mcda-newscards .mcda-newsmeta { margin-bottom: 0.5rem !important; flex-wrap: wrap; gap: 0.5rem; }
.mcda-newscards .wp-block-post-date { font: 0.7rem/1.4 var(--mcda-mono); color: var(--mcda-muted); }
.mcda-newscards .mcda-newsterm { display: flex; gap: 6px; }
.mcda-newscards a.mcda-cat-tag { display: inline-block; padding: 2px 6px; border-radius: 4px; background: var(--tag, #8A9DA3); color: var(--tag-ink, #0B1214) !important; font: 500 0.62rem/1.35 var(--mcda-mono); letter-spacing: 0.02em; text-decoration: none; white-space: nowrap; }
.mcda-newscards .wp-block-post-title { font-size: 0.95rem !important; line-height: 1.35; font-weight: 600; }

/* News page and category pages (not Case stories): a list of picture, category, date, title and excerpt,
   so news does not look like the Case stories cards */
.mcda-news-rows .wp-block-query { max-width: 920px; margin-inline: auto !important; }
.mcda-news .mcda-newsrows { display: block !important; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--mcda-line); }
.mcda-news .mcda-newsrows .wp-block-post { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--mcda-line) !important; border-radius: 0 !important; background: none !important; overflow: visible; }
.mcda-news .mcda-newsrows .wp-block-post > * { margin-left: 0; margin-right: 0; }
.mcda-news .mcda-newsrows .mcda-newsrow { grid-template-columns: 15rem minmax(0, 1fr); align-items: start; gap: 1.75rem; padding: 1.5rem 0; margin: 0 !important; }
.mcda-news .mcda-newsrows .mcda-newsthumb img { border-radius: 0; }
.mcda-newsrows .mcda-newsrow .wp-block-post-title { font-size: 1.3rem !important; line-height: 1.3; margin: 0 0 0.5rem !important; }
.mcda-newsrows .wp-block-post-excerpt { margin: 0 !important; color: var(--mcda-muted); font-size: 0.95rem; line-height: 1.6; }
.mcda-newsrows .wp-block-post-excerpt__excerpt { margin: 0; }
@media (max-width: 640px) { .mcda-news .mcda-newsrows .mcda-newsrow { grid-template-columns: 7.5rem minmax(0, 1fr); gap: 1rem; padding: 1.1rem 0; } .mcda-newsrows .mcda-newsrow .wp-block-post-title { font-size: 1.02rem !important; } .mcda-newsrows .wp-block-post-excerpt { display: none; } }

/* About */
.mcda-home-about-text { max-width: 720px; margin-inline: auto !important; font-size: 1.1rem; line-height: 1.65; color: var(--mcda-body); }
.mcda-news .mcda-newslist .wp-block-post > .mcda-newsrow { margin: 0 !important; }

/* ---------- Shared page banner ([mcda_band]) ---------- */
.mcda-ic-grid { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='3.5' y='3.5' width='7' height='7' rx='1.5'/><rect x='13.5' y='3.5' width='7' height='7' rx='1.5'/><rect x='3.5' y='13.5' width='7' height='7' rx='1.5'/><rect x='13.5' y='13.5' width='7' height='7' rx='1.5'/></svg>"); }
.mcda-ic-news { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M4 6.5h12.5v12a1.5 1.5 0 0 0 1.5 1.5H6A2 2 0 0 1 4 18z'/><path d='M16.5 9.5H20v8.5a2 2 0 0 1-2 2'/><path d='M7 10h6.5M7 13.5h6.5M7 17h4'/></svg>"); }
.mcda-ic-info { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 11v5.5'/><path d='M12 7.6v.1'/></svg>"); }
.mcda-ic-mail { --ic: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5.5' width='18' height='13' rx='2'/><path d='m3.5 7 8.5 6 8.5-6'/></svg>"); }
.mcda-page-band {
	position: relative; isolation: isolate; box-sizing: border-box; width: 100%; margin: 0 !important;
	padding: 2.25rem var(--wp--style--root--padding-right, 20px) 2.5rem var(--wp--style--root--padding-left, 20px);
	background: var(--mcda-band); border-bottom: 1px solid var(--mcda-line); overflow: hidden;
}
.mcda-page-band + * { margin-top: 0 !important; }
/* Tags without an icon, and tags with a category colour dot */
.mcda-app-tab.is-plain { padding-left: 0.8rem; }
.mcda-app-tab i.is-dot { width: 8px; height: 8px; margin: 0 2px; border-radius: 50%; background: var(--tag) !important; -webkit-mask: none; mask: none; }
/* Slim banner on posts: category tag and date above the title, no tags, no icon */
.mcda-page-band.is-slim { padding-top: 1.75rem; padding-bottom: 2rem; }
.mcda-page-band.is-slim .mcda-app-head h1 { font-size: clamp(1.75rem, 3vw, 2.4rem) !important; line-height: 1.15; overflow: visible; white-space: normal; }
.mcda-band-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 0.85rem; font: 0.8rem/1.4 var(--mcda-mono); color: var(--mcda-muted); }
.mcda-band-meta a.mcda-cat-tag { display: inline-block; padding: 3px 8px; border-radius: 5px; background: var(--tag, #8A9DA3); color: var(--tag-ink, #0B1214) !important; font: 500 0.7rem/1.35 var(--mcda-mono); letter-spacing: 0.02em; text-decoration: none; }
/* Features page: the banner carries the title, so the section's own heading is not needed */
.mcda-features-page .mcda-features > .mcda-section-head { display: none; }
.mcda-features-page .mcda-features { padding-top: 0 !important; }
.mcda-features-page .mcda-features > .mcda-feature:first-of-type { padding-top: 3rem !important; }
.mcda-features-page .mcda-feature { scroll-margin-top: 80px; }
#hood, .mcda-article h2[id] { scroll-margin-top: 90px; }
.category-case-stories .wp-block-post-featured-image a.mcda-cat-tag { display: none; }
/* All full banners have the same height: one tag row (an invisible one when a page has no tags),
   a one-line title and room for two lines of summary. */
.mcda-app-tabs.is-empty { visibility: hidden; }
.mcda-app-band .mcda-app-tab { box-sizing: border-box; height: 32px; }

/* ---------- Pages and posts with a right sidebar (main + [mcda_aside]) ---------- */
main.mcda-app-article.mcda-sided { padding-top: 2.5rem !important; padding-inline: var(--wp--style--root--padding-left, 20px) var(--wp--style--root--padding-right, 20px); }
.mcda-sided .mcda-app-main > .wp-block-post-content > * { max-width: none !important; }
.mcda-sided .mcda-app-main > .wp-block-post-featured-image { margin-top: 0 !important; }
.mcda-sided .mcda-app-main > .wp-block-post-featured-image img { border-radius: 12px; }
.mcda-minicard em { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
/* Sections placed in the main column read from the left, like the text */
.mcda-sided .mcda-app-main .mcda-section-head { align-items: flex-start; text-align: left; margin-inline: 0 !important; max-width: none; }
/* Features page */
.mcda-features-page .mcda-app-main .mcda-features { padding: 0 !important; }
.mcda-features-page .mcda-app-main .mcda-feature { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.mcda-features-page .mcda-app-main .mcda-feature:first-of-type { padding-top: 0 !important; }
/* About page: the Software tiles as a section of the text, two per row */
.mcda-about-page .mcda-app-main #hood { margin-top: 3rem !important; padding: 2.5rem 0 0 !important; background: none !important; border: 0 !important; border-top: 1px solid var(--mcda-line) !important; }
.mcda-about-page .mcda-app-main #hood .wp-block-columns { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.mcda-about-page .mcda-app-main #hood .mcda-section-head h2 { font-size: 1.6rem !important; }
@media (max-width: 600px) { .mcda-about-page .mcda-app-main #hood .wp-block-columns { grid-template-columns: 1fr; } }
/* News and archives: two cards per row beside the sidebar */
.mcda-news-page.mcda-sided .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (max-width: 640px) { .mcda-news-page.mcda-sided .wp-block-post-template { grid-template-columns: 1fr !important; } }
/* Sidebar: categories */
ul.mcda-aside-cats { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
ul.mcda-aside-cats a { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid var(--mcda-line); border-radius: 10px; background: var(--mcda-surface); color: var(--mcda-text) !important; text-decoration: none; font-size: 0.95rem; transition: border-color .15s ease; }
ul.mcda-aside-cats i, .mcda-aside-group-title i { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--tag); }
ul.mcda-aside-cats span { flex: 1; }
ul.mcda-aside-cats b { font: 400 0.75rem/1 var(--mcda-mono); color: var(--mcda-muted); }
ul.mcda-aside-cats a:hover { border-color: var(--mcda-accent); }
ul.mcda-aside-cats a.is-current { border-color: var(--mcda-accent); background: color-mix(in srgb, var(--mcda-accent) 10%, var(--mcda-surface)); box-shadow: inset 3px 0 0 var(--mcda-accent); }
/* Sidebar: posts grouped by category */
.mcda-aside-group + .mcda-aside-group { margin-top: 6px; }
.mcda-aside-group-title { display: flex; align-items: center; gap: 8px; margin: 0 0 6px !important; font-size: 0.85rem; font-weight: 600; color: var(--mcda-text); }
ul.mcda-aside-posts { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--mcda-line); }
ul.mcda-aside-posts a { display: block; padding: 6px 0 6px 14px; margin-left: -1px; border-left: 2px solid transparent; color: var(--mcda-body) !important; text-decoration: none; font-size: 0.875rem; line-height: 1.35; }
ul.mcda-aside-posts time { display: block; margin-top: 2px; font: 0.7rem/1.3 var(--mcda-mono); color: var(--mcda-muted); }
ul.mcda-aside-posts a:hover { color: var(--mcda-text) !important; }
ul.mcda-aside-posts a.is-current { border-left-color: var(--mcda-accent); color: var(--mcda-text) !important; }
.mcda-aside-all { display: inline-block; margin: 6px 0 0 14px; font-size: 0.8rem; color: var(--wp--preset--color--link) !important; text-decoration: none; }

/* Homepage Applications: each application in its colour, icon white on a filled tile */
.mcda-apps .mcda-apps-list svg:first-child { box-sizing: border-box; width: 60px; height: 60px; padding: 13px; border-radius: 15px; background: var(--app-deep); stroke: #fff; stroke-width: 1.6; }
.mcda-apps .mcda-apps-list a:hover, .mcda-apps .mcda-apps-list a:focus-visible { border-color: var(--app); background: color-mix(in srgb, var(--app) 8%, var(--wp--preset--color--band, #1A2124)); }
.mcda-apps .mcda-apps-list a:hover svg.go, .mcda-apps .mcda-apps-list a:focus-visible svg.go { stroke: var(--app); }
/* Homepage Features: more room between the subtitle and the row */
.mcda-home-features .mcda-section-head + .mcda-featrow, .mcda-home-features .mcda-section-head + * { margin-top: 2.75rem !important; }

/* Homepage Features: product tour (tabs on the left, large screenshot on the right) */
.mcda-home-features .mcda-section-head + .mcda-tour { margin-top: 2.75rem !important; }
.mcda-tour { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 36px; align-items: start; }
.mcda-tour-tabs { display: grid; gap: 6px; }
.mcda-tour-tab { display: flex; align-items: center; gap: 14px; width: 100%; padding: 12px 14px; border: 1px solid transparent; border-radius: 12px; background: none; color: var(--mcda-body); font: inherit; text-align: left; cursor: pointer; transition: background-color .18s ease, border-color .18s ease; }
.mcda-tour-tab .mcda-ftile { width: 40px; height: 40px; border-radius: 10px; flex: none; opacity: 0.55; transition: opacity .18s ease; }
.mcda-tour-tab .mcda-ftile::before { inset: 10px; }
.mcda-tour-tab strong { display: block; font-size: 1rem; line-height: 1.3; font-weight: 600; color: var(--mcda-body); }
.mcda-tour-tab em { display: none; margin-top: 4px; font-style: normal; font-size: 0.875rem; line-height: 1.45; color: var(--mcda-muted); }
.mcda-tour-tab:hover { background: rgba(255, 255, 255, 0.03); }
.mcda-tour-tab:hover .mcda-ftile { opacity: 0.85; }
.mcda-tour-tab[aria-selected="true"] { border-color: var(--mcda-line); background: var(--mcda-surface); }
.mcda-tour-tab[aria-selected="true"] .mcda-ftile { opacity: 1; }
.mcda-tour-tab[aria-selected="true"] strong { color: var(--mcda-text); }
.mcda-tour-tab[aria-selected="true"] em { display: block; }
.mcda-tour-tab:focus-visible { outline: 2px solid var(--mcda-accent); outline-offset: 2px; }
.mcda-tour-stage { min-width: 0; }
.mcda-tour-panel { margin: 0; }
.mcda-tour-panel.is-active { animation: mcda-tour-in .35s ease; }
@keyframes mcda-tour-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.mcda-tour-panel figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: 8px 24px; margin-top: 12px; font-size: 0.85rem; line-height: 1.45; color: var(--mcda-muted); }
.mcda-tour-panel figcaption a { flex: none; font-weight: 600; color: var(--wp--preset--color--link); text-decoration: none; }
.mcda-tour-panel figcaption a:hover { text-decoration: underline; }
@media (max-width: 900px) {
	.mcda-tour { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.mcda-tour-tabs { display: flex; overflow-x: auto; gap: 8px; scrollbar-width: none; }
	.mcda-tour-tabs::-webkit-scrollbar { display: none; }
	.mcda-tour-tab { flex: none; width: auto; padding: 8px 12px; }
	.mcda-tour-tab .mcda-ftile { width: 28px; height: 28px; border-radius: 7px; }
	.mcda-tour-tab .mcda-ftile::before { inset: 6px; }
	.mcda-tour-tab[aria-selected="true"] em { display: none; }
	.mcda-tour-panel figcaption { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .mcda-tour-panel.is-active { animation: none; } .mcda-tour-tab, .mcda-tour-tab .mcda-ftile { transition: none; } }
/* Case story sidebar: small application tile before each group */
:where(.mcda-aside-app) { --app-deep: #1F8FAB; }
.mcda-aside-app { position: relative; flex: none; width: 20px; height: 20px; border-radius: 5px; background: var(--app-deep); }
.mcda-aside-app::before { content: ""; position: absolute; inset: 4px; background: #fff; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }

/* How it works: nine steps in three phases, with the app's step rail icons */
.mcda-phases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem; max-width: 1040px; margin: 2.75rem auto 0 !important; }
.mcda-phase { padding-top: 1.1rem; border-top: 2px solid var(--mcda-accent); }
.mcda-phase-label { margin: 0 0 0.35rem !important; font: 0.75rem/1 var(--mcda-mono); letter-spacing: 0.04em; color: var(--mcda-accent); }
.mcda-phase-title { margin: 0 0 0.5rem !important; font-size: 1.2rem !important; line-height: 1.3; color: var(--mcda-text); }
.mcda-phase-text { margin: 0 0 1.4rem !important; min-height: 4.5em; font-size: 0.92rem; line-height: 1.5; color: var(--mcda-muted); }
ol.mcda-phase-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
ol.mcda-phase-steps li { position: relative; display: flex; align-items: center; gap: 14px; margin: 0; }
ol.mcda-phase-steps li:not(:last-child)::after { content: ""; position: absolute; left: 19px; top: 40px; height: 12px; width: 1.5px; background: color-mix(in srgb, var(--mcda-accent) 45%, transparent); }
.mcda-step-ic { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border: 1.5px solid var(--mcda-accent); border-radius: 50%; box-sizing: border-box; background: var(--wp--preset--color--base, #161B1D); color: var(--mcda-accent); }
.mcda-step-ic svg { width: 19px; height: 19px; }
.mcda-step-n { font: 0.75rem/1 var(--mcda-mono); color: var(--mcda-muted); min-width: 1ch; }
.mcda-step-name { font-size: 1rem; color: var(--mcda-text); }
@media (max-width: 860px) {
	.mcda-phases { grid-template-columns: 1fr; gap: 2rem; max-width: 520px; }
	.mcda-phase-text { min-height: 0; }
}

/* Methodology and Applications pages: the three phases inside the text column */
.mcda-article .mcda-phases { margin: 1.75rem 0 2rem !important; max-width: none; gap: 1.75rem; }
.mcda-article .mcda-phase-text { min-height: 6em; }
.mcda-article .mcda-phase-title { margin-top: 0 !important; }
@media (max-width: 860px) { .mcda-article .mcda-phase-text { min-height: 0; } }

/* How it works: each phase as a card (no top line), steps inside */
.mcda-phase { padding: 1.4rem 1.4rem 1.5rem; border: 1px solid var(--mcda-line); border-top: 1px solid var(--mcda-line); border-radius: 14px; background: var(--mcda-surface); }
.mcda-home-how .mcda-phases { gap: 1.25rem; }
.mcda-phase-label { display: inline-block; padding: 3px 8px; border-radius: 5px; background: color-mix(in srgb, var(--mcda-accent) 14%, transparent); }
.mcda-article .mcda-phases { gap: 1rem; }
.mcda-home-how .mcda-phase-text { min-height: 6em; }
@media (max-width: 860px) { .mcda-home-how .mcda-phase-text { min-height: 0; } }

/* ---------- Usage figures in the About section ([mcda_stats]) ----------
   Five figures from the app, without lines, on a darker stripe across the full width of the section
   (the page grey); two columns on phones, the fifth figure across both. */
.mcda-stats {
	display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.75rem;
	max-width: 1000px; margin: 2.75rem auto 0 !important; padding: 1.5rem 0;
	background: var(--mcda-bg);
	box-shadow: 0 0 0 100vmax var(--mcda-bg);
	clip-path: inset(0 -100vmax);
}
.mcda-stat { display: flex; flex-direction: column-reverse; align-items: center; gap: 0.5rem; padding: 1rem 0.5rem; text-align: center; }
.mcda-stat dd { margin: 0; font-size: clamp(1.9rem, 3vw, 2.5rem); font-weight: 600; line-height: 1; color: var(--mcda-text); font-variant-numeric: tabular-nums; }
.mcda-stat dt { font-family: var(--mcda-mono); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mcda-muted); }
.mcda-home-about .mcda-stats + .mcda-all-news, .mcda-home-about .mcda-stats ~ .mcda-all-news { margin-top: 2.75rem !important; }
@media (max-width: 780px) {
	.mcda-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mcda-stat:last-child { grid-column: 1 / -1; }
}

/* ---------- Methodology page: step headings, platform callouts, formula, figures ---------- */
.mcda-methodology-page h2.mcda-step { display: flex; align-items: center; gap: 0.9rem; }
.mcda-step-tile {
	position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
	width: 2.75rem; height: 2.75rem; border-radius: 10px;
	background: var(--mcda-surface); border: 1px solid var(--mcda-line); color: var(--mcda-accent);
}
.mcda-step-tile svg { width: 1.4rem; height: 1.4rem; }
.mcda-step-tile b {
	position: absolute; top: -0.45rem; right: -0.45rem; min-width: 1.2rem; height: 1.2rem; padding: 0 0.25rem;
	border-radius: 0.6rem; background: var(--mcda-accent); color: var(--wp--preset--color--accent-ink, #04202A);
	font: 600 0.7rem/1.2rem var(--mcda-mono); text-align: center;
}
.mcda-step-name { min-width: 0; }

.mcda-impl {
	padding: 1rem 1.25rem 1.05rem 1.35rem !important;
	border-left: 3px solid var(--mcda-accent); border-radius: 0 8px 8px 0;
	background: color-mix(in srgb, var(--mcda-accent) 6%, var(--mcda-surface));
}
.mcda-impl::before {
	content: "In mcda.Studio"; display: block; margin-bottom: 0.5rem;
	font: 500 0.7rem/1.2 var(--mcda-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--mcda-accent);
}
.mcda-impl > * { margin-block: 0 !important; }
.mcda-impl > * + * { margin-top: 0.6rem !important; }
.mcda-impl p { color: var(--mcda-body); font-size: 0.97rem; }
.mcda-article .wp-block-post-content > .mcda-impl { margin-block: 1.4rem 1.6rem !important; }

.mcda-formula { margin: 1.5rem 0 !important; padding: 1.1rem 0; text-align: center; border-block: 1px solid var(--mcda-line); }
.mcda-formula-eq { font: 400 1.55rem/1.3 "Times New Roman", Georgia, serif; color: var(--mcda-text); letter-spacing: 0.02em; }
.mcda-formula sub { font-size: 0.6em; }
.mcda-formula-leg { margin-top: 0.5rem; font-size: 0.82rem; color: var(--mcda-muted); }

.mcda-fig { margin: 1.6rem 0 !important; padding: 1.1rem 1rem 0.8rem; background: var(--mcda-band); border: 1px solid var(--mcda-line); border-radius: 10px; }
.mcda-fig .mf-svg { display: block; width: 100%; height: auto; }
.mcda-fig figcaption { margin-top: 0.6rem; font-size: 0.8rem; line-height: 1.45; color: var(--mcda-muted); text-align: center; }
.mcda-fig-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.mcda-fig-title { margin: 0 0 0.25rem !important; text-align: center; font: 500 0.7rem/1.2 var(--mcda-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--mcda-text); }
@media (max-width: 560px) { .mcda-fig-pair { grid-template-columns: 1fr; } }
.mf-lab { font: 500 11px var(--mcda-mono); fill: var(--mcda-text); letter-spacing: 0.04em; }
.mf-sub { font: 400 11px var(--mcda-mono); fill: var(--mcda-muted); }
.mf-op { font: 400 24px var(--wp--preset--font-family--figtree, sans-serif); fill: var(--mcda-muted); }
.mcda-step-name .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Applications overview: application cards in the intro box (replace the key facts) */
.mcda-appintro-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 1.5rem; }
.mcda-appintro-card { --app: var(--mcda-accent); --app-deep: #1F8FAB; display: flex; flex-direction: column; padding: 0.9rem 1rem; border: 1px solid var(--mcda-line); border-radius: 10px; background: rgba(20, 26, 28, 0.55); color: var(--mcda-text) !important; text-decoration: none !important; transition: border-color .15s ease, background-color .15s ease; }
.mcda-appintro-card.mcda-hue-mar { --app: #3FC1B0; --app-deep: #1E8C7E; }
.mcda-appintro-card.mcda-hue-vulnerability { --app: #E3A857; --app-deep: #B87A26; }
.mcda-appintro-card.mcda-hue-flood { --app: #6EA1F0; --app-deep: #3A6FC4; }
.mcda-appintro-card.mcda-hue-groundwater { --app: #A88BEB; --app-deep: #7457C4; }
.mcda-appintro-card.mcda-hue-land { --app: #8CC66B; --app-deep: #4F8F33; }
.mcda-appintro-card.mcda-hue-custom { --app: #E58BA6; --app-deep: #B9506F; }
.mcda-appintro-card i { position: relative; width: 34px; height: 34px; border-radius: 9px; background: var(--app-deep); }
.mcda-appintro-card i::before { content: ""; position: absolute; inset: 7px; background: #fff; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.mcda-appintro-card strong { display: block; margin-top: 0.7rem; font-size: 0.95rem; font-weight: 600; line-height: 1.25; }
.mcda-appintro-card em { display: block; margin-top: 0.3rem; font-style: normal; font-size: 0.85rem; line-height: 1.4; color: var(--mcda-muted); }
.mcda-appintro-more { margin-top: auto; padding-top: 0.6rem; font-size: 0.8rem; color: var(--app); }
.mcda-appintro-card:hover, .mcda-appintro-card:focus-visible { border-color: var(--app); background: color-mix(in srgb, var(--app) 8%, var(--mcda-surface)); }
@media (max-width: 900px) { .mcda-appintro-cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .mcda-appintro-cards { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .mcda-appintro-card { transition: none; } }

/* Applications overview: "What an application provides" as four columns under a top line, no icons or boxes */
.mcda-apps-overview .mcda-cats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.mcda-apps-overview .mcda-cat { padding: 0.85rem 0.1rem 0; border: 0; border-top: 2px solid var(--mcda-accent); border-radius: 0; background: none; }
.mcda-apps-overview .mcda-cat::before, .mcda-apps-overview .mcda-cat::after { display: none !important; }
.mcda-apps-overview .mcda-cat h3 { margin-bottom: 0.4rem !important; font-size: 1rem; }
@media (max-width: 900px) { .mcda-apps-overview .mcda-cats { grid-template-columns: 1fr 1fr; row-gap: 1.75rem; } }
@media (max-width: 480px) { .mcda-apps-overview .mcda-cats { grid-template-columns: 1fr; } }

/* FAQ page: questions as collapsible items */
.wp-block-details.mcda-faq { margin: 0 !important; border-bottom: 1px solid var(--mcda-line); }
.mcda-article h2 + .wp-block-details.mcda-faq { border-top: 1px solid var(--mcda-line); }
.wp-block-details.mcda-faq summary { position: relative; padding: 0.95rem 2.25rem 0.95rem 0; font-size: 1.05rem; font-weight: 500; color: var(--mcda-text); cursor: pointer; list-style: none; }
.wp-block-details.mcda-faq summary::-webkit-details-marker { display: none; }
.wp-block-details.mcda-faq summary::after { content: "+"; position: absolute; right: 0.25rem; top: 0.8rem; font: 400 1.4rem/1 var(--mcda-mono); color: var(--mcda-accent); }
.wp-block-details.mcda-faq[open] summary::after { content: "−"; }
.wp-block-details.mcda-faq summary:hover { color: var(--mcda-accent); }
.wp-block-details.mcda-faq > p { margin: 0 0 1.1rem !important; max-width: 46rem; color: var(--mcda-body); }

/* Contact page: topic cards and partner logos */
.mcda-contact-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mcda-contact-topic { display: flex; flex-direction: column; padding: 0.95rem 1.05rem; border: 1px solid var(--mcda-line); border-radius: 10px; background: var(--mcda-surface); color: var(--mcda-text) !important; text-decoration: none !important; transition: border-color .15s ease, background-color .15s ease; }
.mcda-contact-topic strong { font-size: 1rem; font-weight: 600; }
.mcda-contact-topic em { margin-top: 0.3rem; font-style: normal; font-size: 0.9rem; line-height: 1.45; color: var(--mcda-muted); }
.mcda-contact-topic span { margin-top: auto; padding-top: 0.6rem; font-size: 0.85rem; color: var(--mcda-accent); }
.mcda-contact-topic:hover, .mcda-contact-topic:focus-visible { border-color: var(--mcda-accent); background: color-mix(in srgb, var(--mcda-accent) 8%, var(--mcda-surface)); }
.mcda-contact-partners .mcda-allies { margin: 0.25rem 0 0; }
@media (max-width: 600px) { .mcda-contact-topics { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .mcda-contact-topic { transition: none; } }

/* Home page: partner band (assets/js/partners-band.js) */
.mcda-allyband { max-width: 1200px; margin: 0 auto; padding: 2.75rem 1.5rem 3rem; text-align: center; }
.mcda-allyband-label { margin: 0 0 1.25rem !important; font: 0.6875rem/1.2 var(--mcda-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--mcda-muted); }
.mcda-allyband .mcda-allies { justify-content: center; gap: 1.25rem 3rem; }
.mcda-allyband .mcda-allies.is-rotating { display: grid; grid-template-columns: repeat(var(--places, 5), minmax(0, 1fr)); gap: 1.5rem; }
.mcda-allyband .mcda-allies.is-rotating > li { display: flex; align-items: center; justify-content: center; min-height: 56px; transition: opacity .6s ease; }
.mcda-allyband .mcda-allies.is-rotating > li.is-out { opacity: 0; }

/* Space between the page banner and the page content: the same on all pages */
main.mcda-app-article.mcda-sided, .mcda-page-band + main { padding-top: 4rem !important; }
.mcda-app-article > .mcda-app-band { margin-bottom: 4rem !important; }
@media (max-width: 781px) {
	main.mcda-app-article.mcda-sided, .mcda-page-band + main { padding-top: 2.75rem !important; }
	.mcda-app-article > .mcda-app-band { margin-bottom: 2.75rem !important; }
}
/* Features page: the first feature section brings its own top space */
.mcda-page-band + main.mcda-features-page { padding-top: 0 !important; }
/* Section heads: optional intro paragraph under the subtitle */
.mcda-section-head .mcda-section-intro { max-width: 640px; margin-top: 0.4rem !important; font-size: 1rem; line-height: 1.6; color: var(--mcda-muted); }
/* Partner band with the same section head as the other home page sections */
.mcda-allyband { padding: 4rem 1.5rem; }
.mcda-allyband .mcda-section-head + .mcda-allies { margin-top: 2.25rem; }

/* Home page About: text with Read more, partner logos directly under it, usage figures as the closing stripe */
.mcda-home-about .mcda-home-about-text { max-width: 760px; }
.mcda-about-link { white-space: nowrap; color: var(--mcda-accent) !important; text-decoration: none !important; }
.mcda-about-link:hover { text-decoration: underline !important; }
.mcda-allyband--compact { max-width: 900px; margin: 1.75rem auto 0 !important; padding: 0; }
.mcda-home-about .mcda-stats { margin-top: 2.5rem !important; padding: 1.75rem 0; }

/* Swipeable rows on phones: absolutely positioned bits inside the cards (category tag, badges, screen-reader
   text) must stay inside the scrolling row, or they widen the whole page */
.wp-block-post-template, .mcda-app-tabs, .mcda-readtable { position: relative; }
/* Phones: banner subtitles in full (no cut-off), application cards two per row */
@media (max-width: 600px) {
	.mcda-app-sub { display: block; min-height: 0; -webkit-line-clamp: unset; overflow: visible; }
}
@media (max-width: 480px) {
	.mcda-appintro-cards { grid-template-columns: 1fr 1fr; gap: 8px; }
	.mcda-appintro-card { padding: 0.8rem 0.8rem 0.75rem; }
	.mcda-appintro-card strong { font-size: 0.9rem; }
	.mcda-appintro-card em { font-size: 0.8rem; }
	.mcda-appintro-more { font-size: 0.75rem; }
}
@media (max-width: 600px) {
	.mcda-app-intro .mcda-lede, .mcda-lede { font-size: 1.05rem; }
	/* banner: icon beside the title only, subtitle across the full width underneath */
	.mcda-app-head:has(> .mcda-app-head-icon) { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 14px; align-items: center; }
	.mcda-app-head:has(> .mcda-app-head-icon) > div { display: contents; }
	/* posts: no icon; date line, then the full title */
	.mcda-page-band.is-slim .mcda-app-head { display: block; }
	.mcda-page-band.is-slim .mcda-app-head h1 { display: block; -webkit-line-clamp: unset; overflow: visible; white-space: normal; margin-top: 0.6rem !important; font-size: 1.7rem; line-height: 1.2; }
	.mcda-app-head .mcda-app-sub { grid-column: 1 / -1; margin-top: 0.75rem !important; }
	.mcda-app-head > p:empty { display: none; }
	.mcda-app-head h1 { min-height: 0; margin: 0 !important; }
}
/* Phones: usage figures as 3 + 2, more compact */
@media (max-width: 480px) {
	.mcda-home-about .mcda-stats { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.25rem; padding: 1.25rem 0; }
	.mcda-home-about .mcda-stat { grid-column: span 2; padding: 0.6rem 0.25rem; justify-content: flex-end; }
	.mcda-home-about .mcda-stat:nth-child(4) { grid-column: 2 / span 2; }
	.mcda-home-about .mcda-stat:last-child { grid-column: 4 / span 2; }
	.mcda-home-about .mcda-stat dd { font-size: 1.5rem; }
	.mcda-home-about .mcda-stat dt { font-size: 0.58rem; letter-spacing: 0.06em; }
}

/* ---------- Phones: no sideways-scrolling rows (26 Oct 2026) ----------
   Card rows stack, tab rows wrap, the banner chips are left out (the menu lists the same pages),
   and the "Interpreting the results" table becomes one small card per application. */
@media (max-width: 600px) {
	/* banner chips */
	.mcda-app-band .mcda-app-tabs { display: none !important; }
	/* feature cards: compact rows, picture left */
	.mcda-fcards { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-inline: 0 !important; padding: 0 !important; overflow: visible !important; }
	.mcda-fcards > li { flex: none; }
	.mcda-fcards .mcda-fcard { flex-direction: row; align-items: stretch; }
	.mcda-fcards .mcda-fcard-media { flex: 0 0 34%; aspect-ratio: auto; border-bottom: 0; border-right: 1px solid var(--mcda-line); }
	.mcda-fcards .mcda-fcard-media img { width: 100%; height: 100%; object-fit: cover; }
	/* case story and news cards: one under the other */
	.mcda-news .wp-block-post-template { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px; margin-inline: 0 !important; padding: 0 !important; overflow: visible !important; }
	.mcda-news .wp-block-post-template > li { flex: none; }
	/* category tabs and the feature tabs on the home page: wrap */
	.mcda-tabs { flex-wrap: wrap; justify-content: center; overflow: visible; margin-inline: 0 !important; padding-inline: 0; }
	.mcda-tour-tabs { flex-wrap: wrap; overflow: visible; }
	/* results table as cards */
	.wp-block-table.mcda-readtable { overflow: visible; border: 0; background: none; }
	.wp-block-table.mcda-readtable thead { display: none; }
	.wp-block-table.mcda-readtable table, .wp-block-table.mcda-readtable tbody { display: block; }
	.wp-block-table.mcda-readtable tr { display: block; margin-bottom: 10px; padding: 0.8rem 0.95rem; border: 1px solid var(--mcda-line); border-radius: 10px; background: var(--mcda-surface); }
	.wp-block-table.mcda-readtable td { display: block; padding: 0.15rem 0; border: 0; }
	.wp-block-table.mcda-readtable td:first-child { margin-bottom: 0.35rem; font-weight: 600; color: var(--mcda-text); }
	.wp-block-table.mcda-readtable td:not(:first-child)::before { display: block; font: 0.62rem/1.3 var(--mcda-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--mcda-muted); }
	.wp-block-table.mcda-readtable td:nth-child(2)::before { content: "Result"; }
	.wp-block-table.mcda-readtable td:nth-child(3)::before { content: "Very high means"; }
	.wp-block-table.mcda-readtable td:nth-child(4)::before { content: "Typical decision"; }
	.wp-block-table.mcda-readtable td + td { margin-top: 0.35rem; }
	.wp-block-table.mcda-readtable td, .wp-block-table.mcda-readtable td:first-child { position: static; padding-left: 0 !important; white-space: normal !important; }
	.wp-block-table.mcda-readtable td:first-child { display: flex; align-items: center; gap: 10px; }
	.wp-block-table.mcda-readtable .mcda-rt-ic { position: relative; left: auto; top: auto; flex: none; }
	.wp-block-table.mcda-readtable .mcda-hi { position: static; display: inline-block; margin-right: 7px; vertical-align: 0; }
}

/* "Coming soon" label on the Sign in / Open the app buttons while the app is not online (MCDASTUDIO_APP_LIVE) */
.mcda-soon { display: inline-block; margin-left: 0.45em; padding: 2px 6px; border-radius: 5px; background: #E3A857; color: #2A1A05; font: 600 0.6rem/1.3 var(--mcda-mono); letter-spacing: 0.04em; text-transform: uppercase; vertical-align: 0.15em; white-space: nowrap; }
@media (max-width: 600px) { .mcda-header .mcda-soon, header .mcda-soon { display: none; } }