/* SlotRehberi legacy ranked article — visual override only.
   The underlying legacy HTML/content is intentionally preserved unchanged. */
:root{
  --legacy-bg:#1a1a2e;
  --legacy-bg2:#161625;
  --legacy-card:rgba(255,255,255,.055);
  --legacy-card-strong:rgba(255,255,255,.085);
  --legacy-line:rgba(255,255,255,.10);
  --legacy-text:#f0f0f0;
  --legacy-muted:#b8b8c2;
  --legacy-gold:#d4af37;
  --legacy-purple:#7c3aed;
  --legacy-pink:#db2777;
  --legacy-shadow:0 18px 48px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{background:var(--legacy-bg);scroll-behavior:smooth}
body{
  margin:0;
  color:var(--legacy-text);
  background:
    radial-gradient(circle at 12% 2%,rgba(124,58,237,.16),transparent 32rem),
    radial-gradient(circle at 92% 18%,rgba(219,39,119,.11),transparent 34rem),
    linear-gradient(180deg,var(--legacy-bg2),var(--legacy-bg));
  font-family:ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
  line-height:1.68;
  min-height:100vh;
}
body:before{
  content:"";
  display:block;
  height:5px;
  background:linear-gradient(90deg,var(--legacy-purple),var(--legacy-pink),var(--legacy-gold));
}
.article{
  max-width:900px!important;
  margin:34px auto 56px!important;
  padding:clamp(24px,4vw,48px)!important;
  background:rgba(22,22,37,.78)!important;
  border:1px solid var(--legacy-line)!important;
  border-radius:22px!important;
  box-shadow:var(--legacy-shadow)!important;
  backdrop-filter:blur(10px);
}
.back{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  color:#f3da7d!important;
  text-decoration:none!important;
  margin-bottom:24px!important;
  padding:9px 13px;
  border:1px solid rgba(212,175,55,.20);
  border-radius:999px;
  background:rgba(212,175,55,.07);
  font-weight:700;
}
.back:hover{color:#fff!important;border-color:rgba(212,175,55,.45)}
h1{
  color:#fff!important;
  font-size:clamp(2rem,4.8vw,3.35rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em;
  margin:0 0 26px!important;
  text-shadow:0 4px 18px rgba(0,0,0,.20);
}
h2{
  color:#f5dd86!important;
  font-size:clamp(1.45rem,3vw,2rem)!important;
  line-height:1.18!important;
  letter-spacing:-.02em;
  margin-top:2.1em!important;
  padding-bottom:.45rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}
h3{
  color:#f1f1f4!important;
  font-size:1.2rem!important;
  margin-top:1.7em!important;
}
p,li{color:#c9c9d2!important;line-height:1.78!important}
strong{color:#f7f7f9}
a{color:#e2c55f!important;text-underline-offset:3px}
a:hover{color:#fff!important}
blockquote{
  margin:22px 0 30px!important;
  padding:18px 20px!important;
  border-left:4px solid var(--legacy-gold)!important;
  border-radius:0 14px 14px 0;
  background:rgba(255,255,255,.04)!important;
}
blockquote p{margin:0 0 12px!important}
ul,ol{padding-left:1.25rem!important}
li{margin-bottom:9px!important}
/* Preserve legacy widget HTML while visually synchronizing it */
.internal-links-widget{
  background:linear-gradient(135deg,rgba(124,58,237,.90),rgba(219,39,119,.78))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  box-shadow:0 15px 34px rgba(0,0,0,.22)!important;
}
.internal-links-widget h3{color:#fff!important;margin:0 0 15px!important}
.internal-links-widget a{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.internal-links-widget a:hover{background:rgba(255,255,255,.16)!important}
table{
  width:100%;
  border-collapse:separate!important;
  border-spacing:0!important;
  margin:26px 0!important;
  overflow:hidden;
  border:1px solid var(--legacy-line);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  font-size:.94rem;
}
caption{color:#f2dc8c;font-weight:800;text-align:left;padding:0 0 10px}
th,td{padding:12px 13px!important;text-align:left;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-right:1px solid rgba(255,255,255,.06)!important;color:#d6d6de!important}
th{background:linear-gradient(135deg,#282044,#391f45)!important;color:#fff!important}
tr:last-child td{border-bottom:0!important}td:last-child,th:last-child{border-right:0!important}
tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.cta{text-align:center;margin:34px 0!important}
.cta a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--legacy-purple),var(--legacy-pink))!important;
  color:#fff!important;
  padding:14px 28px!important;
  border-radius:999px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:0 10px 25px rgba(124,58,237,.25)!important;
}
.related-articles{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-left:4px solid var(--legacy-gold)!important;
  border-radius:14px!important;
  padding:18px 20px!important;
  margin:26px 0!important;
}
.related-articles h3{color:#f5dd86!important;margin:0 0 10px!important}
.related-articles a{color:#e2c55f!important}
@media(max-width:760px){
  .article{margin:16px 12px 34px!important;padding:22px 18px!important;border-radius:17px!important}
  h1{font-size:clamp(1.75rem,8vw,2.35rem)!important}
  h2{font-size:1.45rem!important}
  table{display:block;overflow-x:auto;white-space:nowrap}
  .internal-links-widget{padding:15px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}