.ranking-modern-page {
  --rk-canvas: #e9edf2;
  --rk-card: #f8f9fb;
  --rk-border: #d9dee7;
  --rk-text: #172033;
  --rk-muted: #6e798d;
  --rk-accent: #ee5519;
  color: var(--rk-text);
  background: var(--rk-canvas);
  font-family: "Outfit", Arial, sans-serif;
}
.ranking-modern-page .ranking-modern-breadcrumb {
  padding: 58px 0 48px;
  background: radial-gradient(circle at 18% 20%,rgba(238,85,25,.13),transparent 28%),linear-gradient(135deg,#eef1f5,#e6eaf0 58%,#f3e8e1) !important;
  border-bottom: 1px solid #d7dce4;
}
.ranking-modern-page .ranking-modern-breadcrumb::before { display: none; }
.ranking-modern-page .ranking-modern-breadcrumb h2 {
  color: #182033;
  font: 800 clamp(28px,4vw,40px)/1.1 "Outfit",Arial,sans-serif;
  letter-spacing: -.8px;
  text-shadow: none;
}
.ranking-modern-page .ranking-modern-breadcrumb h2 span { color: var(--rk-accent); }
.ranking-modern-page .ranking-modern-breadcrumb .breadcrumb { justify-content: center; margin: 0; }
.ranking-modern-page .ranking-modern-breadcrumb .breadcrumb-item a { color: #667085; }
.ranking-modern-page .ranking-modern-surface {
  min-height: 700px;
  padding: 38px 0 76px;
  background: var(--rk-canvas) !important;
}
.ranking-modern-page .ranking-modern-surface > br { display: none; }
.ranking-modern-page .ranking-modern-surface > .container > .row { align-items: flex-start; }
.ranking-modern-page .blog-sidebar {
  overflow: hidden;
  padding: 0 !important;
  background: var(--rk-card) !important;
  border: 1px solid var(--rk-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 26px rgba(38,48,68,.07) !important;
}
.ranking-modern-page .table-responsive { overflow-x: auto !important; }
.ranking-modern-page table.table {
  width: 100%;
  min-width: 720px;
  margin: 0 !important;
  color: #465166;
  background: transparent !important;
  border-collapse: collapse;
}
.ranking-modern-page table.table thead,
.ranking-modern-page table.table thead tr,
.ranking-modern-page table.table thead th {
  color: #778195 !important;
  background: #eef1f4 !important;
}
.ranking-modern-page table.table thead th {
  padding: 13px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #dce1e8 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .65px;
  text-transform: uppercase;
}
.ranking-modern-page table.table tbody tr { background: transparent !important; }
.ranking-modern-page table.table tbody td {
  padding: 11px 14px !important;
  color: #465166 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #e5e8ed !important;
  font-size: 12px;
  vertical-align: middle;
}
.ranking-modern-page table.table tbody tr:last-child td { border-bottom: 0 !important; }
.ranking-modern-page table.table tbody tr:hover td { background: #fff3ec !important; }
.ranking-modern-page table.table a { color: #263044 !important; font-weight: 700; text-decoration: none; }
.ranking-modern-page table.table a:hover { color: #c94714 !important; }
.ranking-modern-page table.table img { border-radius: 5px; }
.ranking-modern-page aside.blog-sidebar { margin-bottom: 14px !important; }
.ranking-modern-page aside.blog-sidebar .widget { padding: 0 !important; }
.ranking-modern-page .sidebar-widget-title {
  margin: 0 !important;
  padding: 16px 17px;
  background: linear-gradient(90deg,#eee7e3,#f5f6f8 78%);
  border-bottom: 1px solid var(--rk-border);
}
.ranking-modern-page .sidebar-widget-title h4 { margin: 0; color: #202939 !important; font: 800 12px/1.3 "Outfit",Arial,sans-serif; letter-spacing: .6px; }
.ranking-modern-page .sidebar-widget-title h4 span { color: #d44a16 !important; }
.ranking-modern-page .sidebar-tag-list { padding: 12px !important; }
.ranking-modern-page .sidebar-tag-list .col-md-12 { padding: 0; }
.ranking-modern-page .sidebar-tag-list .form-group { margin: 0; }
.ranking-modern-page #gamer {
  width: 100%;
  height: 44px;
  padding: 0 13px;
  color: #263044 !important;
  background: #eef1f4 !important;
  border: 1px solid #d9dee6 !important;
  border-radius: 11px;
  outline: none;
  box-shadow: none;
}
.ranking-modern-page #gamer::placeholder { color: #929baa; }
.ranking-modern-page #gamer:focus { background: #fff !important; border-color: #ee8c61 !important; box-shadow: 0 0 0 3px rgba(238,85,25,.1) !important; }
.ranking-modern-page .sidebar-tag-list ul { display: flex; flex-direction: column; gap: 3px; margin: 0; padding: 0; list-style: none; }
.ranking-modern-page .sidebar-tag-list ul li { margin: 0 !important; }
.ranking-modern-page .sidebar-tag-list ul li a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  min-height: 39px;
  padding: 8px 10px !important;
  color: #596579 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  font-size: 10px !important;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}
.ranking-modern-page .sidebar-tag-list ul li a::after { color: #a5adba; content: "\\203A"; font-size: 18px; }
.ranking-modern-page .sidebar-tag-list ul li a:hover { color: #c94714 !important; background: #fff0e9 !important; border-color: #f1c3ad !important; }
.ranking-modern-page .third-about-area { min-height: 0 !important; padding: 0 !important; background: none !important; }
@media(max-width:767px){
  .ranking-modern-page .ranking-modern-surface { padding: 26px 0 54px; }
  .ranking-modern-page .ranking-modern-breadcrumb { padding: 46px 12px 38px; }
  .ranking-modern-page .ranking-modern-surface .col-md-8 { margin-bottom: 16px; }
}

/* 2026 dark ranking skin */
.ranking-modern-page {
  --rk-canvas: #0d1116;
  --rk-card: #171d24;
  --rk-border: #303946;
  color: #e6ebf1 !important;
  background: #0d1116 !important;
}
.ranking-modern-page .ranking-modern-breadcrumb {
  background: radial-gradient(circle at 18% 12%,rgba(138,35,25,.42),transparent 34%),radial-gradient(circle at 82% 0,rgba(191,118,39,.16),transparent 30%),linear-gradient(135deg,#151a20,#0d1116 66%,#171117) !important;
  border-bottom-color: #303946 !important;
}
.ranking-modern-page .ranking-modern-breadcrumb h2 { color: #f3f5f7 !important; text-shadow: none !important; }
.ranking-modern-page .ranking-modern-breadcrumb .breadcrumb-item,
.ranking-modern-page .ranking-modern-breadcrumb .breadcrumb-item a { color: #9ea8b5 !important; }
.ranking-modern-page .ranking-modern-surface {
  background: radial-gradient(circle at 50% 0,rgba(79,92,108,.2),transparent 38%),linear-gradient(180deg,#14191f 0,#0d1116 58%,#10141a 100%) !important;
}
.ranking-modern-page .blog-sidebar { background: #171d24 !important; border-color: #303946 !important; box-shadow: 0 16px 38px rgba(0,0,0,.28) !important; }
.ranking-modern-page table.table { color: #bdc6d1 !important; }
.ranking-modern-page table.table thead,
.ranking-modern-page table.table thead tr,
.ranking-modern-page table.table thead th { color: #aab3bf !important; background: #202730 !important; }
.ranking-modern-page table.table thead th { border-bottom-color: #36404d !important; }
.ranking-modern-page table.table tbody td { color: #bdc6d1 !important; background: #171d24 !important; border-bottom-color: #29323d !important; }
.ranking-modern-page table.table tbody tr:hover td { color: #eef2f6 !important; background: #232127 !important; }
.ranking-modern-page table.table a { color: #e5eaf0 !important; }
.ranking-modern-page table.table a:hover { color: #f1a168 !important; }
.ranking-modern-page .sidebar-widget-title { background: linear-gradient(110deg,#282127,#1c222a 48%,#171d24) !important; border-bottom-color: #303946 !important; }
.ranking-modern-page .sidebar-widget-title h4 { color: #eef2f6 !important; }
.ranking-modern-page .sidebar-widget-title h4 span { color: #e88954 !important; }
.ranking-modern-page #gamer { color: #e7ebf0 !important; background: #10151b !important; border-color: #343e4a !important; }
.ranking-modern-page #gamer::placeholder { color: #778391 !important; }
.ranking-modern-page #gamer:focus { background: #131a21 !important; border-color: #be7043 !important; box-shadow: 0 0 0 3px rgba(205,91,39,.16) !important; }
.ranking-modern-page .sidebar-tag-list ul li a { color: #abb5c1 !important; }
.ranking-modern-page .sidebar-tag-list ul li a::after { color: #697584 !important; }
.ranking-modern-page .sidebar-tag-list ul li a:hover { color: #f1a168 !important; background: #292127 !important; border-color: #5a3b31 !important; }