.arkusze-info-banner{background:var(--glass-bg);backdrop-filter:blur(var(--blur));border-bottom:1px solid var(--glass-border);padding:0 3rem;box-shadow:var(--shadow-soft)}.arkusze-info-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);divide-x:1px solid var(--border)}.info-item{display:flex;flex-direction:column;gap:0.35rem;padding:1.75rem 2rem 1.75rem 0;border-right:1px solid var(--border)}.info-item:first-child{padding-left:0}.info-item:last-child{border-right:none;padding-right:0}.info-item-top{display:flex;align-items:center;gap:0.5rem}.info-icon{font-size:1rem;flex-shrink:0;width:28px;height:28px;background:var(--gradient-card);backdrop-filter:blur(var(--blur));border:1px solid var(--glass-border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.info-item strong{font-size:0.7rem;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:0.1em}.info-item span{font-size:0.95rem;font-weight:600;color:var(--black);line-height:1.4;padding-left:0.1rem}.cke-link{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}.cke-link:hover{color:var(--primary-dark)}.arkusze-filters{padding:2rem 3rem 0;max-width:1200px;margin:0 auto}.arkusze-filters-inner{display:flex;flex-wrap:wrap;gap:0.5rem}.arkusze-section{padding:2rem 3rem 6rem;max-width:1200px;margin:0 auto}.arkusze-grid{display:flex;flex-direction:column;gap:0}.year-header{padding:2rem 0 1rem}.year-badge{display:inline-block;background:var(--gradient-primary);color:var(--white);font-size:0.78rem;font-weight:800;letter-spacing:0.1em;padding:0.3rem 0.9rem;border-radius:999px;box-shadow:var(--shadow-soft)}.year-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:0.5rem}.arkusz-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur));border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;transition:all 0.3s ease;box-shadow:var(--shadow-soft)}.arkusz-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-dreamy);transform:translateY(-8px)}.arkusz-card-header{display:flex;align-items:center;gap:0.9rem}.arkusz-emoji{font-size:1.8rem;flex-shrink:0;width:44px;height:44px;background:var(--gradient-card);backdrop-filter:blur(var(--blur));border:1px solid var(--glass-border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.arkusz-rok{display:block;font-size:0.7rem;font-weight:700;letter-spacing:0.1em;color:var(--primary);text-transform:uppercase;margin-bottom:0.15rem}.arkusz-title{font-size:0.95rem;font-weight:700;color:var(--black);line-height:1.3;margin:0}.arkusz-btns{display:flex;flex-direction:column;gap:0.5rem}.arkusz-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:0.45rem 0.85rem;border-radius:var(--radius);border:1.5px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--blur));color:var(--black);font-size:0.78rem;font-weight:600;transition:all 0.3s ease;box-shadow:var(--shadow-soft)}.arkusz-btn:hover{background:var(--gradient-primary);border-color:var(--primary);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-dreamy)}@media (max-width:900px){.arkusze-info-banner{padding:0 1.5rem}.arkusze-info-inner{grid-template-columns:repeat(2,1fr)}.info-item{padding:1.25rem 1.5rem 1.25rem 0}.info-item:nth-child(2){border-right:none;padding-right:0}.info-item:nth-child(3){border-right:1px solid var(--border);padding-left:0}.info-item:nth-child(4){border-right:none;padding-right:0}.arkusze-filters{padding:1.5rem 1.5rem 0}.arkusze-section{padding:1.5rem 1.5rem 4rem}}@media (max-width:600px){.arkusze-info-inner{grid-template-columns:1fr 1fr;gap:0}.info-item{padding:1rem 1rem 1rem 0;border-right:none !important}.info-item:nth-child(odd){border-right:1px solid var(--border) !important}.info-item span{font-size:0.85rem}.arkusze-filters{padding:1.2rem 1.2rem 0}.arkusze-section{padding:1rem 1.2rem 3rem}.year-row{grid-template-columns:1fr}.arkusz-card{padding:1.2rem}}.arkusze-tabs{background:var(--glass-bg);backdrop-filter:blur(var(--blur));border-bottom:1px solid var(--glass-border);padding:0 3rem;box-shadow:var(--shadow-soft)}.arkusze-tabs-inner{max-width:1200px;margin:0 auto;display:flex;gap:0}.tab-btn{padding:1rem 1.75rem;background:none;border:none;border-bottom:3px solid transparent;font-size:0.9rem;font-weight:600;color:var(--gray);cursor:pointer;transition:all 0.3s ease;font-family:inherit;margin-bottom:-1px}.tab-btn:hover{color:var(--black);transform:translateY(-1px)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--gradient-card);backdrop-filter:blur(var(--blur))}.arkusz-card .badge-probny{display:inline-block;background:var(--primary-bg);color:var(--primary);font-size:0.65rem;font-weight:700;letter-spacing:0.08em;padding:0.2rem 0.6rem;border-radius:999px;margin-left:0.5rem;vertical-align:middle}@media (max-width:900px){.arkusze-tabs{padding:0 1.5rem}.tab-btn{padding:0.85rem 1.2rem;font-size:0.85rem}}.arkusz-btn--disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}
/* Level Selector */
.level-selector {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  padding: 2rem 3rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.level-selector-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.level-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.level-tab {
  background: var(--glass-bg);
  border: 2px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 2rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  text-align: left;
  font-family: inherit;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.level-tab:hover {
  border-color: var(--gray);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.level-tab.active {
  border-color: var(--black);
  background: var(--white);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.level-tab-icon {
  font-size: 3rem;
  width: 80px;
  height: 80px;
  background: var(--white);
  border: 2px solid var(--border);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.level-tab.active .level-tab-icon {
  border-color: var(--black);
  background: var(--black);
  color: var(--white);
}

.level-tab-content h3 {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--black);
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
}

.level-tab-content p {
  font-size: 1rem;
  color: var(--gray);
  margin: 0;
  line-height: 1.4;
}

/* Subjects Section */
.subjects-section {
  padding: 4rem 3rem 6rem;
  background: #F9FAFB;
}

.subjects-container {
  max-width: 1200px;
  margin: 0 auto;
}

.subjects-content {
  display: none;
}

.subjects-content.active {
  display: block;
}

.subjects-header {
  text-align: center;
  margin-bottom: 3rem;
}

.subjects-header h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  color: var(--black);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.subjects-header p {
  font-size: 1.1rem;
  color: var(--gray);
  margin: 0;
  line-height: 1.5;
}

/* Subjects Grid */
.subjects-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1.5rem;
}

.subject-card {
  background: #FFFFFF !important;
  border: 1px solid var(--border);
  border-radius: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.subject-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  border-color: var(--primary-light);
}

/* Card header - simplified */
.subject-card-header {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem 1.25rem 1rem;
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--border);
}

.subject-emoji {
  font-size: 1.75rem;
  width: 48px;
  height: 48px;
  background: #E0F2FE;
  border: 1px solid #BAE6FD;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.subject-info {
  flex: 1;
  min-width: 0;
}

.subject-info h3 {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--black);
  margin: 0 0 0.3rem 0;
  line-height: 1.2;
}

.subject-category {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--gray);
  background: var(--gray-light);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.2rem 0.5rem;
  border-radius: 5px;
}

