/* Shared LP typography. Do not import the legacy page layout in style.css. */
.lp-nowrap {
  white-space: nowrap;
}

.lp-mobile-break {
  display: none;
}

.lp-footer {
  color: #d0d0d0;
}

.lp-footer p.max-w-sm {
  color: #b8b8b8;
  font-size: 13px;
  font-weight: 400;
}

.lp-footer ul {
  color: #d0d0d0;
  font-size: 14px;
  font-weight: 400;
}

.lp-footer a:hover,
.lp-footer a:focus-visible {
  color: #c6a87c;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.lp-footer a:focus-visible {
  outline: 2px solid #c6a87c;
  outline-offset: 4px;
}

.lp-footer > div:last-child {
  color: #999;
  font-size: 12px;
}

/* Legal pages keep one canonical body. `?view=reader` only changes presentation. */
html[data-legal-reader="true"],
html[data-legal-reader="true"] body {
  background: var(--reader-bg, #000);
}

html[data-legal-reader="true"] body > header,
html[data-legal-reader="true"] body > footer {
  display: none;
}

html[data-legal-reader="true"] body > main {
  padding-top: 0;
}

html[data-legal-reader="true"] body > main > div {
  max-width: 48rem;
  min-height: auto;
  padding: 24px 20px 48px;
  font-size: 15px;
  line-height: 1.9;
}

html[data-legal-reader="true"] body > main h1 {
  margin-bottom: 32px;
  padding-bottom: 16px;
  font-size: 1.25rem;
}

html[data-legal-reader="true"] a:focus-visible {
  outline: 2px solid #c6a87c;
  outline-offset: 4px;
}

@media (max-width: 767px) {
  .lp-mobile-break {
    display: initial;
  }

  .lp-footer > div:last-child p {
    text-align: center;
    text-wrap: balance;
  }

  html[data-legal-reader="true"] body > main > div {
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    text-align: left;
  }
}

/* Reader presentation is shared by all three canonical legal documents. */
html[data-legal-reader-theme] {
  --reader-bg: #18151e;
  --reader-text: #eeeaf2;
  --reader-muted: #bdb5c8;
  --reader-border: #595160;
  --reader-panel: #25202d;
  --reader-accent: #e5c58e;
  color-scheme: dark;
}
html[data-legal-reader-theme="light"] {
  --reader-bg: #fff;
  --reader-text: #282330;
  --reader-muted: #625a6b;
  --reader-border: #d5cfde;
  --reader-panel: #f5f2f8;
  --reader-accent: #73531b;
  color-scheme: light;
}
html[data-legal-reader-theme] body > main,
html[data-legal-reader-theme] body > main > div {
  background: var(--reader-bg);
  color: var(--reader-text);
}
html[data-legal-reader-theme] main :is(h1, h2, h3, strong, dd, p, li) {
  color: var(--reader-text);
}
html[data-legal-reader-theme] main :is(dt, [class*="text-[#"]) {
  color: var(--reader-muted);
}
html[data-legal-reader-theme] main :is(h1, h2, h3, dd, strong)[class] {
  color: var(--reader-text);
}
html[data-legal-reader-theme] main [class*="border"] {
  border-color: var(--reader-border);
}
html[data-legal-reader-theme] main :is([class^="bg-[#"], [class*=" bg-[#"], [class*="hover:bg"]:hover) {
  background: var(--reader-panel);
}
html[data-legal-reader-theme] main :is(a, .text-gold) {
  color: var(--reader-accent);
}
html[data-legal-reader-theme] a:focus-visible {
  outline-color: var(--reader-accent);
}
html[data-legal-reader-theme] ::-webkit-scrollbar-track {
  background: var(--reader-bg);
}
html[data-legal-reader-theme] ::-webkit-scrollbar-thumb {
  background: var(--reader-muted);
}