/* WQGEO 3.0 — evidence pages and AI visibility workspace. */

@media (min-width: 1281px) {
	.wo-header__inner {
		width: min(calc(100% - 32px), 1880px) !important;
	}

	.wo-nav {
		justify-content: flex-end !important;
	}

	.wo-menu {
		margin-left: clamp(24px, 3vw, 70px) !important;
		transform: translateX(clamp(12px, 1.5vw, 28px));
	}

	.wo-header-actions {
		margin-left: clamp(22px, 2vw, 38px) !important;
		margin-right: clamp(28px, 3.2vw, 64px) !important;
		transform: translateX(clamp(-42px, -2.4vw, -20px));
	}
}

.wq-workspace-intro {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(360px, .8fr);
	gap: clamp(32px, 5vw, 76px);
	align-items: end;
	margin: clamp(32px, 5vw, 68px) 0 22px;
	padding: clamp(24px, 4vw, 46px);
	border: 1px solid #dfd6c9;
	border-radius: 28px;
	background:
		radial-gradient(circle at 82% 8%, rgba(37, 93, 193, .12), transparent 32%),
		linear-gradient(135deg, #fffdf9, #f5f2ec);
}

.wq-workspace-intro h2,
.wq-workspace-method h2,
.wq-system-boundary h2 {
	margin: 10px 0 14px;
	font-size: clamp(30px, 4vw, 52px);
	letter-spacing: -.045em;
}

.wq-workspace-intro > div > p,
.wq-workspace-method > div > p {
	max-width: 700px;
	margin: 0;
	color: var(--wo-muted);
	line-height: 1.75;
}

.wq-workspace-intro dl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 0;
	overflow: hidden;
	border: 1px solid #d9dfe8;
	border-radius: 18px;
	background: #d9dfe8;
}

.wq-workspace-intro dl div {
	display: grid;
	gap: 2px;
	padding: 16px;
	background: rgba(255, 255, 255, .84);
}

.wq-workspace-intro dt {
	color: #667085;
	font-size: 12px;
	font-weight: 700;
}

.wq-workspace-intro dd {
	margin: 0;
	color: #153d88;
	font: 800 30px/1.15 var(--wo-body);
}

.wq-workspace {
	--wq-navy: #0b1f3d;
	--wq-blue: #2361cc;
	--wq-blue-soft: #edf4ff;
	--wq-ink: #13223a;
	--wq-gray: #697386;
	margin: 0 0 clamp(42px, 7vw, 92px);
	overflow: hidden;
	border: 1px solid #ccd6e4;
	border-radius: 28px;
	background: #f4f7fb;
	box-shadow: 0 30px 90px rgba(22, 46, 82, .12);
	color: var(--wq-ink);
}

.wq-workspace__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 68px;
	padding: 12px 20px;
	background: var(--wq-navy);
	color: white;
}

.wq-workspace__top > div,
.wq-workspace__top nav {
	display: flex;
	align-items: center;
	gap: 12px;
}

.wq-workspace__top > div i {
	width: 14px;
	height: 14px;
	border: 3px solid #65a4ff;
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(101, 164, 255, .14);
}

.wq-workspace__top > div strong {
	font-size: 18px;
	letter-spacing: .04em;
}

.wq-workspace__top > div span {
	padding-left: 12px;
	border-left: 1px solid rgba(255, 255, 255, .2);
	color: #a8bad4;
	font-size: 12px;
}

.wq-workspace__top button {
	min-height: 34px;
	padding: 6px 12px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 9px;
	background: rgba(255, 255, 255, .07);
	color: #d6e3f6;
	font-size: 12px;
}

.wq-workspace__top button.is-active {
	border-color: #4e83df;
	background: #2557ad;
	color: #fff;
}

.wq-workspace__body {
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
}

.wq-workspace__rail {
	display: flex;
	flex-direction: column;
	min-height: 960px;
	padding: 26px 18px;
	border-right: 1px solid #d8e0eb;
	background: #fff;
}

