/* ScoreTennis 18.3 — SEO discovery pages */
.sx-page{max-width:1180px}.sx-page .panel{margin-top:24px}.sx-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.sx-kpis>div{padding:16px;border:1px solid var(--line,#dfe5ec);border-radius:14px;background:var(--card,#fff)}.sx-kpis b{display:block;font-size:22px}.sx-kpis span{display:block;margin-top:4px;font-size:12px;color:var(--muted,#667085)}.sx-rank-chart{display:block;width:100%;height:auto;max-height:180px;margin-top:14px;color:#1f7a4d;background:linear-gradient(180deg,rgba(31,122,77,.05),transparent);border-radius:14px;padding:8px}.sx-next-match{border-left:4px solid #1f7a4d}.sx-cta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:800;text-decoration:none}.sx-faq details{border-top:1px solid var(--line,#e5e7eb);padding:14px 0}.sx-faq details:first-of-type{border-top:0}.sx-faq summary{cursor:pointer;font-weight:800}.sx-faq p{margin:8px 0 0;color:var(--muted,#667085)}
.sx-h2h-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:22px 0;padding:22px;border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--card,#fff)}.sx-h2h-score>div{text-align:center}.sx-h2h-score b{display:block;font-size:40px;line-height:1}.sx-h2h-score span{display:block;margin-top:8px;font-weight:800}.sx-h2h-score i{font-style:normal;font-weight:900;color:var(--muted,#667085)}.sx-list{display:grid;gap:8px}.sx-row{display:grid;grid-template-columns:120px minmax(0,1fr) 60px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;text-decoration:none;color:inherit}.sx-row small{grid-column:2 / 4;color:var(--muted,#667085)}.sx-row em{text-align:right;font-style:normal;font-weight:900}.sx-compare-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:20px 0}.sx-compare-head>div{display:flex;align-items:center;gap:12px}.sx-compare-head>div:last-child{justify-content:flex-end}.sx-compare-head>span{font-weight:900;color:var(--muted,#667085)}.sx-compare-table{border:1px solid var(--line,#e5e7eb);border-radius:16px;overflow:hidden;background:var(--card,#fff)}.sx-compare-row{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;padding:13px 16px;border-top:1px solid var(--line,#e5e7eb);text-align:center}.sx-compare-row:first-child{border-top:0}.sx-compare-row span{color:var(--muted,#667085)}
.sx-leaders{display:grid;gap:8px}.sx-leader{display:grid;grid-template-columns:44px 36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;color:inherit;text-decoration:none}.sx-leader strong{white-space:nowrap}.sx-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sx-archive-date{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line,#e5e7eb);border-radius:14px;color:inherit;text-decoration:none;background:var(--card,#fff)}.sx-archive-date span{color:var(--muted,#667085)}.sx-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sx-guide-card{display:flex;min-height:132px;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line,#e5e7eb);border-radius:16px;background:var(--card,#fff);text-decoration:none;color:inherit}.sx-guide-card b{font-size:18px}.sx-guide-card span{color:var(--muted,#667085);line-height:1.55}.sx-article{font-size:17px;line-height:1.75}.sx-article p{margin:0 0 18px}.sx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sx-chips span{padding:7px 10px;border:1px solid var(--line,#e5e7eb);border-radius:999px;background:var(--soft,#f8fafc);font-size:13px}.sx-tournament-extra{margin-top:22px}
@media(max-width:760px){.sx-kpis,.sx-archive-grid,.sx-guide-grid{grid-template-columns:1fr}.sx-h2h-score{gap:8px;padding:16px}.sx-h2h-score b{font-size:32px}.sx-row{grid-template-columns:1fr auto}.sx-row>span{grid-column:1 / 3;font-size:12px;color:var(--muted,#667085)}.sx-row small{grid-column:1 / 3}.sx-compare-head{grid-template-columns:1fr}.sx-compare-head>div,.sx-compare-head>div:last-child{justify-content:flex-start}.sx-compare-head>span{display:none}.sx-leader{grid-template-columns:34px 32px minmax(0,1fr)}.sx-leader strong{grid-column:3}.sx-compare-row{grid-template-columns:1fr 1fr 1fr;font-size:13px}}
