.p02-links-section { --link-panel: #fff; --link-card: #f8f9fa; --link-border: #dee2e6; --link-text: #343a40; }
[data-bs-theme="dark"] .p02-links-section { --link-panel: #242424; --link-card: #2a2a2a; --link-border: #3a3a3a; --link-text: #f8f9fa; }
.p02-links-section[hidden] { display: none !important; }
.p02-links-section h2, .p02-links-section h5 { font-size: 20px; }
.p02-link-grid, #p02-friend-links #script_seo_links { display: grid !important; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 8px; margin: 0 !important; padding: 12px; border: 1px solid var(--link-border); border-radius: 8px; background: var(--link-panel); }
.p02-link-grid a, #p02-friend-links #script_seo_links a { display: block !important; min-width: 0; max-width: none; margin: 0 !important; padding: 12px 5px !important; border: 1px solid var(--link-border) !important; border-radius: 6px !important; background: var(--link-card) !important; color: var(--link-text) !important; font-size: 12px; line-height: 20px; text-align: center; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p02-link-grid a:hover, #p02-friend-links #script_seo_links a:hover { border-color: var(--primary-color) !important; color: var(--primary-color) !important; }
@media(max-width:767px) {
  #p02-partners { width: calc(100% + 24px); margin-left: -12px; }
  #p02-partners h2 { padding-inline: 12px; }
  #p02-friend-links { width: 100%; max-width: none; padding-inline: 0; }
  #p02-friend-links h5 { padding-inline: 12px; }
  .p02-link-grid, #p02-friend-links #script_seo_links { padding: 10px; gap: 6px; }
  .p02-partner-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
  #p02-friend-links #script_seo_links { grid-template-columns: repeat(4,minmax(0,1fr)); }
}