/*
 * The Marq Feedback theme.
 * One field of deep teal, warm cream type, the flyer's thin arcs. Colours come
 * from the plugin (Feedback → Settings → Design) through --mqfb-* tokens.
 */

:root {
	--mqfb-bg: #004457;
	--mqfb-fg: #fff3db;
	--mqfb-btn-bg: #fff3db;
	--mqfb-btn-fg: #004457;

	--mqft-soft: rgba(255, 243, 219, .8);
	--mqft-faint: rgba(255, 243, 219, .55);
	--mqft-line: rgba(255, 243, 219, .24);
	--mqft-wash: rgba(255, 243, 219, .07);

	--mqft-font: "Merriweather", Georgia, "Times New Roman", serif;
	--mqft-font-ar: "IBM Plex Sans Arabic", "Merriweather", Tahoma, Arial, sans-serif;
	--mqft-pad: clamp(1.25rem, 5vw, 3rem);
	--mqft-measure: 44rem;
	--mqft-wide: 72rem;
	--mqft-ease: cubic-bezier(.2, .7, .2, 1);
}

@supports (color: color-mix(in srgb, red 50%, blue)) {
	:root {
		--mqft-soft: color-mix(in srgb, var(--mqfb-fg) 80%, transparent);
		--mqft-faint: color-mix(in srgb, var(--mqfb-fg) 55%, transparent);
		--mqft-line: color-mix(in srgb, var(--mqfb-fg) 24%, transparent);
		--mqft-wash: color-mix(in srgb, var(--mqfb-fg) 7%, transparent);
	}
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-padding-top: 1rem;
}

body.mqft {
	margin: 0;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	background: var(--mqfb-bg);
	color: var(--mqfb-fg);
	font-family: var(--mqft-font);
	font-size: 1rem;
	line-height: 1.75;
	font-variant-numeric: lining-nums;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
}

.rtl body.mqft,
body.mqft.rtl,
body.mqft.mqft-ar {
	font-family: var(--mqft-font-ar);
	line-height: 1.8;
}

.mqft-main {
	flex: 1 0 auto;
	width: 100%;
	outline: none;
	overflow-x: clip;
}

img,
svg,
video,
iframe {
	max-width: 100%;
}

img {
	height: auto;
}

::selection {
	background: var(--mqfb-fg);
	color: var(--mqfb-bg);
}

:focus-visible {
	outline: 2px solid var(--mqfb-fg);
	outline-offset: 3px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.mqft-skip {
	position: absolute;
	top: .75rem;
	left: .75rem;
	z-index: 100;
	padding: .6rem 1rem;
	border-radius: .75rem;
	background: var(--mqfb-btn-bg);
	color: var(--mqfb-btn-fg);
	font-weight: 600;
	text-decoration: none;
	transform: translateY(-200%);
}

.mqft-skip:focus {
	transform: none;
}

.rtl .mqft-skip {
	left: auto;
	right: .75rem;
}

/* Links ------------------------------------------------------------------- */

.mqft a {
	color: var(--mqfb-fg);
	text-decoration-color: var(--mqft-faint);
	text-decoration-thickness: 1px;
	text-underline-offset: .22em;
	transition: text-decoration-color .2s;
}

@media (hover: hover) {
	.mqft a:hover {
		text-decoration-color: currentColor;
	}
}

/* Buttons ------------------------------------------------------------------ */

.mqft .mqft-btn,
.mqft .wp-block-button__link,
.mqft .wp-element-button,
.mqft input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: .7rem 1.5rem;
	border: 1px solid var(--mqfb-btn-bg);
	border-radius: 1.1rem;
	background: var(--mqfb-btn-bg);
	color: var(--mqfb-btn-fg);
	font-family: inherit;
	font-size: .9375rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	touch-action: manipulation;
	transition: opacity .2s, transform .15s var(--mqft-ease);
}

.rtl .mqft-btn,
.mqft-ar .mqft-btn {
	font-weight: 600;
}

