/* Archive header styles (shared by season pages and archive index) */
    .archiwum_header {
      text-align: center;
      padding: 0.75rem 0 0.5rem;
      margin: 0 0 0.75rem;
    }
    .archiwum_link {
      margin: 0 0 0.35rem;
      font-size: 1.25rem; /* slightly larger for archive page heading */
      line-height: 1.2;
      font-weight: 600;
      color: var(--navy, #34516e);
    }
    /* Only style as button when it's a link on season pages */
    .archiwum_link a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      padding: 0.34rem 0.7rem;
      font-size: 1.05rem; /* keep season-page button text size unchanged */
      color: var(--navy, #34516e);
      background: #fff;
      border: 1px solid #e6e9ee; /* hairline */
      border-radius: 8px;
      text-decoration: none;
      box-shadow: 0 1px 2px rgba(0,0,0,0.02);
    }
    .archiwum_link a:hover,
    .archiwum_link a:focus-visible {
      background: #f5f8fc;
      border-color: #dbe2ea;
      box-shadow: 0 2px 6px rgba(0,0,0,0.06);
      outline: none;
    }
    .archiwum_year {
      display: block;
      margin: 0.2rem 0 0.25rem;
      padding: 0.3rem 0; /* a bit more top and bottom padding */
      white-space: normal;      /* allow wrapping */
      overflow-wrap: anywhere;  /* break long tokens if needed */
      word-break: break-word;   /* fallback */
      color: var(--navy, #34516e);
      font-size: 1rem;
      font-weight: 600;
      text-align: center;
      letter-spacing: 0.15px;
    }
/* Force standalone page scrolling on mobile (safeguard) */
    html, body { height: auto !important; min-height: 100vh; overflow-y: auto !important; }
    body { -webkit-overflow-scrolling: touch; touch-action: pan-y; }
    h1, h2 { color: var(--navy, #34516e); }

    /* Archive styles */
    .liga-content { max-width: 980px; margin: 0 auto; padding: 1rem 1rem 4rem; }
    .liga-header { text-align: center; margin: 1.25rem 0 1.25rem; }
    .liga-header .lz-title { font-weight: 500; margin: 0.5rem 0 0; }

    .archive-list {
      list-style: none;
      padding: 0;
      margin: 1rem auto 6rem;
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.7rem 0.8rem;
      max-width: 720px;
    }
    @media (min-width: 700px) {
      .archive-list { grid-template-columns: repeat(2, minmax(0,1fr)); max-width: 980px; }
    }
    @media (min-width: 1200px) {
      .liga-content { max-width: 1200px; }
      .archive-list { grid-template-columns: repeat(3, minmax(0,1fr)); max-width: 1200px; }
    }
    .archive-list a {
      display: block;
      padding: 0.5rem 0.7rem;
      border-radius: 6px;
      border: 1px solid #e6e9ee;
      background: #fff;
      color: var(--navy, #34516e);
      text-decoration: none;
      text-align: center; /* center labels within boxes */
      transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
    }
    /* No default icon for available items */
    .archive-list a::before { content: none; }
    .archive-list a:hover:not(.is-disabled),
    .archive-list a:focus-visible:not(.is-disabled) {
      background: #fff;                 /* same clean white hover */
      color: var(--navy);               /* navy text like in left menu hover */
      border-color: rgba(224,227,230,0.9); /* subtle outline like 'Regulamin' */
      box-shadow: 0 2px 6px rgba(0,0,0,0.08); /* gentle drop shadow */
      outline: none;
      transform: translateY(-1px);
    }

    /* Disabled/archive pending state */
    .archive-list a.is-disabled {
      color: #9aa6b2;
      background: #fafcfe;
      border-color: #eceff3;
      cursor: not-allowed;
      pointer-events: none; /* no clicks */
      position: relative;
    }
    .archive-list a.is-disabled::before { content: none; }
    .archive-list a.is-disabled::after {
      content: "🔧"; /* work in progress */
      color: #cc7a00;
      margin-left: 0.4rem;
      font-weight: 600;
    }