.page-top-crypto{--container:1100px;--header-h:60px}
.page-top-crypto .hero{padding:0}
.page-top-crypto .hero-inner{padding:38px 0}
.page-top-crypto .hero h1{font-size:clamp(1.9rem,1.2rem + 2vw,2.6rem);line-height:1.15;margin:.2rem 0 0}
.page-top-crypto .hero .muted{color:var(--muted);margin:.6rem 0 0;max-width:60ch}
.page-top-crypto .toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}
.page-top-crypto .intro-section{padding:0;margin-top:12px}
.page-top-crypto .intro{border:1px dashed #ffd7b1;background:#fffaf5;padding:14px;border-radius:12px;font-size:1rem;line-height:1.6}
.page-top-crypto .list-section{padding:0;margin-top:18px}
.page-top-crypto .brand{display:flex;align-items:center;gap:10px;font-weight:700}
.page-top-crypto .logo-wrap{width:48px;height:48px;display:inline-grid;place-items:center;border-radius:12px;background:var(--brand-50);border:1px solid var(--line);flex:0 0 auto}
.page-top-crypto .logo-ic{max-width:70%;max-height:70%;object-fit:contain}
.page-top-crypto .muted-sm{color:var(--muted);font-size:.95rem;margin:.6rem 0}
.page-top-crypto .meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.page-top-crypto .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.page-top-crypto .rank{font-weight:900;font-size:1.05rem}
.page-top-crypto .legal{color:var(--muted);font-size:.95rem;margin-top:18px}

@media (max-width:960px){
  .page-top-crypto .hero-inner{padding:32px 0}
}

@media (max-width:860px){
  .page-top-crypto .grid.grid-2{grid-template-columns:1fr}
}

@media (max-width:600px){
  .page-top-crypto .toolbar{flex-direction:column;align-items:stretch}
  .page-top-crypto .actions{flex-direction:column;align-items:stretch}
}