@media (hover: hover) {
	.mqft .mqft-btn:hover,
	.mqft .wp-block-button__link:hover {
		opacity: .9;
		color: var(--mqfb-btn-fg);
	}
}

.mqft .mqft-btn:active {
	transform: scale(.98);
}

.mqft .mqft-btn--ghost,
.mqft .is-style-outline .wp-block-button__link {
	border-color: var(--mqft-line);
	background: transparent;
	color: var(--mqfb-fg);
}

@media (hover: hover) {
	.mqft .mqft-btn--ghost:hover,
	.mqft .is-style-outline .wp-block-button__link:hover {
		border-color: var(--mqfb-fg);
		background: var(--mqft-wash);
		color: var(--mqfb-fg);
		opacity: 1;
	}
}

/* Header ------------------------------------------------------------------- */

.mqft-header {
	position: relative;
	z-index: 20;
	padding: max(1rem, env(safe-area-inset-top)) max(var(--mqft-pad), env(safe-area-inset-right)) 1rem max(var(--mqft-pad), env(safe-area-inset-left));
	border-bottom: 1px solid var(--mqft-line);
}

.mqft-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	max-width: var(--mqft-wide);
	margin: 0 auto;
}

.mqft-logo {
	display: inline-flex;
	flex: none;
	align-items: center;
	min-height: 2.75rem;
	text-decoration: none;
}

.mqft-logo img {
	display: block;
	width: auto;
	max-width: 8rem;
	max-height: 3.1rem;
}

.mqft-logo__text {
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0;
}

.mqft-header__end {
	display: flex;
	align-items: center;
	gap: .75rem;
	min-width: 0;
}

.mqft .mqft-header__cta {
	min-height: 2.75rem;
	padding: .55rem 1.1rem;
	font-size: .9375rem;
	white-space: nowrap;
}

/* Menu (mobile first: toggle + panel) */

.mqft-menu-toggle {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	min-height: 2.75rem;
	padding: .4rem .9rem;
	border: 1px solid var(--mqft-line);
	border-radius: 999px;
	background: transparent;
	color: var(--mqfb-fg);
	font: inherit;
	font-size: .9375rem;
	cursor: pointer;
}

.mqft-menu-toggle__bars,
.mqft-menu-toggle__bars::before,
.mqft-menu-toggle__bars::after {
	display: block;
	width: 1rem;
	height: 1.5px;
	background: currentColor;
	transition: transform .25s var(--mqft-ease), opacity .2s;
}

.mqft-menu-toggle__bars {
	position: relative;
}

.mqft-menu-toggle__bars::before,
.mqft-menu-toggle__bars::after {
	content: "";
	position: absolute;
	left: 0;
}

.mqft-menu-toggle__bars::before {
	top: -5px;
}

.mqft-menu-toggle__bars::after {
	top: 5px;
}

.mqft-nav-open .mqft-menu-toggle__bars {
	background: transparent;
}

.mqft-nav-open .mqft-menu-toggle__bars::before {
	transform: translateY(5px) rotate(45deg);
}

.mqft-nav-open .mqft-menu-toggle__bars::after {
	transform: translateY(-5px) rotate(-45deg);
}

.mqft-nav {
	display: none;
}

.mqft-nav-open .mqft-nav {
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	padding: .5rem max(var(--mqft-pad), env(safe-area-inset-right)) 1.5rem max(var(--mqft-pad), env(safe-area-inset-left));
	border-bottom: 1px solid var(--mqft-line);
	background: var(--mqfb-bg);
	box-shadow: 0 24px 40px -24px rgba(0, 0, 0, .45);
}

.mqft-nav__list,
.mqft-nav__list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mqft-nav__list a {
	display: block;
	padding: .8rem 0;
	border-bottom: 1px solid var(--mqft-line);
	font-size: 1.125rem;
	text-decoration: none;
}