/* Meta stats row */
.subject-meta {
  display: flex;
  gap: 0.5rem;
  padding: 0.85rem 1.25rem;
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--border);
}

.subject-meta-item {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  flex: 1;
}

.subject-meta-label {
  font-size: 0.6rem;
  font-weight: 700;
  color: var(--gray);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.subject-meta-value {
  font-size: 0.9rem;
  font-weight: 800;
  color: var(--black);
}

.subject-meta-value .highlight {
  color: var(--primary);
}

/* Tags - removed, no longer displayed */
.subject-tags {
  display: none;
}

.years-section {
  padding: 1rem 1.25rem;
  flex: 1;
  background: #FFFFFF !important;
}

.years-section-label {
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--gray);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.years-section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--border);
}

.years-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  gap: 0.5rem;
}

.year-button {
  background: #FFFFFF;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  padding: 0.6rem 0.4rem 1.1rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--black);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  position: relative;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.year-button:hover {
  background: var(--gray-light);
  border-color: var(--gray);
  color: var(--black);
  transform: translateY(-1px);
}

.year-number {
  font-size: 0.85rem;
  font-weight: 700;
}

.year-session {
  font-size: 0.65rem;
  opacity: 0.7;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Responsive */
@media (max-width: 1024px) {
  .level-tabs {
    gap: 1.5rem;
  }
  
  .level-tab {
    padding: 1.5rem;
    gap: 1rem;
  }
  
  .level-tab-icon {
    width: 60px;
    height: 60px;
    font-size: 2.5rem;
  }
  
  .subjects-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
  }
}

