/* ==========================================================================
   RankPay — strony tekstowe (regulamin, polityki), 404, hasło słownika
   ========================================================================== */

.pagebody { padding: 38px 0 78px; }

.content-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 42px; align-items: start; }
.content-layout-single { grid-template-columns: minmax(0, 900px); }
.content-main { min-width: 0; }

@media (max-width: 900px) {
  .content-layout { grid-template-columns: 1fr; }
  .content-layout .sidebar { grid-row: 1; }
}

/* --- TREŚĆ DOKUMENTÓW ----------------------------------------------------- */

.page-content { font-size: 16px; line-height: 1.7; }
.page-content > * + * { margin-top: 1em; }
.page-content p { margin-bottom: 0; }
.page-content h2 { font-size: 30px; margin-top: 32px; scroll-margin-top: 100px; }
.page-content h3 { margin-top: 1.4em; }
.page-content strong { color: var(--ink); }
.page-content a { color: #355d41; text-decoration: underline; text-underline-offset: 2px; }
.page-content ul,
.page-content ol { padding-left: 24px; }
.page-content li { margin: 10px 0; line-height: 1.7; }
.page-content li::marker { color: var(--green2); }
.page-content table { border-collapse: collapse; width: 100%; font-size: 14px; display: block; overflow-x: auto; }
.page-content th,
.page-content td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--line); }

/* --- 404 ------------------------------------------------------------------ */

.page404 { text-align: center; padding: 110px 0 60px; }
.page404 h1 { margin: 14px auto 18px; max-width: 760px; }
.page404 .lead { margin: 0 auto; }
.page404 .search-box { margin: 24px auto; }
.page404 .actions { justify-content: center; margin: 0; }

.archive-body { padding: 20px 0 78px; }
.error-heading { font-size: 30px; margin: 0 0 20px; }

@media (max-width: 680px) {
  .page404 { padding: 64px 0 40px; }
}