.mqft-nav__list ul a {
	padding-inline-start: 1rem;
	font-size: 1rem;
	color: var(--mqft-soft);
}

.mqft-nav__list .current-menu-item > a {
	text-decoration: underline;
	text-decoration-color: currentColor;
}

@media (min-width: 56rem) {
	.mqft-menu-toggle {
		display: none;
	}

	.mqft-nav,
	.mqft-nav-open .mqft-nav {
		display: block;
		position: static;
		padding: 0;
		border: 0;
		background: none;
		box-shadow: none;
	}

	.mqft-nav__list {
		display: flex;
		align-items: center;
		gap: 1.5rem;
	}

	.mqft-nav__list > li {
		position: relative;
	}

	.mqft-nav__list a {
		padding: .5rem 0;
		border: 0;
		font-size: .9375rem;
		color: var(--mqft-soft);
	}

	@media (hover: hover) {
		.mqft-nav__list a:hover {
			color: var(--mqfb-fg);
		}
	}

	.mqft-nav__list ul {
		position: absolute;
		top: 100%;
		left: -1rem;
		min-width: 13rem;
		padding: .5rem 1rem;
		border: 1px solid var(--mqft-line);
		border-radius: 1rem;
		background: var(--mqfb-bg);
		opacity: 0;
		visibility: hidden;
		transform: translateY(4px);
		transition: opacity .2s, transform .2s var(--mqft-ease), visibility .2s;
	}

	.rtl .mqft-nav__list ul {
		left: auto;
		right: -1rem;
	}

	.mqft-nav__list li:hover > ul,
	.mqft-nav__list li:focus-within > ul {
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.mqft-nav__list ul a {
		padding: .45rem 0;
	}
}

.mqft .mqft-nav__cta {
	display: none;
}

/* Phones with a menu: the feedback button moves into the menu panel. */
@media (max-width: 40rem) {
	.mqft-header--menu .mqft-header__cta {
		display: none;
	}

	.mqft .mqft-nav__cta {
		display: flex;
		width: 100%;
		margin-top: 1.25rem;
	}
}

@media (max-width: 22.5rem) {
	.mqft-menu-toggle__label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.mqft .mqft-header__cta {
		padding-inline: .85rem;
		font-size: .875rem;
	}

	.mqft-logo img {
		max-width: 6.5rem;
	}
}

/* Hero ---------------------------------------------------------------------- */

.mqft-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(3rem, 10vw, 7rem) max(var(--mqft-pad), env(safe-area-inset-right)) clamp(2.25rem, 6vw, 4rem) max(var(--mqft-pad), env(safe-area-inset-left));
}

.mqft-hero--tall {
	display: flex;
	align-items: center;
	min-height: calc(100vh - 12rem);
	min-height: calc(100dvh - 12rem);
}

.mqft-hero__inner {
	position: relative;
	width: 100%;
	max-width: var(--mqft-measure);
	margin: 0 auto;
}

.mqft-arcs {
	position: absolute;
	inset: 0 auto 0 0;
	z-index: -1;
	width: min(70vw, 36rem);
	height: 100%;
	pointer-events: none;
}

.mqft-arcs circle {
	fill: none;
	stroke: var(--mqft-line);
	stroke-width: 1.2;
	vector-effect: non-scaling-stroke;
}

.rtl .mqft-arcs {
	inset: 0 0 0 auto;
	transform: scaleX(-1);
}

.mqft-title {
	margin: 0;
	font-size: clamp(1.9rem, 6.2vw, 3.6rem);
	font-weight: 400;
	line-height: 1.14;
	letter-spacing: .015em;
	text-transform: uppercase;
	text-wrap: balance;
}

.rtl .mqft-title {
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}

.mqft-hero__meta {
	margin: 1rem 0 0;
	color: var(--mqft-soft);
	font-size: .9375rem;
}

.mqft-hero__search {
	margin-top: 1.75rem;
}

