/* ===============================================
   POLISH - TEXT PAGES (Policies, Disclaimer, Provably Fair, ...)
   A light retouch loaded AFTER the page's own CSS. Looks only: no sizes of the
   page frame change. To go back to the old look, remove this one <link>.
   Class names end the same way on every text page (policy-, disclaimer-, pf-,
   faq-, ...), so the attribute selectors below fit all of them.
   =============================================== */

/* Title: brighter than the old dark red, with a short green accent line. */
h1[class$="-title-d"],
h1[class$="-title-p"] {
  color: #ececec;
  letter-spacing: 0.04em;
  text-shadow: 0 0 18px rgba(0, 255, 146, 0.18), 0 1px 1px rgba(0, 0, 0, 0.6);
}

h1[class$="-title-d"]::after,
h1[class$="-title-p"]::after {
  content: '';
  display: block;
  width: 72px;
  height: 2px;
  margin-top: 14px;
  border-radius: 2px;
  background: linear-gradient(90deg, #00ff92, rgba(0, 255, 146, 0));
  box-shadow: 0 0 10px rgba(0, 255, 146, 0.55);
}

/* The reading area becomes a soft dark panel. */
main[class$="-body"] [class$="-scroll"] {
  background: linear-gradient(180deg, rgba(10, 10, 10, 0.82), rgba(5, 5, 5, 0.82));
  border: 1px solid rgba(205, 205, 205, 0.09);
  border-left: 2px solid rgba(255, 0, 90, 0.35);
  border-radius: 4px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.55), inset 0 0 18px rgba(205, 205, 205, 0.03);
}

main[class$="-body"] [class$="-scroll-inner"] {
  padding: 18px 12px 18px 22px;
  gap: 12px;
}

/* Easier reading: left aligned (justified monospace leaves wide holes), more air. */
[class$="-content"] {
  color: #d6d6d6;
  text-align: left;
  line-height: 1.7;
}

[class$="-text"],
[class$="-text-bold"],
[class$="-blank"] {
  margin-bottom: 6px;
}

[class$="-heading"] {
  margin: 14px 0 8px;
  padding-bottom: 5px;
  letter-spacing: 0.02em;
  border-bottom: 1px solid rgba(0, 255, 146, 0.16);
}

[class$="-content"] > :first-child {
  margin-top: 0;
}

[class$="-list"] {
  margin-bottom: 8px;
}

[class$="-list"] li {
  margin-bottom: 3px;
}

/* A clearer custom scrollbar. */
[class$="-scrollbar-track"] {
  width: 6px;
  padding: 4px 1.5px;
  border-radius: 3px;
  background: rgba(205, 205, 205, 0.06);
}

[class$="-scrollbar-thumb"] {
  width: 3px;
  border-radius: 2px;
  filter: none;
  box-shadow: 0 0 8px rgba(0, 255, 146, 0.65);
}

@media (max-width: 768px) {
  /* A long title (Policies, Code Is Law) was cut off on narrow phones: let it wrap. */
  h1[class$="-title-p"] {
    white-space: normal;
    font-size: 26px;
    line-height: 1.2;
    text-wrap: balance;
  }

  h1[class$="-title-p"]::after {
    width: 56px;
    margin-top: 10px;
  }

  main[class$="-body"] [class$="-scroll-inner"] {
    padding: 14px 8px 14px 14px;
    gap: 8px;
  }

  [class$="-content"] {
    line-height: 1.65;
  }
}