/* Jedna kolumna, baner w całości i dziewięć zasad. */
.rules-page main { max-width: 960px; }
.rules-back { color: #999; font-size: 13px; padding: 10px 0; }
.rules-back:hover { color: #fff; }
.rules-link[aria-current] { border-color: #777; background: #202020; }
.rules-document { overflow: hidden; border: 1px solid #303030; border-radius: 16px; background: #111; }
.rules-banner { display: block; width: 100%; height: auto; }
.rules-document-body { padding: 28px 36px 12px; scroll-margin-top: 25px; }
.rules-description { color: #999; font-size: 14px; line-height: 1.7; padding-bottom: 24px; border-bottom: 1px solid #2b2b2b; }
.rules-section { padding-top: 26px; margin-bottom: 16px; scroll-margin-top: 25px; }
.rules-section-heading h2 { font-size: 23px; line-height: 1.3; letter-spacing: -.5px; font-weight: 600; }
.rules-section-heading p { color: #888; font-size: 12px; margin-top: 6px; }
.rules-list { list-style: none; padding: 0; margin: 18px 0 0; }
.rule { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; padding: 18px 0; border-bottom: 1px solid #282828; }
.rule:last-child { border-bottom: 0; }
.rule-number { color: #777; font-size: 12px; line-height: 1.6; padding-top: 2px; }
.rule h3 { font-size: 16px; font-weight: 600; line-height: 1.5; }
.rule p { color: #a3a3a3; font-size: 14px; line-height: 1.8; margin-top: 8px; overflow-wrap: anywhere; }
.rules-page .site-footer { margin-top: 36px; }
@media (max-width: 600px) {
  .rules-back { font-size: 11px; }
  .rules-page .header-actions { gap: 10px; }
  .rules-document-body { padding: 20px 20px 6px; }
  .rules-description { font-size: 13px; padding-bottom: 18px; }
  .rules-section { padding-top: 22px; }
  .rules-section-heading h2 { font-size: 20px; }
  .rule { grid-template-columns: 22px minmax(0, 1fr); gap: 9px; padding: 16px 0; }
  .rule h3 { font-size: 15px; }
  .rule p { font-size: 13px; line-height: 1.8; }
}
@media (max-width: 380px) { .rules-page .brand-icon { display: none; } .rules-page .brand { font-size: 16px; } }