/* --- Ustawienia bazowe --- */
:root{
  --bg: #ffffff;
  --panel: #ffffff;
  --text: #1a1f29;
  --muted: #5a6472;
  --accent: #2d6cdf;      /* nieco spokojniejszy niebieski */
  --border: #e6e9ef;
  --radius: 12px;
  --shadow: 0 6px 16px rgba(16, 24, 40, .06);
  --maxw: 880px;
}

*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }



/* --- Layout regulaminu --- */
.regulamin{
  max-width: var(--maxw);
  margin: 32px auto 72px;
  padding: 0 20px;
}

.regulamin__hero{
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 28px 24px;
  box-shadow: var(--shadow);
}
.regulamin__hero h1{
  margin: 0 0 10px; /* Zwiększono margines pod tytułem */
  font-size: clamp(24px, 4.2vw, 34px);
  line-height: 1.25;
}
.regulamin__meta{
  margin: 8px 0 0; /* Zwiększono margines */
  color: var(--muted);
  font-size: 14px;
}

/* --- Spis treści --- */
.toc{
  margin: 18px 0 24px;
  background: #f9fbff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 14px 20px; /* Zwiększenie paddingu */
}
.toc ol{
  margin: 0;
  padding-left: 26px; /* Zwiększenie lewego paddingu */
  display: grid;
  gap: 8px; /* Zwiększenie odstępów między elementami */
}
.toc a{ color: var(--text); }
.toc a:hover{ color: var(--accent); }

/* --- Sekcje --- */
.section{
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 22px 24px; /* Zwiększenie paddingu */
  margin: 14px 0;
  box-shadow: var(--shadow);
}
.section h2{
  margin: 0 0 12px; /* Zwiększenie marginesu */
  font-size: clamp(18px, 2.4vw, 22px);
  line-height: 1.3;
}
.section p, .section li, .definicje dd{
  color: var(--text);
  margin: 0 0 12px; /* Zwiększenie marginesu */
}
.section .note{
  margin-top: 14px; /* Zwiększenie odstępu */
  font-size: 14px;
  color: var(--muted);
}

/* listy i definicje */
ol, ul{ padding-left: 24px; } /* Zwiększenie paddingu list */
.definicje{ margin: 0; }
.definicje dt{
  font-weight: 600;
  margin-top: 12px; /* Zwiększenie marginesu */
}
.definicje dd{ margin: 6px 0 0; } /* Zwiększenie marginesu */

.section{ scroll-margin-top: 80px; }

/* --- Responsywność --- */
@media (max-width: 640px){
  .regulamin{ margin-top: 20px; }
  .section{ padding: 18px; }
  .toc{ padding: 12px 14px; }
  .toc ol{
    padding-left: 20px; /* Zmniejszenie paddingu dla węższych ekranów */
  }
}

/* --- Ciemny motyw automatycznie ---

/* --- Druk --- */
@media print{
  body{ background: #fff; }
  .regulamin{ margin: 0; max-width: 100%; }
  .regulamin__hero, .section, .toc{
    box-shadow: none;
    border: 1px solid #d8d8d8;
    page-break-inside: avoid;
  }

}
#non-visible-form{
    display:none;
}