body.page-zmluva-vzor {
      margin: 0;
      color: #0e0e0e;
    }

    /* Small gap under the header like standardy-sluzieb-architektov (no vertical centering) */
    .page-zmluva-vzor .container {
      max-width: 860px;
      margin: 0 auto;
      padding: 0.5rem 1.4rem;
      min-height: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    .page-zmluva-vzor .slider-panel {
      position: relative;
      margin: 2rem 0 1.4rem;
      padding: 1.4rem 2.2rem;
      background: rgba(255,255,255,0.95);
      box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    }

    .page-zmluva-vzor .back-link-container.back-link-bottom-left {
      display: flex;
      justify-content: center;
      padding-left: 0;
      margin-bottom: 2.5rem;
    }

    .download-page-title {
      margin: 0 0 2.5rem;
      color: #222;
      font-size: 2.2rem;
      font-weight: 300;
    }

    .document-grid {
      display: grid;
      grid-template-columns: repeat(3, 220px);
      justify-content: center;
      gap: 12px;
      margin-bottom: 2.5rem;
    }

    .document-grid-contracts {
      grid-template-columns: repeat(2, 220px);
    }

    .contract-original-note {
      /* Use the existing space below the grid without affecting panel or card layout. */
      position: absolute;
      inset-inline: 1rem;
      bottom: 1.4rem;
      margin: 0;
      text-align: center;
    }

    /* Preserve the folded-document cards from the download-page draft. */
    .document-card {
      width: 220px;
      min-height: 293px; /* 3:4 portrait */
      display: flex;
      flex-direction: column;
      box-sizing: border-box;
      padding: 2.8rem 1.1rem 1rem; /* top clears the folded-corner graphic */
      color: #111;
      position: relative;
      isolation: isolate;
      overflow: visible;
    }

    .document-card::before {
      content: '';
      position: absolute;
      inset: 0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 240' preserveAspectRatio='none'%3E%3Cpath d='M219 1H28L1 28V239H219V1Z' fill='%23dfdedc'/%3E%3C/svg%3E");
      z-index: -1;
    }

    .document-card h2 {
      margin: auto 0 0; /* centers the title+note group between fold and buttons */
      color: #000;
      font-size: 1.02rem;
      font-weight: 700;
      line-height: 1.25;
    }

    .document-note {
      margin: 0.4rem 0 auto;
      color: #000;
      font-size: 1.02rem;
      line-height: 1.4;
    }

    .document-actions {
      display: flex;
      gap: 12px;
      justify-content: center;
    }

    .document-download {
      width: 86px;
      height: 86px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      border: 1px solid currentColor;
      padding: 0;
      color: inherit;
      font-size: 0.875rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-decoration: none;
      transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    }

    .document-card .document-download {
      background: var(--primary, #708aa7);
      border-color: var(--primary, #708aa7);
      color: #fff;
    }

    .document-card .document-download:hover,
    .document-card .document-download:focus-visible {
      background: #111;
      border-color: #111;
      color: #fff;
      text-decoration: none;
    }

    .document-download:focus-visible {
      outline: 2px solid #111;
      outline-offset: 3px;
    }

    @media (max-width: 800px) {
      .page-zmluva-vzor .container { padding: 0.5rem 1rem; }
      .page-zmluva-vzor .slider-panel { padding: 1.4rem 1rem; }
      .download-page-title { font-size: 1.8rem; }
      .document-grid,
      .document-grid-contracts {
        grid-template-columns: 220px;
      }
    }