/*
 * fixes-r3.css — tester bug report of 25 Sep 2026 (triaged 5 Oct 2026).
 *
 * Loaded last (inc/uiux-r3.php). Every rule is tagged "R3 Bug_n", where n is
 * the row number in that tester sheet. Do not cross-reference with the
 * "Bug_n" tags in fixes.css or the "R2 Bug_n" tags in fixes-r2.css.
 *
 * Selectors are prefixed with `body` where an earlier sheet uses a more
 * specific selector, so this sheet wins on specificity rather than !important.
 */

/* R3 Bug_12 — open mobile menu must not scroll the page behind it.
   The lock used to be body{overflow:hidden}, which does nothing once
   html{overflow-x:clip} is set, so the page scrolled and the sticky header
   went with it. The lock now sits on <html> (see main.js initNav). */
html.wt-nav-open { overflow: hidden; }
html.wt-nav-open body { overscroll-behavior: none; }
.wt-nav { overscroll-behavior: contain; }

/* R3 Bug_2 — hero statistics: four equal columns on desktop, two on phones,
   so "Since 2021" and the labels beneath each figure line up evenly. */
body .wt-hero__proof {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wt-s5) var(--wt-s5);
	align-items: start;
}
body .wt-hero__proof > div { min-width: 0; }
body .wt-hero__proof strong { white-space: nowrap; }
body .wt-hero__proof span { display: block; margin-top: .35rem; line-height: 1.4; }
@media (max-width: 700px) {
	body .wt-hero__proof { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wt-s5) var(--wt-s4); }
	body .wt-hero__proof strong { font-size: 1.5rem; }
}

/* R3 Bug_1 and Bug_8 — empty space under the header on phones.
   Hero blocks used clamp(3-4rem, 9vw, 8rem) of padding above the heading
   and the breadcrumb + banner stacked their own padding on top. */
@media (max-width: 700px) {
	body .wt-hero__inner,
	body .wt-about-hero__inner,
	body .wt-svc-hero__inner,
	body .wt-post-hero__inner {
		padding-top: 2rem;
		padding-bottom: 2.25rem;
	}
	body .wt-crumbs { padding-block: .6rem .4rem; }
	body .wt-crumbs + .wt-banner { padding-top: 1.25rem; padding-bottom: 1.75rem; }
	body .wt-crumbs + .wt-section { padding-top: 1.5rem; }
	body .wt-banner { padding-top: 1.5rem; padding-bottom: 1.75rem; }

	/* R3 Bug_9 — the shared hero SVG on every service page is decoration;
	   on phones it only pushed the content down. */
	body .wt-svc-art { display: none; }
}

/* R3 Bug_4 — certification strip: every logo sits in the same card, so the
   row reads as one set whatever the proportions of each source file. */
.wt-logo-marquee .wt-logo-tile {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 176px;
	height: 76px;
	padding: 10px 16px;
	background: #fff;
	border: 1px solid var(--wt-rule);
	border-radius: 10px;
	box-sizing: border-box;
}
.wt-logo-marquee .wt-logo-tile img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 56px;
	object-fit: contain;
}
.wt-logo-marquee .wt-logo-tile .wt-partner-badge {
	height: auto;
	padding: 0;
	background: none;
	text-align: center;
}
@media (max-width: 700px) {
	.wt-logo-marquee .wt-logo-tile { width: 148px; height: 66px; padding: 8px 12px; }
}

/* R3 Bug_7 — blog index: the featured post is an ordinary card in the grid,
   not a full-width block that pushes the rest below the fold. */
body .wt-post--featured {
	grid-column: auto;
	display: flex;
	grid-template-columns: none;
}
body .wt-post--featured .wt-post__thumb { aspect-ratio: 16 / 10; height: auto; max-height: none; }
body .wt-post--featured h3 { font-size: var(--wt-fs-h4); }

/* R3 Bug_10 — footer legal links: the global `li + li` spacing rule pushed
   links 2 and 3 down on phones. Align them with the copyright line. */