@media (max-width: 768px) {
  .level-selector {
    padding: 1.5rem;
  }
  
  .level-tabs {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .level-tab {
    padding: 1.25rem;
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  
  .level-tab-icon {
    width: 50px;
    height: 50px;
    font-size: 2rem;
  }
  
  .subjects-section {
    padding: 3rem 1.5rem 4rem;
  }
  
  .subjects-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .subject-card {
    padding: 1.5rem;
  }
  
  .years-grid {
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 0.5rem;
  }
  
  .year-button {
    padding: 0.5rem 0.25rem;
    font-size: 0.8rem;
  }
}

/* Breadcrumbs */
.breadcrumbs {
  background: var(--gray-light);
  border-bottom: 1px solid var(--border);
  padding: 1rem 3rem;
}

.breadcrumbs-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.breadcrumbs a {
  color: var(--gray);
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}

.breadcrumbs a:hover {
  color: var(--primary);
}

/* Arkusz Header */
.arkusz-header {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  padding: 3rem 3rem 2rem;
}

.arkusz-header-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.arkusz-header-content {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.arkusz-emoji-large {
  font-size: 4rem;
  width: 100px;
  height: 100px;
  background: var(--primary-bg);
  border: 2px solid var(--primary-light);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(251, 70, 3, 0.15);
}

.arkusz-header-info {
  flex: 1;
}

.arkusz-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.arkusz-year {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.arkusz-level-badge {
  background: var(--primary);
  color: var(--white);
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.arkusz-header h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  color: var(--black);
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
}

.arkusz-header p {
  font-size: 1.1rem;
  color: var(--gray);
  margin: 0;
  line-height: 1.5;
}

/* Arkusz Materials */
.arkusz-materials {
  padding: 4rem 3rem;
  background: var(--gray-light);
}

.arkusz-materials-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.materials-header {
  text-align: center;
  margin-bottom: 3rem;
}

.materials-header h2 {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 900;
  color: var(--black);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.materials-header p {
  font-size: 1.1rem;
  color: var(--gray);
  margin: 0;
  line-height: 1.5;
}

.materials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

.material-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 2rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  text-decoration: none;
  color: inherit;
  display: block;
}

.material-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.1);
  border-color: var(--primary-light);
  text-decoration: none;
  color: inherit;
}

.material-card-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.material-icon {
  font-size: 2rem;
  width: 60px;
  height: 60px;
  background: var(--primary-bg);
  border: 1px solid var(--primary-light);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.material-info h3 {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--black);
  margin: 0 0 0.25rem 0;
  line-height: 1.2;
}

.material-type {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.material-description {
  font-size: 0.95rem;
  color: var(--gray);
  line-height: 1.5;
  margin: 0;
}

.material-card--primary {
  border-color: var(--primary);
  background: linear-gradient(135deg, var(--primary-bg) 0%, rgba(251, 70, 3, 0.02) 100%);
}

.material-card--primary .material-icon {
  background: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}

/* Related Arkusze */
.related-arkusze {
  padding: 4rem 3rem;
  background: var(--white);
}

.related-arkusze-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.related-arkusze h2 {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 900;
  color: var(--black);
  margin: 0 0 2rem 0;
  line-height: 1.2;
  text-align: center;
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

.related-card {
  background: var(--glass-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  text-decoration: none;
  color: inherit;
  display: block;
}

.related-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  border-color: var(--primary-light);
  text-decoration: none;
  color: inherit;
}

.related-card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.related-emoji {
  font-size: 1.5rem;
  width: 40px;
  height: 40px;
  background: var(--primary-bg);
  border: 1px solid var(--primary-light);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.related-info h4 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--black);
  margin: 0;
  line-height: 1.2;
}

.related-year {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Responsive */
@media (max-width: 768px) {
  .breadcrumbs {
    padding: 1rem 1.5rem;
  }
  
  .arkusz-header {
    padding: 2rem 1.5rem 1.5rem;
  }
  
  .arkusz-header-content {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  
  .arkusz-emoji-large {
    width: 80px;
    height: 80px;
    font-size: 3rem;
  }
  
  .arkusz-materials {
    padding: 3rem 1.5rem;
  }
  
  .materials-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .material-card {
    padding: 1.5rem;
  }
  
  .related-arkusze {
    padding: 3rem 1.5rem;
  }
  
  .related-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
/* Formula badges - subtle with different colors for distinction */
.formula-badge {
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.48rem;
  font-weight: 500;
  padding: 0.08rem 0.25rem;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.formula-2023 {
  background: #DBEAFE;
  color: #1E40AF;
}

.formula-2015 {
  background: #FED7AA;
  color: #C2410C;
}

.year-link-hint {
  display: none;
}