.stats-page { padding-bottom: 48px; }
.stats-hero { margin-top:24px; padding:34px 28px; text-align:center; border:1px solid rgba(15,23,42,.08); border-radius:28px; background:radial-gradient(circle at top left, rgba(255,255,255,1), rgba(248,250,252,.95)), #f8fafc; box-shadow:0 20px 55px rgba(15,23,42,.08); }
.stats-kicker { display:inline-flex; margin-bottom:10px; padding:6px 12px; border-radius:999px; background:rgba(249,115,22,.12); color:#9a3412; font-size:.85rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.stats-hero h3 { margin-bottom:10px; font-weight:700; letter-spacing:-.03em; }
.stats-hero p { margin:0; color:#475569; }
.stats-page .tilasto-flex { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:28px; padding:0; }
.stats-page .tilasto-flex.single-list-view { grid-template-columns:minmax(0,720px); justify-content:center; }
.stats-page .tilasto-taulu { width:auto; margin:0; padding:22px; border:1px solid rgba(15,23,42,.08); border-radius:24px; background:#fff; box-shadow:0 16px 35px rgba(15,23,42,.07); }
.top-heading-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; padding-bottom:12px; border-bottom:1px solid rgba(15,23,42,.1); }
.stats-page .top-otsikko { margin:0; padding:0; border:0; font-family:"Sanchez",serif; font-weight:700; }
.top-toggle { flex:0 0 auto; padding:8px 12px; border:1px solid rgba(15,23,42,.14); border-radius:999px; background:#fff; color:#0f172a; font-size:.85rem; font-weight:700; text-decoration:none; box-shadow:0 8px 18px rgba(15,23,42,.06); }
.top-toggle:hover { background:#0f172a; color:#fff; border-color:#0f172a; }
.stats-page .top-list { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.stats-page .top-list li { width:auto; margin:0; }
.stat-story { display:grid; grid-template-columns:34px 58px minmax(0,1fr); align-items:center; gap:12px; padding:10px; border:1px solid rgba(15,23,42,.08); border-radius:18px; background:#f8fafc; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.stat-story:hover { transform:translateY(-2px); border-color:rgba(15,23,42,.16); box-shadow:0 12px 24px rgba(15,23,42,.08); }
.stat-story img { width:58px; height:72px; object-fit:cover; border-radius:12px; box-shadow:0 8px 18px rgba(15,23,42,.14); }
.stat-rank { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:999px; background:#0f172a; color:#fff; font-weight:700; }
.stat-content { display:flex; min-width:0; flex-direction:column; gap:4px; }
.stat-content strong { color:#0f172a; line-height:1.35; }
.stat-content small { color:#475569; }
.stat-content .fa-star { color:#f59e0b; }
@media (max-width:1000px){ .stats-page .tilasto-flex{ grid-template-columns:1fr; } }
@media (max-width:600px){ .stats-hero{ padding:24px 18px; border-radius:22px; } .stats-page .tilasto-taulu{ padding:16px; } .top-heading-row{ align-items:flex-start; flex-direction:column; } .stat-story{ grid-template-columns:30px 50px minmax(0,1fr); gap:10px; } .stat-story img{ width:50px; height:64px; } .stat-rank{ width:30px; height:30px; font-size:.9rem; } }