.p04-links-section{margin-top:24px;margin-bottom:30px}
.p04-links-section[hidden]{display:none!important}
.p04-links-section .cat-title{margin:0 0 14px;font-size:20px}
.p04-link-grid,#p04-friend-links #script_seo_links{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;height:auto;max-height:none;margin:0;padding:12px;justify-items:stretch;align-items:start;border:1px solid var(--p04-border);border-radius:12px;background:var(--p04-panel);overflow:visible}
.p04-link-grid a,#p04-friend-links #script_seo_links a{display:block;width:100%;min-width:0;max-width:none;margin:0;padding:12px 5px;border:1px solid var(--p04-border);border-radius:8px;background:var(--p04-panel-2);color:var(--p04-text);font-size:12px;line-height:20px;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p04-link-grid a:hover,#p04-friend-links #script_seo_links a:hover{border-color:var(--p04-accent);color:var(--p04-accent)}
@media(max-width:767px){
  #p04-partners{width:calc(100% + 16px);margin-left:-8px}
  #p04-partners .cat-title,#p04-friend-links .cat-title{padding-inline:12px}
  #p04-friend-links{width:100%;max-width:none;padding-inline:0}
  .p04-link-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  #p04-friend-links #script_seo_links{grid-template-columns:repeat(4,minmax(0,1fr))}
  .p04-link-grid,#p04-friend-links #script_seo_links{gap:6px;padding:10px}
}

/* Give the absolutely positioned hover video the same box as its poster. */
.video-img{position:relative}
.video-img>a{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
