/* Dokumenty rozwijane z zachowaniem całej treści i obsługi bez JavaScriptu. */
.document-fold { border:1px solid var(--line); border-radius:15px; margin:0 0 13px; background:var(--paper); overflow:clip; }
.document-fold>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 24px; cursor:pointer; list-style:none; font-size:22px; font-weight:600; line-height:1.45; }
.document-fold>summary::-webkit-details-marker { display:none; }
.document-fold>summary::after { content:""; display:block; width:10px; height:10px; flex:none; border-right:2px solid var(--accent); border-bottom:2px solid var(--accent); transform:rotate(45deg); transition:transform .2s; margin:0 4px 5px; }
.document-fold[open]>summary::after { transform:rotate(225deg); margin-top:8px; }
.sheet .document-fold>summary>.fold-title { margin:0; font:inherit; letter-spacing:normal; text-wrap:pretty; }
.document-fold>summary:focus-visible { outline:3px solid var(--brand-dot); outline-offset:-4px; border-radius:12px; }
.document-fold:nth-of-type(3n+1)>summary { background:var(--t-diagnostyka); }
.document-fold:nth-of-type(3n+2)>summary { background:var(--t-kalendarz); }
.document-fold:nth-of-type(3n)>summary { background:var(--t-klientki); }
.fold-content { padding:24px; background:#fff; }
.fold-content>:last-child { margin-bottom:0; }
.document-fold .document-fold { margin-bottom:9px; border-radius:10px; }
.document-fold .document-fold>summary { padding:16px 18px; font-size:19px; background:var(--paper); }
.sheet>.pdf { margin:24px 0 0; }

/* Ukośny refleks przechodzi przez kafle w różnych chwilach. */
.tile-s,.zasady .tile { position:relative; overflow:hidden; isolation:isolate; }
@media(prefers-reduced-motion:no-preference) {
  .nav-tile::before,.tile-s::before,.zasady .tile::before {
    content:""; display:block; position:absolute; inset:-60% auto -60% -65%;
    width:38%; height:auto; border:0; border-radius:0; box-shadow:none;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.64),transparent);
    z-index:3; pointer-events:none; opacity:0;
    animation:dotty-tile-shine 13s ease-in-out infinite;
    animation-delay:calc(var(--tile-order,0)*.8s);
  }
  .page-resting .nav-tile::before,.page-resting .tile-s::before,.page-resting .zasady .tile::before { animation-play-state:paused; }
  @keyframes dotty-tile-shine {
    0%,64% { transform:translate3d(0,0,0) skewX(-18deg); opacity:0; }
    66% { opacity:.75; }
    80% { transform:translate3d(480%,0,0) skewX(-18deg); opacity:.75; }
    82%,100% { transform:translate3d(480%,0,0) skewX(-18deg); opacity:0; }
  }
}
@media(max-width:760px) {
  .document-fold { border-radius:12px; margin-bottom:9px; }
  .document-fold>summary { font-size:16px; padding:16px; gap:15px; }
  .fold-content { padding:18px 14px; }
  .document-fold .document-fold>summary { font-size:14px; padding:13px; }
}
@media print {
  .document-fold { display:block; border:0; border-radius:0; overflow:visible; margin:12px 0; }
  .document-fold>summary { padding:0; background:none!important; font-size:14pt; break-after:avoid; }
  .document-fold>summary::after { display:none; }
  .document-fold .fold-content { display:block!important; padding:8px 0; }
  .document-fold .document-fold>summary { padding:0; font-size:12pt; }
  .nav-tile::before,.tile-s::before,.zasady .tile::before { display:none; }
}