main.strefa-rywalizacji-page {
  overflow: clip;
}

.strefa-rywalizacji-page .sr-container {
  width: min(100%, calc(75rem + (var(--page-gutter) * 2)));
  margin-inline: auto;
  padding-inline: var(--page-gutter);
}

.strefa-rywalizacji-page .sr-section {
  padding-block: 3rem;
}

.strefa-rywalizacji-page .sr-section--sky { background: var(--color-sky-tint); }
.strefa-rywalizacji-page .sr-section--coral { background: var(--color-coral-tint); }

.strefa-rywalizacji-page .sr-eyebrow-row,
.strefa-rywalizacji-page .sr-hero-copy,
.strefa-rywalizacji-page .sr-section-intro,
.strefa-rywalizacji-page .sr-quote,
.strefa-rywalizacji-page .sr-final-copy,
.strefa-rywalizacji-page .sr-checklist-intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.strefa-rywalizacji-page .sr-eyebrow-row { gap: 0.5rem; }
.strefa-rywalizacji-page .sr-eyebrow-row > *,
.strefa-rywalizacji-page .sr-hero-copy > *,
.strefa-rywalizacji-page .sr-section-intro > *,
.strefa-rywalizacji-page .sr-quote > *,
.strefa-rywalizacji-page .sr-final-copy > *,
.strefa-rywalizacji-page .sr-checklist-intro > * { margin: 0; }

.strefa-rywalizacji-page .sr-hero {
  position: relative;
  padding-block: 3rem;
  background: var(--color-cobalt-blue);
  color: var(--color-soft-white);
}

.strefa-rywalizacji-page .sr-hero::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 35%;
  height: 10px;
  background: var(--color-coral-orange);
  content: "";
  transform: skewX(-28deg) translateX(20%);
}

.strefa-rywalizacji-page .sr-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
}

.strefa-rywalizacji-page .sr-hero-copy { max-width: 35rem; }
.strefa-rywalizacji-page .sr-hero h1,
.strefa-rywalizacji-page .sr-final h2,
.strefa-rywalizacji-page .sr-finals h2 { color: var(--color-soft-white); }
.strefa-rywalizacji-page .sr-hero .eyebrow,
.strefa-rywalizacji-page .sr-finals .eyebrow,
.strefa-rywalizacji-page .sr-final .eyebrow { color: var(--color-lemon-yellow); }
.strefa-rywalizacji-page .sr-hero-lead { font-size: 1.125rem; line-height: 1.45; }

.strefa-rywalizacji-page .sr-independent {
  max-width: 35rem;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(255,253,247,.58);
  border-radius: var(--radius-md);
  background: rgba(255,253,247,.9);
  color: var(--color-ink);
  font-size: var(--font-size-small);
  line-height: 1.45;
}

.strefa-rywalizacji-page .sr-independent::before {
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  margin-right: 0.5rem;
  border-radius: 999px;
  background: var(--color-turquoise);
  content: "";
}

.strefa-rywalizacji-page .sr-hero-media,
.strefa-rywalizacji-page .sr-risk-media,
.strefa-rywalizacji-page .sr-finals-media {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.strefa-rywalizacji-page .sr-hero-media img,
.strefa-rywalizacji-page .sr-risk-media img,
.strefa-rywalizacji-page .sr-finals-media img {
  width: 100%;
  border-radius: var(--radius-feature);
  object-fit: cover;
}

.strefa-rywalizacji-page .sr-hero-media img { aspect-ratio: 16 / 10; object-position: right center; }
.strefa-rywalizacji-page .sr-risk-media img { aspect-ratio: 4 / 3; object-position: center; }
.strefa-rywalizacji-page .sr-finals-media img { aspect-ratio: 16 / 10; object-position: center top; }

.strefa-rywalizacji-page .sr-section-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
  margin-bottom: 2rem;
}

.strefa-rywalizacji-page .sr-section-intro { max-width: 38.75rem; }
.strefa-rywalizacji-page .sr-section-intro p { max-width: 38.75rem; }
.strefa-rywalizacji-page .sr-header-badge { justify-self: start; }

