#partner-links-section[hidden], #friend-links-section[hidden] { display: none !important; }
#friend-links-section .section-head h2 { color: var(--text); }
#site-partner-links, #site-friend-links {
  display: grid; grid-template-columns: repeat(8,minmax(0,1fr));
  gap: 8px; width: 100%; height: auto; min-height: 0;
  margin: 0; padding: 12px; border: 1px solid var(--line);
  border-radius: 10px; background: var(--panel);
}
#site-partner-links a, #site-friend-links a {
  display: block; min-width: 0; padding: 11px 5px;
  border: 1px solid var(--line); border-radius: 8px;
  background: var(--panel2); color: var(--text);
  font-size: 13px; line-height: 20px; text-align: center;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: border-color .18s ease, background .18s ease;
}
#site-partner-links a:hover, #site-friend-links a:hover {
  border-color: var(--pink); background: var(--panel2);
}
#site-partner-links a:focus-visible, #site-friend-links a:focus-visible { outline: 2px solid var(--pink); outline-offset: 2px; }
@media (max-width: 767px) {
  #site-partner-links { grid-template-columns: repeat(5,minmax(0,1fr)); }
  #site-friend-links { grid-template-columns: repeat(4,minmax(0,1fr)); }
  #site-partner-links, #site-friend-links {
    width: calc(100% + 28px); margin-left: -14px; gap: 6px; padding: 10px;
  }
  #site-partner-links a, #site-friend-links a { font-size: 12px; }
}
@media (max-width: 620px) {
  #site-partner-links, #site-friend-links { width: calc(100% + 18px); margin-left: -9px; }
}

#friend-links-section { margin: 20px 0 28px; }

#partner-links-section { padding:0; border:0; background:transparent; box-shadow:none; }
@media(max-width:767px){#site-partner-links,#site-friend-links{width:calc(100% + 16px);margin-left:-8px}}

#partner-links-section { margin-bottom:24px; }