/* Reading column ------------------------------------------------------------ */

.mqft-wrap {
	width: 100%;
	max-width: calc(var(--mqft-measure) + 2 * var(--mqft-pad));
	margin: 0 auto;
	padding: 0 max(var(--mqft-pad), env(safe-area-inset-right)) clamp(3rem, 8vw, 5rem) max(var(--mqft-pad), env(safe-area-inset-left));
}

.mqft-feature {
	margin-top: 0;
	margin-bottom: 2.5rem;
	padding-bottom: 0;
}

.mqft-feature img {
	display: block;
	width: 100%;
	border-radius: 1.25rem;
}

.mqft-content > * {
	margin-top: 0;
	margin-bottom: 1.25em;
}

.mqft-content > :last-child {
	margin-bottom: 0;
}

.mqft-content h2,
.mqft-content h3,
.mqft-content h4,
.mqft-content h5,
.mqft-content h6 {
	margin-top: 2.2em;
	margin-bottom: .6em;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-wrap: balance;
}

.mqft-content h2 { font-size: clamp(1.35rem, 3.6vw, 1.75rem); }
.mqft-content h3 { font-size: clamp(1.15rem, 2.8vw, 1.35rem); }
.mqft-content h4 { font-size: 1.125rem; }
.mqft-content h5,
.mqft-content h6 { font-size: 1rem; }

.rtl .mqft-content h2,
.rtl .mqft-content h3,
.rtl .mqft-content h4 {
	line-height: 1.5;
	letter-spacing: 0;
}

.mqft-content p,
.mqft-content li {
	color: var(--mqft-soft);
}

.mqft-content strong,
.mqft-content b {
	color: var(--mqfb-fg);
	font-weight: 600;
}

.mqft-content ul,
.mqft-content ol {
	padding-inline-start: 1.25em;
}

.mqft-content li + li {
	margin-top: .35em;
}

.mqft-content li::marker {
	color: var(--mqft-faint);
}

.mqft-content blockquote,
.mqft-content .wp-block-quote {
	margin-inline: 0;
	padding: .25em 0 .25em 1.25em;
	border: 0;
	border-inline-start: 2px solid var(--mqfb-fg);
	font-size: 1.1875rem;
}

.rtl .mqft-content blockquote {
	padding: .25em 1.25em .25em 0;
}

.mqft-content blockquote p {
	color: var(--mqfb-fg);
}

.mqft-content cite,
.mqft-content figcaption,
.mqft-content .wp-element-caption {
	display: block;
	margin-top: .6em;
	color: var(--mqft-faint);
	font-size: .875rem;
	font-style: normal;
}

.mqft-content hr,
.mqft-content .wp-block-separator {
	height: 0;
	margin: 2.5em 0;
	border: 0;
	border-top: 1px solid var(--mqft-line);
}

.mqft-content img {
	border-radius: 1rem;
}

.mqft-content figure {
	margin-inline: 0;
}

.mqft-content .alignwide {
	width: min(100vw - 2 * var(--mqft-pad), var(--mqft-wide));
	max-width: none;
	margin-inline: calc(50% - min(50vw - var(--mqft-pad), var(--mqft-wide) / 2));
}

.mqft-content .alignfull {
	width: 100vw;
	max-width: none;
	margin-inline: calc(50% - 50vw);
}

.mqft-content .alignfull img {
	border-radius: 0;
}

.mqft-content .alignleft {
	float: left;
	margin: .3em 1.5em 1em 0;
}

.mqft-content .alignright {
	float: right;
	margin: .3em 0 1em 1.5em;
}

@media (max-width: 36rem) {
	.mqft-content .alignleft,
	.mqft-content .alignright {
		float: none;
		margin-inline: 0;
	}
}

.mqft-content table,
.mqft-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: .9375rem;
}