.strefa-rywalizacji-page .sr-podium {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  padding: 1rem;
  border: var(--border-default);
  border-radius: var(--radius-card);
  background: var(--color-soft-white);
}

.strefa-rywalizacji-page .sr-podium-caption {
  grid-column: 1;
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
}

.strefa-rywalizacji-page .sr-podium-card {
  display: flex;
  min-width: 0;
  min-height: 10rem;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: var(--radius-card);
  color: var(--color-ink);
}

.strefa-rywalizacji-page .sr-podium-card--one { background: var(--color-lemon-yellow); }
.strefa-rywalizacji-page .sr-podium-card--two { background: var(--color-soft-white); border: var(--border-default); }
.strefa-rywalizacji-page .sr-podium-card--three { background: var(--color-coral-tint); }
.strefa-rywalizacji-page .sr-rank { font-family: var(--font-heading); font-size: 3rem; font-weight: var(--font-weight-black); line-height: 1; }
.strefa-rywalizacji-page .sr-score { font-family: var(--font-heading); font-size: 2rem; font-weight: var(--font-weight-black); line-height: 1; }
.strefa-rywalizacji-page .sr-podium-card p { margin: 0; font-size: var(--font-size-small); line-height: 1.4; }

.strefa-rywalizacji-page .sr-metric-grid,
.strefa-rywalizacji-page .sr-step-grid,
.strefa-rywalizacji-page .sr-strategy-grid,
.strefa-rywalizacji-page .sr-compare-grid,
.strefa-rywalizacji-page .sr-final-cards,
.strefa-rywalizacji-page .sr-check-questions,
.strefa-rywalizacji-page .sr-learning-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}

.strefa-rywalizacji-page .sr-metric-grid { margin-top: 1.5rem; }
.strefa-rywalizacji-page .sr-metric,
.strefa-rywalizacji-page .sr-step,
.strefa-rywalizacji-page .sr-strategy-card,
.strefa-rywalizacji-page .sr-compare-card,
.strefa-rywalizacji-page .sr-final-card,
.strefa-rywalizacji-page .sr-question,
.strefa-rywalizacji-page .sr-learning-card {
  min-width: 0;
  padding: 1rem;
  border: var(--border-default);
  border-radius: var(--radius-card);
  background: var(--color-soft-white);
}

.strefa-rywalizacji-page .sr-metric h3,
.strefa-rywalizacji-page .sr-step h3,
.strefa-rywalizacji-page .sr-strategy-card h3,
.strefa-rywalizacji-page .sr-compare-card h3,
.strefa-rywalizacji-page .sr-final-card h3,
.strefa-rywalizacji-page .sr-learning-card h3 { margin-bottom: 0.5rem; }
.strefa-rywalizacji-page .sr-metric p,
.strefa-rywalizacji-page .sr-step p,
.strefa-rywalizacji-page .sr-strategy-card p,
.strefa-rywalizacji-page .sr-compare-card p,
.strefa-rywalizacji-page .sr-final-card p,
.strefa-rywalizacji-page .sr-learning-card p { margin: 0; }

.strefa-rywalizacji-page .sr-callout {
  min-width: 0;
  padding: 1rem;
  border-radius: var(--radius-card);
  background: var(--color-coral-tint);
}
.strefa-rywalizacji-page .sr-callout p { margin: 0; }

.strefa-rywalizacji-page .sr-step-number {
  display: inline-flex;
  min-width: 3rem;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--color-turquoise);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: var(--font-weight-black);
}

.strefa-rywalizacji-page .sr-quote {
  max-width: none;
  margin-top: 1.5rem;
  padding: 1.5rem;
  border-radius: var(--radius-card);
  background: var(--color-lemon-yellow);
  text-align: center;
}
.strefa-rywalizacji-page .sr-quote p { max-width: 43.75rem; margin-inline: auto; font-size: 1.125rem; font-weight: var(--font-weight-bold); }