@media (max-width: 700px) {
	body .wt-footer__bar { align-items: flex-start; }
	body .wt-footer__bar ul { gap: .5rem 1.25rem; }
	body .wt-footer__bar li + li { margin-top: 0; }
}

/* R3 Bug_13 — "What it is like to work here" cards respond to hover/focus. */
.wt-value {
	transition: transform .18s var(--wt-ease), border-color .18s var(--wt-ease), box-shadow .18s var(--wt-ease);
}
.wt-value:hover,
.wt-value:focus-within {
	transform: translateY(-3px);
	border-color: var(--wt-amber);
	box-shadow: 0 10px 26px rgba(33, 33, 33, .12);
}
@media (prefers-reduced-motion: reduce) {
	.wt-value { transition: none; }
	.wt-value:hover, .wt-value:focus-within { transform: none; }
}

/* R3 Bug_14 to Bug_20 — careers application form. */
.wt-apply .wt-req { color: #c62828; font-weight: 700; margin-left: .15em; }
.wt-apply .wt-field__msg {
	display: block;
	margin-top: .35rem;
	font-size: var(--wt-fs-xs);
	line-height: 1.4;
	color: #c62828;
}
.wt-apply .wt-field__msg:empty { display: none; }
.wt-apply input.is-invalid,
.wt-apply select.is-invalid,
.wt-apply textarea.is-invalid {
	border-color: #c62828;
	box-shadow: 0 0 0 1px #c62828;
}
.wt-apply input.is-valid { border-color: #2e7d32; }

/* Progress and error states must not look like a success box (they share
   the status element with the success message). */
.wt-apply [data-wt-form-status].wt-field__info:not(:empty) {
	background: none;
	border: 0;
	padding: 0;
	color: var(--wt-ink-2);
}
.wt-apply [data-wt-form-status].wt-field__error:not(:empty) {
	display: block;
	padding: .75rem 1rem;
	border: 1px solid #e57373;
	border-left-width: 4px;
	border-radius: 8px;
	background: #fdecea;
	color: #8e1c1c;
}
.wt-apply [data-wt-form-status].wt-field__success:not(:empty) {
	display: block;
	margin-top: 1rem;
	padding: 1.25rem 1.25rem 1.25rem 3.5rem;
	position: relative;
	border: 1px solid #81c784;
	border-left-width: 4px;
	border-radius: 10px;
	background: #edf7ee;
	color: #1b4d1f;
	font-size: var(--wt-fs-base);
	font-weight: 600;
	line-height: 1.5;
}
.wt-apply [data-wt-form-status].wt-field__success:not(:empty)::before {
	content: "\2713";
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	background: #2e7d32;
	color: #fff;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* R3 Bug_21 — share buttons: icon plus platform name, never a second glyph. */
.wt-share a svg + span { margin-left: .4rem; }

/* SEO audit 8 Oct 2026: contact map and last-updated line. */
.wt-map { margin-top: var(--wt-s5); border: 1px solid var(--wt-rule); border-radius: var(--wt-radius); overflow: hidden; background: var(--wt-tint); }
.wt-map iframe { display: block; width: 100%; height: 380px; border: 0; }
@media (max-width: 700px) { .wt-map iframe { height: 300px; } }
.wt-updated { margin: 0; padding: 1.5rem 0; text-align: center; color: var(--wt-ink-3); font-size: var(--wt-fs-xs); }


/* Service banner photo (8 Oct 2026): a real photograph instead of the drawn chart. */
.wt-svc-art--photo{aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:#2b2b2b;box-shadow:0 20px 44px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.06);max-width:100%;position:relative}
.wt-svc-art--photo .wt-svc-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.96) contrast(1.02)}
.wt-svc-art--photo::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(251,169,31,.18);pointer-events:none}
@media (max-width:900px){.wt-svc-art--photo{aspect-ratio:16/10;margin-top:1.5rem}}

/* Service banner: isometric illustration (8 Oct 2026). 4:3, no crop, no photo filter. */
.wt-svc-art--photo{aspect-ratio:4/3;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.wt-svc-art--photo::after{content:none}
.wt-svc-art--photo .wt-svc-photo{object-fit:contain;object-position:center;filter:none;border-radius:18px}
@media (max-width:900px){.wt-svc-art--photo{aspect-ratio:4/3;max-width:520px;margin-left:auto;margin-right:auto}}
/* wt-svc-art--illus */

/* seo-hero-zoom: SEO & GEO hub banner image shown 20% larger, background transparent so it blends with the charcoal banner. */
.page-id-13 .wt-svc-art--photo{overflow:visible}
.page-id-13 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.35);transform-origin:55% 50%;border-radius:0}
@media (max-width:900px){.page-id-13 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.2);transform-origin:center}}