/* Wide tables scroll inside the column instead of stretching the page. */
.mqft-content .wp-block-table,
.mqft-content > table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.mqft-content th,
.mqft-content td,
.mqft-content .wp-block-table th,
.mqft-content .wp-block-table td {
	padding: .65em .75em;
	border: 0;
	border-bottom: 1px solid var(--mqft-line);
	text-align: start;
	vertical-align: top;
}

.mqft-content th {
	color: var(--mqfb-fg);
	font-weight: 600;
}

.mqft-content thead,
.mqft-content .wp-block-table thead {
	border-bottom: 1px solid var(--mqfb-fg);
}

.mqft-content td {
	color: var(--mqft-soft);
}

.mqft-content code,
.mqft-content kbd {
	padding: .1em .35em;
	border-radius: .35em;
	background: var(--mqft-wash);
	font-size: .9em;
}

.mqft-content pre {
	max-width: 100%;
	overflow-x: auto;
	padding: 1em 1.25em;
	border: 1px solid var(--mqft-line);
	border-radius: 1rem;
	background: var(--mqft-wash);
}

.mqft-content pre code {
	padding: 0;
	background: none;
}

.mqft-content iframe,
.mqft-content embed,
.mqft-content video {
	max-width: 100%;
}

.mqft-content .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
}

.mqft-pages {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-top: 2rem;
}

/* Lists (archive / search) --------------------------------------------------- */

.mqft-list {
	display: grid;
	gap: 0;
}

.mqft-card {
	padding: 1.5rem 0;
	border-top: 1px solid var(--mqft-line);
}

.mqft-card:last-child {
	border-bottom: 1px solid var(--mqft-line);
}

.mqft-card__title {
	margin: 0;
	font-size: clamp(1.15rem, 3.2vw, 1.45rem);
	font-weight: 400;
	line-height: 1.35;
}

.mqft-card__title a {
	text-decoration: none;
}

.mqft-card__meta {
	margin: .35rem 0 0;
	color: var(--mqft-faint);
	font-size: .875rem;
}

.mqft-card__excerpt p {
	margin: .6rem 0 0;
	color: var(--mqft-soft);
}

.mqft .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-top: 2rem;
}

.mqft .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0 .75rem;
	border: 1px solid var(--mqft-line);
	border-radius: 999px;
	text-decoration: none;
}

.mqft .page-numbers.current {
	background: var(--mqfb-fg);
	color: var(--mqfb-bg);
}

.mqft-empty {
	padding: 1rem 0;
	color: var(--mqft-soft);
}

/* Search ------------------------------------------------------------------ */

.mqft-search {
	display: flex;
	gap: .5rem;
	max-width: 32rem;
}

.mqft .mqft-search__input,
.mqft input[type="text"],
.mqft input[type="email"],
.mqft input[type="url"],
.mqft textarea {
	width: 100%;
	min-height: 3rem;
	padding: .7rem 1rem;
	border: 1px solid var(--mqft-line);
	border-radius: 1rem;
	background: var(--mqft-wash);
	color: var(--mqfb-fg);
	font: inherit;
	font-size: 1rem;
}

.mqft .mqft-search__input {
	flex: 1;
	min-width: 0;
}

.mqft .mqft-search__input::placeholder,
.mqft textarea::placeholder {
	color: var(--mqft-faint);
}

.mqft .mqft-search__input:focus,
.mqft input[type="text"]:focus,
.mqft input[type="email"]:focus,
.mqft input[type="url"]:focus,
.mqft textarea:focus {
	border-color: var(--mqfb-fg);
	outline: none;
	box-shadow: 0 0 0 1px var(--mqfb-fg);
}

.mqft .mqft-search__btn {
	flex: none;
}

/* 404 --------------------------------------------------------------------- */

.mqft-404 {
	text-align: start;
}

.mqft-404__code {
	margin: 0 0 .5rem;
	color: transparent;
	-webkit-text-stroke: 1px var(--mqft-faint);
	font-size: clamp(4.5rem, 20vw, 10rem);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
}