.strefa-rywalizacji-page .sr-strategy-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  align-items: end;
  margin-bottom: 1.5rem;
}
.strefa-rywalizacji-page .sr-strategy-heading .sr-section-intro { max-width: 41.875rem; }
.strefa-rywalizacji-page .sr-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  width: 100%;
}
.strefa-rywalizacji-page .sr-tab {
  min-width: 0;
  min-height: 3rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--color-ink);
  border-radius: 999px;
  background: var(--color-soft-white);
  font-weight: var(--font-weight-black);
}
.strefa-rywalizacji-page .sr-tab[aria-selected="true"] { background: var(--color-turquoise); }
.strefa-rywalizacji-page .sr-tab[aria-selected="true"]::before {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.35rem;
  border-radius: 999px;
  background: var(--color-lemon-yellow);
  content: "";
}
.strefa-rywalizacji-page .sr-tab-panel[hidden] { display: none; }
.strefa-rywalizacji-page .sr-noscript-strategies { margin-top: 1.5rem; }

.strefa-rywalizacji-page .sr-risk-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
  margin-bottom: 1.5rem;
}
.strefa-rywalizacji-page .sr-risk-copy { max-width: 36.25rem; }
.strefa-rywalizacji-page .sr-risk-copy p { max-width: 38.75rem; }
.strefa-rywalizacji-page .sr-risk-question { margin-top: 1rem; padding: 1rem; border-radius: var(--radius-md); background: var(--color-coral-orange); color: var(--color-soft-white); font-weight: var(--font-weight-bold); }
.strefa-rywalizacji-page .sr-risk-question p { margin: 0; }
.strefa-rywalizacji-page .sr-risk-media figcaption { max-width: 100%; }

.strefa-rywalizacji-page .sr-compare-grid { margin-bottom: 1.5rem; }
.strefa-rywalizacji-page .sr-compare-card ul { margin: 0; }
.strefa-rywalizacji-page .sr-reset { padding: 1rem; border: 2px solid var(--color-turquoise); border-radius: var(--radius-card); background: var(--color-soft-white); }
.strefa-rywalizacji-page .sr-reset-inner { max-width: 47.5rem; }
.strefa-rywalizacji-page .sr-reset-inner h3 { margin-bottom: 0.75rem; }
.strefa-rywalizacji-page .sr-reset-steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; }
.strefa-rywalizacji-page .sr-reset-steps p { margin: 0; }

.strefa-rywalizacji-page .sr-finals {
  padding-block: 3rem;
  background: var(--color-cobalt-blue);
  color: var(--color-soft-white);
}
.strefa-rywalizacji-page .sr-finals-header {
  max-width: 42.5rem;
  margin-inline: auto;
  text-align: center;
}
.strefa-rywalizacji-page .sr-finals-header .sr-section-intro { align-items: center; }
.strefa-rywalizacji-page .sr-finals-header .sr-section-intro p { color: var(--color-soft-white); }
.strefa-rywalizacji-page .sr-finals-media { margin-top: 1.5rem; }
.strefa-rywalizacji-page .sr-final-cards { margin-top: 1rem; }
.strefa-rywalizacji-page .sr-final-card { background: rgba(255,253,247,.94); color: var(--color-ink); }
.strefa-rywalizacji-page .sr-marker { display: inline-flex; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border-radius: 999px; font-weight: var(--font-weight-black); }
.strefa-rywalizacji-page .sr-marker--yellow { background: var(--color-lemon-yellow); }
.strefa-rywalizacji-page .sr-marker--turquoise { background: var(--color-turquoise); }
.strefa-rywalizacji-page .sr-marker--coral { background: var(--color-coral-orange); color: var(--color-soft-white); }