/* seo-all: same zoom for every SEO & GEO page */
.page-id-82 .wt-svc-art--photo .wt-svc-photo,.page-id-83 .wt-svc-art--photo .wt-svc-photo,.page-id-84 .wt-svc-art--photo .wt-svc-photo,.page-id-85 .wt-svc-art--photo .wt-svc-photo,.page-id-7001 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.35);transform-origin:55% 50%;border-radius:0}
.page-id-82 .wt-svc-art--photo,.page-id-83 .wt-svc-art--photo,.page-id-84 .wt-svc-art--photo,.page-id-85 .wt-svc-art--photo,.page-id-7001 .wt-svc-art--photo{overflow:visible}
@media (max-width:900px){.page-id-82 .wt-svc-art--photo .wt-svc-photo,.page-id-83 .wt-svc-art--photo .wt-svc-photo,.page-id-84 .wt-svc-art--photo .wt-svc-photo,.page-id-85 .wt-svc-art--photo .wt-svc-photo,.page-id-7001 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.2);transform-origin:center}}

/* dm-hero-zoom: Digital Marketing pages, banner image 35% larger, transparent background. */
.page-id-12 .wt-svc-art--photo,.page-id-89 .wt-svc-art--photo,.page-id-90 .wt-svc-art--photo,.page-id-91 .wt-svc-art--photo,.page-id-92 .wt-svc-art--photo,.page-id-7003 .wt-svc-art--photo{overflow:visible}
.page-id-12 .wt-svc-art--photo .wt-svc-photo,.page-id-89 .wt-svc-art--photo .wt-svc-photo,.page-id-90 .wt-svc-art--photo .wt-svc-photo,.page-id-91 .wt-svc-art--photo .wt-svc-photo,.page-id-92 .wt-svc-art--photo .wt-svc-photo,.page-id-7003 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.35);transform-origin:55% 50%;border-radius:0}
@media (max-width:900px){.page-id-12 .wt-svc-art--photo .wt-svc-photo,.page-id-89 .wt-svc-art--photo .wt-svc-photo,.page-id-90 .wt-svc-art--photo .wt-svc-photo,.page-id-91 .wt-svc-art--photo .wt-svc-photo,.page-id-92 .wt-svc-art--photo .wt-svc-photo,.page-id-7003 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.2);transform-origin:center}}

/* geo-hero-zoom */
.page-id-14 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.35);transform-origin:55% 50%}
.page-id-86 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.35);transform-origin:55% 50%}
.page-id-87 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.35);transform-origin:55% 50%}
.page-id-88 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.35);transform-origin:55% 50%}
.page-id-7002 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.35);transform-origin:55% 50%}
@media(max-width:700px){.page-id-14 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.2)}.page-id-86 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.2)}.page-id-87 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.2)}.page-id-88 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.2)}.page-id-7002 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.2)}}