.wq-workspace__rail > strong {
	color: var(--wq-blue);
	font-size: 11px;
	letter-spacing: .1em;
}

.wq-workspace__rail > span {
	margin: 6px 0 28px;
	font-weight: 800;
}

.wq-workspace__rail nav {
	display: grid;
	gap: 5px;
}

.wq-workspace__rail a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 12px;
	border-radius: 9px;
	color: #5b6577;
	font-size: 13px;
	font-weight: 700;
}

.wq-workspace__rail a.is-active {
	background: var(--wq-blue-soft);
	color: var(--wq-blue);
}

.wq-workspace__rail a b {
	font-size: 11px;
	font-weight: 700;
}

.wq-workspace__rail small {
	margin-top: auto;
	padding-top: 22px;
	border-top: 1px solid #e5eaf1;
	color: #8b94a3;
	font-size: 10px;
}

.wq-workspace__main {
	min-width: 0;
	padding: clamp(18px, 3vw, 34px);
}

.wq-workspace__heading {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 24px;
	margin-bottom: 22px;
}

.wq-workspace__heading span {
	color: var(--wq-blue);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
}

.wq-workspace__heading h3 {
	margin: 5px 0;
	font-family: var(--wo-body);
	font-size: clamp(20px, 2.2vw, 30px);
	letter-spacing: -.02em;
}

.wq-workspace__heading p {
	margin: 0;
	color: var(--wq-gray);
	font-size: 12px;
}

.wq-status {
	padding: 7px 10px;
	border-radius: 99px;
	background: #e8f8ee;
	color: #187a43;
	font-size: 11px;
	white-space: nowrap;
}

.wq-workspace__kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 12px;
}

.wq-workspace__kpis article {
	display: grid;
	gap: 6px;
	padding: 16px;
	border: 1px solid #dbe2ec;
	border-radius: 14px;
	background: #fff;
}

.wq-workspace__kpis span {
	color: var(--wq-gray);
	font-size: 11px;
	font-weight: 700;
}

.wq-workspace__kpis strong {
	font-size: clamp(24px, 2.6vw, 34px);
	letter-spacing: -.04em;
}

.wq-workspace__kpis small {
	color: #1b8a50;
	font-size: 10px;
	font-weight: 700;
}

.wq-workspace__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
	gap: 12px;
}

.wq-panel {
	min-width: 0;
	padding: 17px;
	border: 1px solid #dbe2ec;
	border-radius: 15px;
	background: #fff;
}

.wq-panel > header {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 16px;
	margin-bottom: 14px;
}

.wq-panel > header div {
	display: grid;
	gap: 2px;
}

.wq-panel > header span,
.wq-panel > header em {
	color: #798496;
	font-size: 10px;
	font-style: normal;
}

.wq-panel > header strong {
	font-size: 14px;
}