.strefa-rywalizacji-page .sr-error-layout,
.strefa-rywalizacji-page .sr-faq-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.strefa-rywalizacji-page .sr-error-intro { max-width: 26.875rem; }
.strefa-rywalizacji-page .sr-accordion-list { display: flex; min-width: 0; flex-direction: column; gap: 0.75rem; }
.strefa-rywalizacji-page .sr-accordion { min-width: 0; border: var(--border-default); border-radius: var(--radius-md); background: var(--color-soft-white); overflow: hidden; }
.strefa-rywalizacji-page .sr-accordion-button { display: flex; width: 100%; min-width: 0; min-height: 3rem; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.875rem 1rem; color: var(--color-ink); font-size: 1.125rem; font-weight: var(--font-weight-bold); line-height: 1.35; text-align: left; }
.strefa-rywalizacji-page .sr-accordion-symbol { flex: 0 0 auto; width: 1.5rem; height: 1.5rem; border-radius: 999px; background: var(--color-coral-tint); color: var(--color-ink); font-size: 1.25rem; line-height: 1.35; text-align: center; }
.strefa-rywalizacji-page .sr-accordion-button[aria-expanded="true"] .sr-accordion-symbol::before { content: "−"; }
.strefa-rywalizacji-page .sr-accordion-button[aria-expanded="false"] .sr-accordion-symbol::before { content: "+"; }
.strefa-rywalizacji-page .sr-accordion-panel { padding: 0 1rem 1rem; }
.strefa-rywalizacji-page .sr-accordion-panel p { max-width: 38.75rem; margin: 0; }

.strefa-rywalizacji-page .sr-checklist-section { background: var(--color-sky-tint); }
.strefa-rywalizacji-page .sr-checklist-intro { max-width: 42.5rem; margin-inline: auto; align-items: center; text-align: center; }
.strefa-rywalizacji-page .sr-checklist-intro p { max-width: 40.625rem; }
.strefa-rywalizacji-page .sr-checklist {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1rem;
  width: min(100%, 62.5rem);
  margin: 1.5rem auto 0;
  padding: 1rem;
  border: 1px solid rgba(255,253,247,.75);
  border-radius: var(--radius-feature);
  background: rgba(255,253,247,.82);
  box-shadow: var(--shadow-card);
}
.strefa-rywalizacji-page .sr-check-questions { width: 100%; }
.strefa-rywalizacji-page .sr-question { display: flex; align-items: flex-start; gap: 0.75rem; min-height: 3.25rem; }
.strefa-rywalizacji-page .sr-question input { flex: 0 0 auto; margin-top: 0.2rem; }
.strefa-rywalizacji-page .sr-question label { min-width: 0; margin: 0; font-size: 1rem; font-weight: var(--font-weight-semibold); }
.strefa-rywalizacji-page .sr-question small { display: block; margin-top: 0.25rem; color: var(--color-text-muted); }
.strefa-rywalizacji-page .sr-focus-card { width: 100%; padding: 1rem; border-radius: var(--radius-card); background: var(--color-lemon-yellow); }
.strefa-rywalizacji-page .sr-focus-card p { margin: 0 0 0.75rem; }
.strefa-rywalizacji-page .sr-focus-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; align-items: end; }
.strefa-rywalizacji-page .sr-focus-actions > * { min-width: 0; }
.strefa-rywalizacji-page .sr-focus-actions .button { width: 100%; }

.strefa-rywalizacji-page .sr-faq-intro { max-width: 30rem; }
.strefa-rywalizacji-page .sr-learning-grid { margin-top: 1.5rem; }
.strefa-rywalizacji-page .sr-learning-card { display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; min-height: 10rem; text-decoration: none; }
.strefa-rywalizacji-page .sr-learning-card span { color: var(--color-link); font-weight: var(--font-weight-black); }
.strefa-rywalizacji-page .sr-learning-card:hover { border-color: var(--color-turquoise); background: var(--color-sky-tint); }

.strefa-rywalizacji-page .sr-final { padding-block: 3rem; }
.strefa-rywalizacji-page .sr-final-panel { position: relative; overflow: hidden; padding: 1.5rem; border-radius: var(--radius-feature); background: var(--color-cobalt-blue); }
.strefa-rywalizacji-page .sr-final-panel::after { position: absolute; right: -1rem; bottom: 1rem; width: 12rem; height: 1.25rem; background: repeating-linear-gradient(45deg, var(--color-soft-white) 0 12px, var(--color-ink) 12px 24px); content: ""; opacity: .35; transform: rotate(-8deg); }
.strefa-rywalizacji-page .sr-final-copy { position: relative; z-index: 1; max-width: 47.5rem; margin-inline: auto; align-items: center; text-align: center; }
.strefa-rywalizacji-page .sr-final-copy p { color: var(--color-soft-white); }
.strefa-rywalizacji-page .sr-final-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; width: 100%; }
.strefa-rywalizacji-page .sr-final-actions > * { min-width: 0; width: 100%; }
.strefa-rywalizacji-page .sr-final-disclaimer { max-width: 35rem; font-size: var(--font-size-micro); line-height: 1.4; }