.mqft-404__ar {
	margin: 1rem 0 0;
	color: var(--mqft-soft);
	font-family: var(--mqft-font-ar);
	font-size: clamp(1.25rem, 4vw, 1.625rem);
	font-weight: 600;
	/* Arabic line sits on the same edge as the English headline. */
	text-align: end;
}

.rtl .mqft-404__ar {
	text-align: start;
}

.mqft-404__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-top: 2.25rem;
}

.mqft-404__actions [lang="ar"] {
	font-family: var(--mqft-font-ar);
	font-weight: 600;
}

/* Comments ------------------------------------------------------------------ */

.mqft-comments {
	padding-top: 2rem;
	border-top: 1px solid var(--mqft-line);
}

.mqft-comments__title,
.mqft .comment-reply-title {
	margin: 0 0 1rem;
	font-size: 1.375rem;
	font-weight: 500;
}

.mqft-comments__list,
.mqft-comments__list .children {
	margin: 0 0 2rem;
	padding: 0;
	list-style: none;
}

.mqft-comments__list .children {
	margin: 1rem 0 0;
	padding-inline-start: 1.25rem;
	border-inline-start: 1px solid var(--mqft-line);
}

.mqft .comment-body {
	padding: 1rem 0;
	border-bottom: 1px solid var(--mqft-line);
}

.mqft .comment-meta,
.mqft .comment-metadata {
	color: var(--mqft-faint);
	font-size: .875rem;
}

.mqft .comment-author img {
	border-radius: 50%;
	vertical-align: middle;
}

.mqft .comment-form p {
	margin: 0 0 1rem;
}

.mqft .comment-form label {
	display: block;
	margin-bottom: .35rem;
	color: var(--mqft-soft);
	font-size: .9375rem;
}

/* Survey inside the theme ---------------------------------------------------- */

.mqft-main--survey {
	padding: clamp(1rem, 4vw, 2.5rem) max(var(--mqft-pad), env(safe-area-inset-right)) clamp(2rem, 6vw, 4rem) max(var(--mqft-pad), env(safe-area-inset-left));
}

.mqft-survey-wrap {
	max-width: 52rem;
	margin: 0 auto;
}

.mqft .mqfb:not(.mqfb--fullscreen) {
	border: 1px solid var(--mqft-line);
}

/* The theme header already shows the logo. */
.mqft-main--survey .mqfb__logo {
	display: none;
}

.mqft-main--survey .mqfb__top {
	margin-bottom: 1.5rem;
}

@media (max-width: 36rem) {
	.mqft-main--survey {
		padding-inline: 0;
		padding-top: 0;
	}

	.mqft .mqfb:not(.mqfb--fullscreen) {
		border-width: 0 0 1px;
		border-radius: 0;
	}
}

/* Footer ---------------------------------------------------------------------- */

.mqft-footer {
	flex: none;
	padding: 1.5rem max(var(--mqft-pad), env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(var(--mqft-pad), env(safe-area-inset-left));
	border-top: 1px solid var(--mqft-line);
	color: var(--mqft-faint);
	font-size: .875rem;
}

.mqft-footer__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1.5rem;
	max-width: var(--mqft-wide);
	margin: 0 auto;
}

.mqft-footer__line {
	margin: 0;
	margin-inline-end: auto;
}

.mqft-footer__list {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mqft-footer a {
	display: inline-block;
	padding-block: .35rem;
	color: var(--mqft-soft);
}

/* Under the full-screen survey the footer sits below the fold, same field. */
body.mqft-survey .mqft-footer {
	background: var(--mqfb-bg);
}

/* Motion ---------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.mqft *,
	.mqft *::before,
	.mqft *::after {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}

@media print {
	body.mqft {
		background: #fff;
		color: #000;
	}

	.mqft-header,
	.mqft-footer,
	.mqft-arcs {
		display: none;
	}

	.mqft-content p,
	.mqft-content li {
		color: #000;
	}
}