
@media (max-width: 680px){
  .container, .inner, .content, main, section, .section{ padding-left: 5px !important; padding-right: 5px !important; box-sizing: border-box; }
  h1{ font-size:22px !important; line-height:1.25 } h2{ font-size:18px !important; line-height:1.3 } h3{ font-size:16px !important; line-height:1.3 }
  body, p, li{ font-size:14px; line-height:1.5; word-break:break-word; hyphens:auto }

  header, .site-header{ overflow: visible !important; }
  header .badge, .site-header .badge{ display:inline-flex !important; align-items:center; gap:4px; white-space:normal !important; line-height:1.2; font-size:12px; }
  header .badges, .site-header .badges{ display:flex; flex-wrap:wrap; gap:4px }

  .marketplace, .insight, [data-section="marketplace"]{ width:100%; overflow:visible !important; }
  .marketplace .section-title, .insight .section-title, .marketplace h2{ text-transform: uppercase !important; margin-bottom: 4px; }
  .marketplace .filters, .insight .filters, .marketplace .tabs, .insight .tabs, .marketplace .segmented, .insight .segmented{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:6px }
  .marketplace .filters a, .marketplace .filters button, .insight .filters a, .insight .filters button, .marketplace .tabs a, .insight .tabs a, .marketplace .segmented .item, .insight .segmented .item{ display:inline-flex; align-items:center; justify-content:center; padding:6px 10px; border:1px solid var(--line,#2a2f36); border-radius:10px; white-space:nowrap; font-size:13px; }
  .ring-wrap, .ring{ display:flex; flex-direction:column; align-items:center; gap:5px }

  .top3 .cards, #top3 .cards, .top3-section .cards, .top3-block .cards{ display:grid; grid-template-columns:1fr; gap:10px }
  .top3 .card, #top3 .card, .top3-section .card, .top3-block .card{ display:flex; flex-direction:column; gap:5px; border:1px solid #2a2f36; border-radius:20px; background:#0f1116; padding:5px }
  .top3 .card .chips, .top3 .card .actions{ display:flex; flex-wrap:wrap; gap:6px }
  .top3 .card .btn{ padding:6px 10px; font-size:13px }
  .top3 .card .t, .domain, .domain-name{ word-break:break-word; overflow-wrap:anywhere }

  .pagination, .pager, .nav-links, .page-numbers{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding:5px; text-align:center; overflow-x:auto; -webkit-overflow-scrolling:touch; margin:10px auto; }
  .pagination a, .pager a, .nav-links a, .page-numbers a, .pagination span, .pager span, .nav-links span, .page-numbers span{ display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; border:1px solid #2a2f36; border-radius:10px; padding:0 8px; font-size:13px; }

  footer, .site-footer, .footer{ padding:10px 8px }
  .footer-cols, .footer-columns, .footer-widgets, .widgets-footer, .footer .cols{ display:grid; grid-template-columns:1fr; gap:10px }
  footer .logo img, .site-footer .logo img{ max-height:28px; display:block }
}
