@import url('/css/pages/pages_media_list_common.css');
@import url('/css/pages/pages_media_card_tokens_shared.css');

.secret-switch{display:inline-flex;align-items:baseline;gap:8px}
.secret-switch .on{font-weight:700}
.secret-switch .sep{opacity:.35;font-weight:400}
.secret-switch a{color:inherit;text-decoration:none;font-weight:400;opacity:.88}
@media (hover:hover) and (pointer:fine){
  .secret-switch a:hover{text-decoration:underline}
}


.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .title{white-space:normal;overflow:visible;text-overflow:clip}
  .meta{flex-direction:column;gap:6px;align-items:center}
}

.thumb{
    width:100%;
    aspect-ratio:1/1;
    background:#0f0f0f;
    border-bottom:1px solid rgba(255,255,255,.10);
    padding:6px;
    box-sizing:border-box;
}
.thumb-inner{
    width:100%;
    height:100%;
    border:1px solid rgba(255,255,255,.10);
    border-radius:8px;
    overflow:hidden;
    box-sizing:border-box;
}
.thumb-inner img{image-orientation:from-image;}

.body{padding:12px 12px 14px}
.title{
    font-size:14px;line-height:1.35;margin:0 0 6px;
    color:rgba(255,255,255,.92);
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}
@media (max-width:720px){
  .card .body > div.meta:nth-of-type(2) span.badge:first-child:not(:last-child){
    border:none;
    background:transparent;
    padding:0;
    border-radius:0;
  }
}

.pm-board-adminlinks{display:flex;gap:8px}
.pm-board-adminlink{font-size:12px;color:rgba(255,255,255,.85)}
.pm-board-meta2{margin-top:6px}
.pager[data-pl-pager="1"]{flex:1;justify-content:center;margin-top:0}
.pm-board-flex1{flex:1}