/* WPA Market Data — matches the dark WPA theme, degrades gracefully elsewhere */
.wpa-md-card{
	--md-bg:#12141a;--md-line:rgba(255,255,255,.10);--md-fg:#f3f3f4;--md-mut:#9a9ba1;
	--md-up:#4ade80;--md-down:#f87171;--md-accent:#c8a45c;
	background:var(--md-bg);border:1px solid var(--md-line);border-radius:14px;
	padding:22px 22px 16px;margin:28px 0;color:var(--md-fg);
	font-family:inherit;max-width:640px;
}
.wpa-md-head{margin-bottom:16px}
.wpa-md-brand{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--md-accent)}
.wpa-md-model{margin:.15em 0 .1em;font-size:1.28rem;line-height:1.25;color:var(--md-fg)}
.wpa-md-ref{font-size:.74rem;color:var(--md-mut)}
.wpa-md-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.wpa-md-stat{flex:1 1 120px;background:rgba(255,255,255,.03);border:1px solid var(--md-line);border-radius:10px;padding:12px 14px}
.wpa-md-stat-label{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--md-mut);margin-bottom:4px}
.wpa-md-stat-value{font-size:1.18rem;font-weight:600;font-variant-numeric:tabular-nums}
.wpa-md-stat-value.is-up{color:var(--md-up)}
.wpa-md-stat-value.is-down{color:var(--md-down)}
.wpa-md-chart-wrap{position:relative;height:240px;margin:6px 0 10px}
.wpa-md-meta{font-size:.7rem;color:var(--md-mut);margin:8px 0 0;line-height:1.5}

/* comparison table */
.wpa-md-tablewrap{overflow-x:auto;margin:28px 0}
.wpa-md-table{
	--md-line:rgba(0,0,0,.10);--md-up:#15803d;--md-down:#b91c1c;
	width:100%;border-collapse:collapse;font-family:inherit;font-size:.92rem
}
.wpa-md-table th,.wpa-md-table td{padding:12px 14px;text-align:right;border-bottom:1px solid var(--md-line)}
.wpa-md-table th:first-child,.wpa-md-table td:first-child{text-align:left}
.wpa-md-table th{
	font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;
	cursor:pointer;user-select:none;white-space:nowrap
}
.wpa-md-table th[aria-sort="ascending"]::after{content:" ▲";font-size:.7em}
.wpa-md-table th[aria-sort="descending"]::after{content:" ▼";font-size:.7em}
.wpa-md-table td{font-variant-numeric:tabular-nums}
.wpa-md-table tbody tr:hover,.wpa-md-table tbody tr:hover{background:rgba(0,0,0,.03)}
.wpa-md-table .wpa-md-ref{display:block;font-size:.72rem;color:#9ca3af}
.wpa-md-table .is-up{color:var(--md-up);font-weight:600}
.wpa-md-table .is-down{color:var(--md-down);font-weight:600}

@media (prefers-color-scheme:dark){
	.wpa-md-table{--md-line:rgba(255,255,255,.12);--md-up:#4ade80;--md-down:#f87171;color:#e5e7eb}
	.wpa-md-table th{color:#9a9ba1}
	.wpa-md-table .wpa-md-ref{color:#9a9ba1}
	.wpa-md-table tbody tr:hover{background:rgba(255,255,255,.04)}
}

@media (max-width:560px){
	.wpa-md-card{padding:18px 16px 12px}
	.wpa-md-chart-wrap{height:200px}
}