/* Strony prawne: regulamin usługi i warunki korzystania. */
body { background: var(--bg, #f4f5f6); color: var(--fg); }
.rg-top { background: var(--ink); color: #f3f1eb; padding: 22px 16px 34px; }
.rg-top-in { max-width: 860px; margin: 0 auto; }
.rg-top a.sp-brand { font-size: 26px; color: #f3f1eb; text-decoration: none; }
.rg-top h1 { font-size: clamp(34px, 6vw, 52px); margin: 34px 0 8px; line-height: 1.05; }
.rg-top p { margin: 0; color: rgba(243, 241, 235, .72); font-size: 15px; }
.rg { max-width: 860px; margin: 0 auto; padding: 28px 16px 40px; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 40px; align-items: start; }
.rg-toc { position: sticky; top: 18px; font-size: 14px; }
.rg-toc b { display: block; font-family: var(--display); font-size: 15px; margin-bottom: 8px; }
.rg-toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.rg-toc a { color: var(--fg-2); text-decoration: none; display: block; padding: 3px 0; }
.rg-toc a:hover { color: var(--fg); text-decoration: underline; }
.rg-body { max-width: 68ch; font-size: 16px; line-height: 1.62; }
.rg-body section { scroll-margin-top: 16px; padding-bottom: 6px; }
.rg-body h2 { font-size: 26px; margin: 34px 0 10px; line-height: 1.15; }
.rg-body section:first-child h2 { margin-top: 0; }
.rg-body h2 span { color: var(--muted); font-weight: 500; margin-right: 6px; }
.rg-body ol, .rg-body ul { padding-left: 1.4em; margin: 8px 0 14px; }
.rg-body li { margin: 4px 0; }
.rg-body li > ol { margin: 4px 0; list-style: lower-alpha; }
.rg-body p { margin: 8px 0 14px; }
.rg-body dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 8px 0 16px; }
.rg-body dt { font-weight: 600; }
.rg-body dd { margin: 0; }
.rg-body a { color: var(--navigator-dark, var(--navigator)); }
.rg-body table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 10px 0 16px; }
.rg-body th, .rg-body td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--line); }
.rg-body th { font-weight: 600; color: var(--fg-2); background: var(--surface-2); }
.rg-body code { font-family: var(--mono); font-size: .92em; background: var(--surface-2); padding: 1px 5px; border-radius: 4px; }
.fill { background: rgba(201, 165, 100, .22); border-radius: 3px; padding: 0 3px; }
.rg-foot { max-width: 860px; margin: 0 auto; padding: 0 16px 30px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rg-foot a { color: var(--fg-2); }
.rg-scroll { overflow-x: auto; }
@media (max-width: 760px) {
  .rg { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .rg-body table, .rg-body tbody, .rg-body tr, .rg-body td { display: block; }
  .rg-body thead { display: none; }
  .rg-body tr { border: 1px solid var(--line); border-radius: 8px; padding: 6px 0; margin-bottom: 10px; background: var(--surface); }
  .rg-body td { border: 0; padding: 4px 12px; display: grid; grid-template-columns: 7.5em minmax(0, 1fr); gap: 10px; }
  .rg-body td::before { content: attr(data-l); color: var(--muted); font-weight: 600; }
  .rg-toc { position: static; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; }
  .rg-toc ol { grid-template-columns: 1fr 1fr; }
  .rg-body dl { grid-template-columns: 1fr; gap: 2px; }
  .rg-body dd { margin-bottom: 8px; }
}
@media print {
  .rg-top { background: none; color: #000; padding: 0 0 12px; }
  .rg-top a.sp-brand, .rg-top p { color: #000; }
  .rg { display: block; padding: 0; }
  .rg-toc, .rg-foot a.back { display: none; }
  .fill { background: none; border-bottom: 1px dotted #000; }
}
.rg-docs { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 26px; }
.rg-docs a { color: rgba(243, 241, 235, .78); text-decoration: none; font-size: 14px; padding: 7px 14px; border: 1px solid rgba(243, 241, 235, .28); border-radius: 999px; }
.rg-docs a:hover { color: #f3f1eb; border-color: rgba(243, 241, 235, .6); }
.rg-docs a[aria-current="page"] { color: var(--ink); background: #f3f1eb; border-color: #f3f1eb; font-weight: 600; }
.rg-top h1 { margin-top: 22px; }
.rg-contact { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; margin: 0 0 26px; font-size: 15px; line-height: 1.55; }
.rg-contact b { display: block; font-family: var(--display); font-size: 17px; margin-bottom: 2px; }
@media print { .rg-docs { display: none; } }