/* geo-hero-rotate */
@keyframes wt-turn{0%{transform:perspective(1000px) scale(1.35) rotateY(-24deg)}50%{transform:perspective(1000px) scale(1.35) rotateY(24deg)}100%{transform:perspective(1000px) scale(1.35) rotateY(-24deg)}}
@keyframes wt-turn-m{0%{transform:perspective(1000px) scale(1.2) rotateY(-24deg)}50%{transform:perspective(1000px) scale(1.2) rotateY(24deg)}100%{transform:perspective(1000px) scale(1.2) rotateY(-24deg)}}
.page-id-14 .wt-svc-art--photo .wt-svc-photo,.page-id-86 .wt-svc-art--photo .wt-svc-photo,.page-id-87 .wt-svc-art--photo .wt-svc-photo,.page-id-88 .wt-svc-art--photo .wt-svc-photo,.page-id-7002 .wt-svc-art--photo .wt-svc-photo{animation:wt-turn 12s ease-in-out infinite;will-change:transform;transform-origin:50% 50%}
@media(max-width:700px){.page-id-14 .wt-svc-art--photo .wt-svc-photo,.page-id-86 .wt-svc-art--photo .wt-svc-photo,.page-id-87 .wt-svc-art--photo .wt-svc-photo,.page-id-88 .wt-svc-art--photo .wt-svc-photo,.page-id-7002 .wt-svc-art--photo .wt-svc-photo{animation-name:wt-turn-m}}
@media(prefers-reduced-motion:reduce){.page-id-14 .wt-svc-art--photo .wt-svc-photo,.page-id-86 .wt-svc-art--photo .wt-svc-photo,.page-id-87 .wt-svc-art--photo .wt-svc-photo,.page-id-88 .wt-svc-art--photo .wt-svc-photo,.page-id-7002 .wt-svc-art--photo .wt-svc-photo{animation:none}}

/* seo-hero-rotate */
.page-id-13 .wt-svc-art--photo .wt-svc-photo,.page-id-82 .wt-svc-art--photo .wt-svc-photo,.page-id-83 .wt-svc-art--photo .wt-svc-photo,.page-id-84 .wt-svc-art--photo .wt-svc-photo,.page-id-85 .wt-svc-art--photo .wt-svc-photo,.page-id-7001 .wt-svc-art--photo .wt-svc-photo{animation:wt-turn 12s ease-in-out infinite;will-change:transform;transform-origin:50% 50%}
@media(max-width:700px){.page-id-13 .wt-svc-art--photo .wt-svc-photo,.page-id-82 .wt-svc-art--photo .wt-svc-photo,.page-id-83 .wt-svc-art--photo .wt-svc-photo,.page-id-84 .wt-svc-art--photo .wt-svc-photo,.page-id-85 .wt-svc-art--photo .wt-svc-photo,.page-id-7001 .wt-svc-art--photo .wt-svc-photo{animation-name:wt-turn-m}}
@media(prefers-reduced-motion:reduce){.page-id-13 .wt-svc-art--photo .wt-svc-photo,.page-id-82 .wt-svc-art--photo .wt-svc-photo,.page-id-83 .wt-svc-art--photo .wt-svc-photo,.page-id-84 .wt-svc-art--photo .wt-svc-photo,.page-id-85 .wt-svc-art--photo .wt-svc-photo,.page-id-7001 .wt-svc-art--photo .wt-svc-photo{animation:none}}


/* soc-hero-zoom */
.wt-svc-art--photo .wt-svc-photo[src*="/hero/soc-"]{transform:scale(1.1);transform-origin:50% 50%}
@media(max-width:700px){.wt-svc-art--photo .wt-svc-photo[src*="/hero/soc-"]{transform:scale(1.05)}}

/* perf-hero-zoom */
.wt-svc-art--photo .wt-svc-photo[src*="/hero/perf-"]{transform:scale(1.15);transform-origin:50% 50%}
@media(max-width:700px){.wt-svc-art--photo .wt-svc-photo[src*="/hero/perf-"]{transform:scale(1.08)}}

/* li-hero-zoom */
.page-id-16 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.3);transform-origin:50% 50%}
@media(max-width:700px){.page-id-16 .wt-svc-art--photo .wt-svc-photo{transform:scale(1.2)}}

/* li-rest-zoom */
.wt-svc-art--photo .wt-svc-photo[src*="/hero/li-1."],.wt-svc-art--photo .wt-svc-photo[src*="/hero/li-2."],.wt-svc-art--photo .wt-svc-photo[src*="/hero/li-3."],.wt-svc-art--photo .wt-svc-photo[src*="/hero/li-4."]{transform:scale(1.2);transform-origin:50% 50%}
@media(max-width:700px){.wt-svc-art--photo .wt-svc-photo[src*="/hero/li-1."],.wt-svc-art--photo .wt-svc-photo[src*="/hero/li-2."],.wt-svc-art--photo .wt-svc-photo[src*="/hero/li-3."],.wt-svc-art--photo .wt-svc-photo[src*="/hero/li-4."]{transform:scale(1.1)}}

