/* 3 KARŞILAŞTIRMA — veri kurgusu (taslak .f-kars). */
.spx-header { border-bottom: 1px solid var(--line); }
.x-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 20px; }
.spx-logo { font: 800 24px var(--fd); letter-spacing: -.02em; gap: 10px; }
.spx-logo svg { width: 26px; height: 26px; }
.spx-nav { font-weight: 500; font-size: 14.5px; color: var(--mute); gap: 22px; }
.x-hero-t > li { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.4fr); gap: 44px; align-items: start; padding-block: 44px 12px; }
.x-eyebrow { font: 500 12px var(--fm); color: var(--acc); letter-spacing: .04em; }
.x-h1 { font: 800 44px/1.04 var(--fd); letter-spacing: -.03em; margin: 12px 0 14px !important; }
.x-p { color: var(--mute); font-size: 16.5px; margin-bottom: 18px !important; }
.x-pick { display: inline-flex; flex-direction: column; align-self: flex-start; border: 1.5px solid var(--ink); border-radius: 10px; padding: 10px 14px; font-weight: 700; }
.x-herotext { display: flex; flex-direction: column; }
.x-pickdate { font: 500 11px var(--fm); color: var(--mute); }
.x-visual .spx-media { border-radius: 16px; border: 1px solid var(--line); }
.x-visual .spx-art { background: var(--acc2); min-height: 280px; }
.x-list { padding-block: 34px 40px; }
.x-listh { font: 800 22px var(--fd); margin-bottom: 16px !important; letter-spacing: -.02em; }
.x-duels, .spx-cards--kars { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 16px; }
.x-duels > li, .spx-cards--kars > li { border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; }
.x-sides { font: 700 13px var(--fm); display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.x-sides a { background: var(--card); border-radius: 8px; padding: 8px 10px; }
.x-sides .wp-block-post-terms__separator { font-size: 0; }
.x-sides .wp-block-post-terms__separator::after { content: "vs"; font: 700 13px var(--fm); color: var(--acc); }
.x-duelt { font: 700 17px/1.3 var(--fd); }
.x-duelex { color: var(--mute); font-size: 13.5px; }
.x-best { margin-bottom: 40px !important; border-radius: 16px; background: var(--ink); color: #fff; padding: 24px 28px; display: grid; grid-template-columns: auto 1fr; gap: 22px; align-items: center; }
.x-best .spx-f--post-count b { font: 800 56px/.9 var(--fd); letter-spacing: -.04em; color: #9db4ff; }
.x-besth { font: 700 20px var(--fd); margin-bottom: 4px !important; color: #fff; }
.x-bestp { color: #c3cde3; }
.spx-footer--kars .spx-foot { border-top: 1px solid var(--line); color: var(--mute); }
.spx-prose table { font-size: 14.5px; }
.spx-prose td { font-family: var(--fm); font-size: 13.5px; }
.spx-prose td:first-child { font-family: var(--fb); color: var(--mute); }
.spx-prose thead th { border-bottom: 1px solid var(--line); }
.spx-prose tbody td:last-child, .spx-prose thead th:last-child { background: var(--acc2); }
@media (max-width: 1000px) {
	.x-hero-t > li { grid-template-columns: minmax(0, 1fr); }
	.x-duels { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
	.x-head { flex-wrap: wrap; padding-block: 16px; }
	.x-h1 { font-size: 32px; }
	.x-best { grid-template-columns: minmax(0, 1fr); }
}