#panelWrap{padding:0 var(--gut) clamp(90px,13vh,160px)}
.panel{padding:clamp(28px,4.4vw,58px) clamp(20px,4.4vw,56px)}
@media(min-width:721px){
  #nav,#top,#panelWrap{max-width:75vw;margin-inline:auto;padding-left:0;padding-right:0}
}

.doc-list{display:flex;flex-wrap:wrap;gap:2px;background:var(--rim);
  border:2px solid var(--rim)}
.doc-item{flex:1 1 280px;display:flex;align-items:center;gap:16px;background:var(--ink);
  padding:clamp(20px,2.8vh,28px) clamp(18px,2.4vw,26px);color:var(--bone);cursor:pointer;
  transition:background .3s var(--tick),color .3s}
.doc-item:hover{background:var(--red)}
.doc-item .ic{flex:none;width:26px;height:26px;opacity:.85}
.doc-item .nm{flex:1;min-width:0;font-family:var(--poster);font-weight:900;
  font-variation-settings:"wdth" 112;font-size:clamp(13.5px,1.5vw,15.5px);text-transform:uppercase;
  letter-spacing:-.005em;line-height:1.22;overflow-wrap:anywhere}   /* nazwa z pliku ("Regulamin_klubu_2026") bywa jednym długim słowem */
.doc-item .ex{flex:none;font-size:10px;font-weight:700;letter-spacing:.1em;opacity:.5}
/* dokument bez pliku i bez linku (redaktor jeszcze go nie dodał): zwykły napis, nie "martwy" link skaczący na górę strony */
.doc-item[aria-disabled="true"]{cursor:default;pointer-events:none}
.doc-item[aria-disabled="true"] .ic,.doc-item[aria-disabled="true"] .nm{opacity:.55}
.doc-empty{margin:0;padding:clamp(20px,2.8vh,28px) clamp(18px,2.4vw,26px);background:var(--ink);color:var(--steel);
  font-size:clamp(14px,1.5vw,16px)}
@media(max-width:520px){ .doc-item{flex-basis:100%} }