.wq-trend-bars {
	display: flex;
	align-items: end;
	gap: clamp(5px, 1vw, 12px);
	height: 210px;
	padding: 20px 14px 0;
	border-bottom: 1px solid #dfe5ed;
	background: repeating-linear-gradient(to bottom, transparent 0, transparent 51px, #edf0f5 52px);
}

.wq-trend-bars i {
	position: relative;
	flex: 1 1 0;
	height: var(--height);
	min-width: 5px;
	border-radius: 7px 7px 2px 2px;
	background: linear-gradient(180deg, #4d8ff3, #2058b8);
	box-shadow: 0 7px 18px rgba(35, 97, 204, .15);
}

.wq-trend-bars i b {
	position: absolute;
	left: 50%;
	top: -17px;
	transform: translateX(-50%);
	color: #5f6b7e;
	font-size: 8px;
	font-style: normal;
	opacity: 0;
}

.wq-trend-bars i:first-child b,
.wq-trend-bars i:last-child b { opacity: 1; }
.wq-panel--chart footer { display: flex; justify-content: space-between; color: #8a93a2; font-size: 9px; }

.wq-panel--platforms > div,
.wq-panel--competitors > div {
	display: grid;
	gap: 13px;
}

.wq-panel--platforms article {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr) 50px;
	gap: 10px;
	align-items: center;
	font-size: 11px;
}

.wq-panel--platforms article > span,
.wq-panel--competitors p > i {
	height: 7px;
	overflow: hidden;
	border-radius: 99px;
	background: #edf0f5;
}

.wq-panel--platforms article > span i,
.wq-panel--competitors p > i b {
	display: block;
	width: var(--value);
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #2f69cc, #68a4ff);
}

.wq-panel--platforms article > strong {
	font-size: 10px;
	text-align: right;
}

.wq-panel--questions,
.wq-panel--citations { grid-column: span 1; }

.wq-panel--questions ol,
.wq-panel--citations ol,
.wq-panel--timeline ol {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wq-panel--questions li,
.wq-panel--citations li,
.wq-panel--timeline li {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 11px 0;
	border-top: 1px solid #edf0f4;
}

.wq-panel--questions li > span,
.wq-panel--citations li > i {
	color: #8c96a5;
	font-size: 10px;
	font-style: normal;
}

.wq-panel--questions li div,
.wq-panel--citations li div,
.wq-panel--timeline li div {
	display: grid;
	gap: 2px;
}

.wq-panel--questions li strong,
.wq-panel--citations li strong,
.wq-panel--timeline li strong {
	font-size: 11px;
}

.wq-panel--questions li small,
.wq-panel--citations li small,
.wq-panel--timeline li small {
	color: #7e8898;
	font-size: 9px;
}

.wq-panel--questions li > b,
.wq-panel--citations li > b {
	color: #7c8797;
	font-size: 10px;
}

.wq-panel--questions li > b.is-up { color: #1b8a50; }

.wq-panel--competitors p {
	display: grid;
	grid-template-columns: 62px minmax(0, 1fr) 32px;
	gap: 9px;
	align-items: center;
	margin: 0;
	font-size: 10px;
}

.wq-panel--competitors p > strong { text-align: right; }

.wq-panel--timeline li {
	grid-template-columns: 38px minmax(0, 1fr);
}

.wq-panel--timeline time {
	color: var(--wq-blue);
	font-size: 10px;
	font-weight: 800;
}

.wq-workspace-method {
	display: grid;
	grid-template-columns: minmax(260px, .75fr) minmax(0, 1.4fr);
	gap: clamp(32px, 6vw, 90px);
	margin: clamp(48px, 8vw, 104px) 0;
	padding: clamp(30px, 5vw, 58px);
	border-radius: 28px;
	background: #122746;
	color: #fff;
}

.wq-workspace-method .wq-eyebrow { color: #83affb; }
.wq-workspace-method > div > p { color: #b8c5d7; }

.wq-workspace-method ol {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 20px;
	background: rgba(255, 255, 255, .14);
	list-style: none;
}

.wq-workspace-method li {
	display: grid;
	gap: 7px;
	padding: 20px;
	background: rgba(15, 35, 64, .96);
}

.wq-workspace-method li b { color: #74a7ff; font-size: 11px; }
.wq-workspace-method li strong { font-size: 14px; }
.wq-workspace-method li span { color: #adbbce; font-size: 11px; line-height: 1.6; }

.wq-system-boundary {
	display: grid;
	grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: start;
	margin: clamp(46px, 7vw, 90px) 0;
}

.wq-system-boundary > div:last-child {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.wq-system-boundary article {
	padding: 24px;
	border: 1px solid var(--wo-border);
	border-radius: 20px;
	background: rgba(255, 255, 255, .6);
}

.wq-system-boundary article strong { font-size: 18px; }
.wq-system-boundary article p { margin: 10px 0 0; color: var(--wo-muted); line-height: 1.75; }

.wq-case-conditions,
.wq-raw-record,
.wq-research-sources,
.wq-person-research {
	margin: clamp(34px, 6vw, 76px) 0;
	padding: clamp(24px, 4vw, 42px);
	border: 1px solid var(--wo-border);
	border-radius: 24px;
	background: rgba(255, 255, 255, .64);
}

.wq-case-conditions h2,
.wq-raw-record h2,
.wq-research-sources h2,
.wq-person-research h2 {
	margin: 6px 0 22px;
	font-size: clamp(27px, 3.2vw, 42px);
}

.wq-raw-record dl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 24px 0 0;
	overflow: hidden;
	border: 1px solid #dce2eb;
	border-radius: 18px;
	background: #dce2eb;
}

.wq-raw-record dl div {
	display: grid;
	gap: 6px;
	padding: 18px;
	background: #fff;
}

.wq-raw-record dt { color: #637085; font-size: 12px; font-weight: 800; }
.wq-raw-record dd { margin: 0; line-height: 1.65; }

.wq-research-sources ol {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wq-research-sources li {
	display: flex;
	justify-content: space-between;
	gap: 22px;
	padding: 14px 0;
	border-top: 1px solid var(--wo-border);
}

.wq-research-sources a { font-weight: 700; }
.wq-research-sources a:hover { color: var(--wo-accent); }
.wq-research-sources li > span { color: var(--wo-muted); font-size: 12px; white-space: nowrap; }

.wq-person-research > div {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.wq-person-research a {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 7px 18px;
	padding: 18px;
	border: 1px solid var(--wo-border);
	border-radius: 15px;
	background: #fff;
}

.wq-person-research a span { grid-column: 1; color: var(--wo-accent); font-size: 11px; font-weight: 800; }
.wq-person-research a strong { grid-column: 1; line-height: 1.55; }
.wq-person-research a i { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--wo-accent); font-style: normal; }

@media (max-width: 1100px) {
	.wq-workspace__body { grid-template-columns: 172px minmax(0, 1fr); }
	.wq-workspace__rail { min-height: 850px; padding-inline: 12px; }
	.wq-workspace__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wq-workspace__grid { grid-template-columns: 1fr; }
	.wq-panel--chart { grid-column: 1; }
	.wq-workspace-method { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
	.wq-workspace-intro,
	.wq-system-boundary { grid-template-columns: 1fr; }
	.wq-workspace-intro { padding: 22px; border-radius: 21px; }
	.wq-workspace__top { align-items: flex-start; }
	.wq-workspace__top > div span,
	.wq-workspace__top nav button:not(.is-active) { display: none; }
	.wq-workspace__body { display: block; }
	.wq-workspace__rail { min-height: 0; padding: 12px; border-right: 0; border-bottom: 1px solid #d8e0eb; }
	.wq-workspace__rail > strong,
	.wq-workspace__rail > span,
	.wq-workspace__rail small { display: none; }
	.wq-workspace__rail nav { display: flex; gap: 6px; overflow-x: auto; }
	.wq-workspace__rail a { flex: 0 0 auto; gap: 8px; padding: 8px 10px; }
	.wq-workspace__main { padding: 14px; }
	.wq-workspace__heading { display: grid; }
	.wq-status { justify-self: start; }
	.wq-workspace__kpis { gap: 8px; }
	.wq-workspace__kpis article { padding: 12px; }
	.wq-workspace__grid { gap: 8px; }
	.wq-panel { padding: 13px; }
	.wq-workspace-method { padding: 24px; border-radius: 22px; }
	.wq-workspace-method ol { grid-template-columns: 1fr 1fr; }
	.wq-system-boundary > div:last-child,
	.wq-raw-record dl,
	.wq-person-research > div { grid-template-columns: 1fr; }
	.wq-research-sources li { display: grid; gap: 4px; }
	.wq-research-sources li > span { white-space: normal; }
}

@media (max-width: 430px) {
	.wq-workspace-intro dl,
	.wq-workspace__kpis,
	.wq-workspace-method ol { grid-template-columns: 1fr; }
	.wq-workspace__top { padding: 10px 12px; }
	.wq-workspace__top > div strong { font-size: 15px; }
	.wq-panel--platforms article { grid-template-columns: 72px minmax(0, 1fr) 46px; }
}