/* Wygenerowane przez zbuduj_web.py ze stałej STYL_LISTY w zbuduj.py. */
.dz{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:14px;align-items:center;
  padding:14px 18px;border:1px solid var(--rule);border-radius:3px;background:var(--surface);
  text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:border-color .15s,transform .15s;}
a.dz:hover{border-color:var(--accent);transform:translateY(-1px);}
.dz.off{opacity:.55;box-shadow:none;}
.dz-rn{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.08em;}
.dz.off .dz-rn{color:var(--muted);}
.dz-t{font-family:"Zilla Slab",serif;font-weight:600;font-size:1.02rem;line-height:1.3;}
.dz-h{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;}
.lista{display:flex;flex-direction:column;gap:10px;}

/* --- panel wznawiania --- */
.wznow{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-bottom:44px;}
.wz{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--accent);
  border-radius:3px;padding:16px 20px 18px;box-shadow:var(--shadow);
  display:flex;flex-direction:column;gap:7px;}
.wz-glowa{display:flex;align-items:baseline;gap:12px;}
.wz-kl{font-family:"Zilla Slab",serif;font-weight:700;font-size:1.32rem;color:var(--accent);}
.wz-post{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--muted);
  font-variant-numeric:tabular-nums;}
.wz-op{margin:0;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);}
.wz-op2{margin:0;font-size:14.4px;color:var(--ink-2);line-height:1.5;}
.wz-op2 b{color:var(--ink);}
.wz-btn{align-self:flex-start;margin-top:6px;background:var(--accent);border:1px solid var(--accent);
  color:var(--on-accent);border-radius:2px;padding:7px 16px;text-decoration:none;
  font-size:14px;font-weight:500;}
.wz-btn:hover{background:var(--accent-2);border-color:var(--accent-2);}

@media (max-width:620px){
  .dz{grid-template-columns:44px minmax(0,1fr);row-gap:6px;}
  .dz .chip,.dz .dz-h{grid-column:2;justify-self:start;}
}