@media (min-width: 40rem) {
  .strefa-rywalizacji-page .sr-podium { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .strefa-rywalizacji-page .sr-podium-caption { grid-column: 1 / -1; }
  .strefa-rywalizacji-page .sr-metric-grid,
  .strefa-rywalizacji-page .sr-step-grid,
  .strefa-rywalizacji-page .sr-strategy-grid,
  .strefa-rywalizacji-page .sr-final-cards,
  .strefa-rywalizacji-page .sr-learning-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .strefa-rywalizacji-page .sr-compare-grid,
  .strefa-rywalizacji-page .sr-check-questions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .strefa-rywalizacji-page .sr-reset-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .strefa-rywalizacji-page .sr-final-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); width: auto; }
}

@media (min-width: 48rem) {
  .strefa-rywalizacji-page .sr-section,
  .strefa-rywalizacji-page .sr-finals { padding-block: 4rem; }
  .strefa-rywalizacji-page .sr-hero { padding-block: 4rem; }
  .strefa-rywalizacji-page .sr-hero-grid { grid-template-columns: minmax(0, 7fr) minmax(22.5rem, 5fr); align-items: center; gap: 2rem; }
  .strefa-rywalizacji-page .sr-section-header { grid-template-columns: minmax(0, 5fr) minmax(0, 3fr); }
  .strefa-rywalizacji-page .sr-header-badge { justify-self: end; }
  .strefa-rywalizacji-page .sr-step-grid,
  .strefa-rywalizacji-page .sr-strategy-grid,
  .strefa-rywalizacji-page .sr-final-cards,
  .strefa-rywalizacji-page .sr-learning-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .strefa-rywalizacji-page .sr-metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .strefa-rywalizacji-page .sr-strategy-heading { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  .strefa-rywalizacji-page .sr-tabs { justify-self: end; max-width: 24rem; }
  .strefa-rywalizacji-page .sr-risk-top { grid-template-columns: minmax(0, 5fr) minmax(30rem, 7fr); gap: 2rem; }
  .strefa-rywalizacji-page .sr-error-layout { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 2rem; }
  .strefa-rywalizacji-page .sr-faq-layout { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2rem; }
  .strefa-rywalizacji-page .sr-focus-actions { grid-template-columns: minmax(0, 1fr) auto; }
  .strefa-rywalizacji-page .sr-focus-actions .button { width: auto; }
  .strefa-rywalizacji-page .sr-final-panel { padding: 2rem; }
}

@media (min-width: 61.25rem) {
  .strefa-rywalizacji-page .sr-hero { padding-block: 6rem; }
  .strefa-rywalizacji-page .sr-hero-grid { gap: 3rem; }
}

@media (max-width: 47.99rem) {
  .strefa-rywalizacji-page .sr-hero h1 { font-size: 2.75rem; line-height: 1.04; }
  .strefa-rywalizacji-page .sr-section h2 { font-size: 2rem; line-height: 1.1; }
  .strefa-rywalizacji-page .sr-hero-media img { object-position: center top; }
}

@media (prefers-reduced-motion: no-preference) {
  .strefa-rywalizacji-page .sr-step:hover,
  .strefa-rywalizacji-page .sr-strategy-card:hover,
  .strefa-rywalizacji-page .sr-final-card:hover { transform: translateY(-2px); }
  .strefa-rywalizacji-page .sr-step,
  .strefa-rywalizacji-page .sr-strategy-card,
  .strefa-rywalizacji-page .sr-final-card { transition: transform var(--transition-fast), border-color var(--transition-fast); }
}