/* vid-hero-zoom: video banners zoomed 30% (8 Oct 2026) */
.wt-svc-art--photo .wt-svc-photo[src*="/hero/vid-"]{transform:scale(1.3);transform-origin:50% 50%}
@media (max-width:640px){.wt-svc-art--photo .wt-svc-photo[src*="/hero/vid-"]{transform:scale(1.2)}}


/* quoteband-logo-zoomout: W logo inside the quote band shown 20% smaller, on every page that uses the band (9 Oct 2026). */
.wt-quoteband__ring img,.wt-quoteband__icon img{transform:scale(.8);transform-origin:center}

/* seo-wheel-spin: the two wheel images (seo-0 hub, seo-2) now rotate inside the SVG, so drop the page-level sway for them only */
.wt-svc-art--photo .wt-svc-photo[src*="/hero/seo-0.svg"],.wt-svc-art--photo .wt-svc-photo[src*="/hero/seo-2.svg"]{animation:none!important;transform:scale(1.35);transform-origin:55% 50%}
@media (max-width:900px){.wt-svc-art--photo .wt-svc-photo[src*="/hero/seo-0.svg"],.wt-svc-art--photo .wt-svc-photo[src*="/hero/seo-2.svg"]{transform:scale(1.2)}}

/* geo-static-plate: GEO hero keeps a fixed base plate; elements animate inside the SVG, so drop the page-level sway */
.wt-svc-art--photo .wt-svc-photo[src*="/hero/geo-"]{animation:none!important;transform:scale(1.35);transform-origin:55% 50%}
@media (max-width:900px){.wt-svc-art--photo .wt-svc-photo[src*="/hero/geo-"]{transform:scale(1.2)}}

/* mobile-hardening (9 Oct 2026): safe phone-only refinements. */
@media (max-width:700px){
	body{overflow-wrap:break-word}
	h1,h2,h3,h4{overflow-wrap:break-word;hyphens:auto}
	input,select,textarea{font-size:16px}
	.wt-btn{min-height:44px}
	.wt-btn-row{flex-wrap:wrap}
	.wt-content table,.wt-post table,.entry-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
	.wt-content img,.wt-post img,.entry-content img{max-width:100%;height:auto}
	iframe,video,embed{max-width:100%}
	.wt-leader{padding:var(--wt-s5)}
	.wt-leader img{max-width:260px;margin-inline:auto}
	.wt-footer a{display:inline-block;padding-block:.25rem}
}

/* mobile-fit-2 (9 Oct 2026): tested at 375/360/320px, no sideways overflow on home, about, services, service, blog, contact, legal and article pages. */
.wt-split > *, .wt-leaders > *, .wt-values > * { min-width: 0; }
@media (max-width:700px){
	.wt-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
	.wt-tile{min-width:0;padding:1rem;overflow-wrap:anywhere}
	.wt-tile h3{font-size:1rem}
	.wt-svc-prose table,.wt-compare{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
	.wt-value h3{padding-right:3rem}
}
@media (max-width:380px){.wt-tiles{grid-template-columns:minmax(0,1fr)}}

/* banner image below the breadcrumb on phones (9 Oct 2026) */
.wt-svc-art-m{display:none}
@media (max-width:700px){
	.wt-svc-art-m{display:block;background:var(--wt-ink);padding:.25rem 0 1.75rem;overflow:hidden}
	.wt-svc-art-m .wt-svc-art--photo{margin:0 auto;max-width:400px}
	.wt-svc-art-m .wt-svc-banner-img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}
}

