/* The legal pages wear Flight Board's clothes and carry Carreh's words. */
body.legal{background:var(--paper);color:var(--ink)}
/* ⛔ THE HEADER STAYS DARK, SO ITS WORDS MUST STAY LIGHT. body.legal sets the
   page ink to near-black for the document; without this the brand in the dark
   header inherited it and read as grey on black. */
body.legal header{background:var(--board-bg);color:var(--paper)}
body.legal header .brand span{color:var(--paper)}
body.legal header .brand small{color:var(--ink-40)}
body.legal header nav a{color:var(--ink-25)}
body.legal header nav a:hover{color:var(--paper)}
/* ⛔ THIS SHORTHAND WAS ZEROING .wrap's SIDE PADDING, so on a phone every legal
   document ran edge to edge with its first letter against the bezel. The measure
   still caps at 760px; the gutters come from the wrap's own token. */
.legal-body{padding:40px var(--wrap-pad,24px) 80px;max-width:760px}
.legal-body h1{font-size:34px;font-weight:700;letter-spacing:-.03em;margin:10px 0 6px}
.legal-body .note{
  background:var(--canvas);border-left:3px solid var(--yellow);
  padding:12px 14px;margin:16px 0 28px;font-size:14px;line-height:1.55;color:var(--ink-70);
}
.legal-body .note a{color:var(--yellow-on-light);font-weight:600}
.legal-body h2{font-size:20px;font-weight:700;margin:30px 0 8px;letter-spacing:-.02em}
.legal-body h3{font-size:16px;font-weight:600;margin:22px 0 6px}
.legal-body p,.legal-body li{font-size:15px;line-height:1.65;color:var(--ink-70);margin-bottom:10px}
.legal-body a{color:var(--yellow-on-light)}
.legal-body ul,.legal-body ol{padding-left:22px;margin-bottom:14px}
.legal-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.legal-body th,.legal-body td{border:1px solid var(--line-light);padding:9px;text-align:left}
body.legal footer{border-top:1px solid var(--line-light);color:var(--ink-50)}
/* Arabic and any other right-to-left language mirrors the whole document. */
[dir="rtl"] .legal-body{direction:rtl;text-align:right}
[dir="rtl"] .legal-body .note{border-left:0;border-right:3px solid var(--yellow)}
[dir="rtl"] .legal-body ul,[dir="rtl"] .legal-body ol{padding-left:0;padding-right:22px}