:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; background: #09090b; color: #ededf0; }
* { box-sizing: border-box; }
body { margin: 0; }
.legal-document { width: min(100% - 40px, 800px); margin: 0 auto; padding: 24px 0 56px; font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
a { color: #c1b8ff; text-underline-offset: 4px; }
a:hover { color: #fff; }
a:focus-visible, .table-scroll:focus-visible { outline: 2px solid #c1b8ff; outline-offset: 4px; }
.legal-nav, footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding: 12px 0; }
.legal-nav { border-bottom: 1px solid #303036; margin-bottom: 40px; }
.legal-nav a, footer a { display: inline-flex; align-items: center; min-height: 44px; }
.eyebrow { color: #aaa6bc; font-size: 11px; letter-spacing: .14em; }
h1 { font-size: clamp(30px, 5vw, 46px); line-height: 1.12; letter-spacing: -.035em; margin: 12px 0 20px; }
h2 { font-size: 23px; line-height: 1.3; margin: 40px 0 16px; scroll-margin-top: 24px; }
p, ul, dl { margin: 12px 0; }
li + li { margin-top: 10px; }
ul { padding-left: 24px; }
.version { color: #a2a2ad; }
.draft-notice { margin: 28px 0; padding: 18px 20px; border-left: 3px solid #c9b178; background: #1c1912; }
.draft-notice p { margin-bottom: 0; }
.needs-input { color: #dcc38f; padding-left: 12px; border-left: 2px solid #77694d; }
dt { color: #a2a2ad; font-size: 14px; margin-top: 16px; }
dd { margin: 4px 0 0; }
code { font-size: .9em; color: #d5cfed; }
.table-scroll { overflow-x: auto; }
table { width: 100%; min-width: 620px; border-collapse: collapse; text-align: left; font-size: 14px; line-height: 1.55; }
th, td { vertical-align: top; padding: 12px; border: 1px solid #303036; }
th { background: #19191e; }
footer { margin-top: 40px; border-top: 1px solid #303036; font-size: 14px; }
@media (max-width: 480px) { .legal-document { width: calc(100% - 32px); } h2 { font-size: 21px; } .legal-nav { margin-bottom: 28px; } }


/* Shared native scrollbars: viewport, dialogs and nested scrolling regions. */
:root {
  --scroll-thumb: var(--accent, #f03a85);
  --scroll-thumb-hover: #ff78ad;
  --scroll-thumb-active: #ff98bf;
  --scroll-track: #151418;
}
* { scrollbar-width: thin; scrollbar-color: var(--scroll-thumb) var(--scroll-track); }
/* Rounded Chromium/WebKit styling; standard properties remain the fallback. */
@supports selector(::-webkit-scrollbar) {
  * { scrollbar-width: auto; scrollbar-color: auto; }
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: var(--scroll-track); border-radius: 999px; }
  ::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
    border: 2px solid var(--scroll-track);
    border-radius: 999px;
    min-height: 36px;
    min-width: 36px;
  }
  ::-webkit-scrollbar-thumb:hover { background: var(--scroll-thumb-hover); }
  ::-webkit-scrollbar-thumb:active { background: var(--scroll-thumb-active); }
  ::-webkit-scrollbar-corner { background: var(--scroll-track); }
}
/* Respect the operating system's high-contrast palette. */
@media (forced-colors: active) {
  * { scrollbar-width: auto; scrollbar-color: auto; }
  ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: Canvas; }
  ::-webkit-scrollbar-thumb,
  ::-webkit-scrollbar-thumb:hover,
  ::-webkit-scrollbar-thumb:active { background: ButtonText; border-color: Canvas; }
}