/* phone banner band: show the whole illustration (no zoom crop) and keep the web sway (9 Oct 2026) */
@keyframes wt-turn-s{0%{transform:perspective(1000px) rotateY(-24deg)}50%{transform:perspective(1000px) rotateY(24deg)}100%{transform:perspective(1000px) rotateY(-24deg)}}
@media (max-width:700px){
	body .wt-svc-art-m .wt-svc-art--photo{width:92%;max-width:400px}
	body .wt-svc-art-m .wt-svc-art--photo .wt-svc-photo{transform:none;transform-origin:50% 50%;border-radius:0}
	body .wt-svc-art-m .wt-svc-banner-img{transform:none}
	.page-id-13 .wt-svc-art-m .wt-svc-photo,.page-id-82 .wt-svc-art-m .wt-svc-photo,.page-id-83 .wt-svc-art-m .wt-svc-photo,.page-id-84 .wt-svc-art-m .wt-svc-photo,.page-id-85 .wt-svc-art-m .wt-svc-photo,.page-id-7001 .wt-svc-art-m .wt-svc-photo,.page-id-14 .wt-svc-art-m .wt-svc-photo,.page-id-86 .wt-svc-art-m .wt-svc-photo,.page-id-87 .wt-svc-art-m .wt-svc-photo,.page-id-88 .wt-svc-art-m .wt-svc-photo,.page-id-7002 .wt-svc-art-m .wt-svc-photo{animation-name:wt-turn-s}
}
/* Banner artwork behind About, Careers and Blog heroes */
.wt-about-hero--about,.wt-about-hero--careers,.wt-banner--blog{background-repeat:no-repeat;background-position:right 4% center;background-size:auto 90%}
.wt-about-hero--about{background-image:linear-gradient(90deg,#212121 30%,rgba(33,33,33,.35) 75%),url(../images/hero/bg-about.svg)}
.wt-about-hero--careers{background-image:linear-gradient(90deg,#212121 30%,rgba(33,33,33,.35) 75%),url(../images/hero/bg-careers.svg)}
.wt-banner--blog{background-image:linear-gradient(90deg,var(--wt-tint) 35%,rgba(255,255,255,0) 80%),url(../images/hero/bg-blog.svg)}
.wt-about-hero--about .wt-about-hero__inner,.wt-about-hero--careers .wt-about-hero__inner{z-index:1}
@media(max-width:700px){
.wt-about-hero--about,.wt-about-hero--careers{background-position:center bottom -20px;background-size:auto 70%;background-image:linear-gradient(180deg,#212121 35%,rgba(33,33,33,.78)),url(../images/hero/bg-about.svg)}
.wt-about-hero--careers{background-image:linear-gradient(180deg,#212121 35%,rgba(33,33,33,.78)),url(../images/hero/bg-careers.svg)}
.wt-banner--blog{background-position:right -30px bottom;background-size:auto 80%;background-image:linear-gradient(180deg,var(--wt-tint) 40%,rgba(255,255,255,.6)),url(../images/hero/bg-blog.svg)}
}

/* About page: banner artwork removed at the owner's request (9 Oct 2026). */
body .wt-about-hero--about{background-image:none}
@media(max-width:700px){body .wt-about-hero--about{background-image:none}}

/* ---------------------------------------------------------------------
   FAQ questions as real headings (9 Oct 2026)

   The seeded FAQ questions are all genuine, "?"-terminated questions, but
   they were emitted as bare text inside <summary>. A <summary> is not a
   heading, so nothing counted them: the site scored zero question-style
   headings while having 44 of them. They are now <h3> inside the summary
   (the summary has to stay the first child of <details>, so the heading
   goes inside it rather than replacing it).

   This rule makes the h3 contribute nothing of its own. Without it,
   main.css `h3 { font-size: var(--wt-fs-h3) }` and the `h1..h6` rule
   above it would raise the question ~25%, tighten line-height from 1.65
   to 1.15, add letter-spacing:-.018em and text-wrap:balance — which also
   knocks the chevron's margin-top:.45em out of optical alignment with the
   first line of text. Rendering must be byte-for-byte what it was.
   ------------------------------------------------------------------ */
.wt-faq__item > summary > h3 {
	font: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	text-wrap: inherit;
	hyphens: inherit;
	overflow-wrap: break-word;
}

/* Footer address: one continuous line on phones. */
@media(max-width:700px){.wt-footer .wt-br-d{display:none}}