/* ---- skip to content ---- */
/* --rl-on-accent: text colour ON the accent. The default suits a light accent only.
   A site whose accent is dark (in any theme) MUST set it per theme, or the first Tab
   stop is invisible: ETL card, light theme, measured 1.19:1 (ronit, 23.09). */
.rl-skip{position:absolute;right:-9999px;top:0;z-index:9999;background:var(--rl-accent);
  color:var(--rl-on-accent,#04121d);padding:.75rem 1.25rem;border-radius:0 0 0 10px;font-weight:700;text-decoration:none}
.rl-skip:focus{right:0}

/* ---- accessibility widget ---- */
.rl-a11y-btn{position:fixed;bottom:18px;inset-inline-start:18px;z-index:9998;width:52px;height:52px;
  border-radius:50%;border:2px solid var(--rl-accent);background:var(--rl-surface);color:var(--rl-accent);
  font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 18px rgba(0,0,0,.45);transition:transform .18s ease}
.rl-a11y-btn:hover{transform:scale(1.08)}
.rl-a11y-btn:focus-visible{outline:3px solid var(--rl-accent2);outline-offset:3px}

.rl-a11y-panel{position:fixed;bottom:82px;inset-inline-start:18px;z-index:9998;width:min(320px,calc(100vw - 36px));
  background:var(--rl-surface);border:1px solid rgba(255,255,255,.14);border-radius:var(--rl-radius);
  padding:1rem;box-shadow:0 12px 40px rgba(0,0,0,.55);display:none}
.rl-a11y-panel[data-open="true"]{display:block}
.rl-a11y-panel h2{font-size:1rem;margin:0 0 .75rem;color:var(--rl-accent)}
.rl-a11y-panel button.rl-opt{display:block;width:100%;text-align:start;margin:.3rem 0;padding:.55rem .7rem;
  background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:var(--rl-text);
  font-size:.92rem;cursor:pointer;font-family:inherit}
.rl-a11y-panel button.rl-opt:hover{border-color:var(--rl-accent);color:var(--rl-accent)}
.rl-a11y-panel button.rl-opt[aria-pressed="true"]{border-color:var(--rl-accent);color:var(--rl-accent);font-weight:700}
.rl-a11y-panel button.rl-opt:focus-visible{outline:3px solid var(--rl-accent2);outline-offset:2px}
.rl-a11y-panel .rl-reset{margin-top:.6rem;border-color:var(--rl-accent2);color:var(--rl-accent2)}

/* ---- user preference modes ---- */
html.rl-contrast body{background:#000!important;color:#fff!important}
html.rl-contrast a{color:#ffe600!important}
html.rl-gray{filter:grayscale(1)}
html.rl-links a{text-decoration:underline!important;font-weight:700!important}
html.rl-nomotion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.rl-readable body,html.rl-readable body *{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  letter-spacing:.4px!important}
html.rl-cursor,html.rl-cursor *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'><path d='M6 2 L6 32 L14 25 L19 37 L25 34 L20 23 L31 22 Z' fill='white' stroke='black' stroke-width='2'/></svg>") 4 2,auto!important}

/* ---- legal footer ---- */
.rl-footer{border-top:1px solid rgba(255,255,255,.12);margin-top:2.5rem;padding:1.6rem 1.2rem 2.2rem;
  text-align:center;font-size:.86rem;color:var(--rl-muted);line-height:2}
.rl-footer nav a{color:var(--rl-accent);text-decoration:none;margin:0 .35rem}
.rl-footer nav a:hover{text-decoration:underline}
.rl-footer .rl-credit a{color:var(--rl-muted);text-decoration:underline}
.rl-footer .rl-credit a:hover{color:var(--rl-accent)}

/* ---- generated legal page body ---- */
.rl-page{max-width:820px;margin:0 auto;padding:1.5rem 1.2rem 0}
.rl-page h1{font-size:1.9rem;color:var(--rl-accent);margin:.5rem 0 .3rem}
.rl-page .rl-updated{color:var(--rl-muted);font-size:.86rem;margin-bottom:1.6rem}
.rl-page h2{font-size:1.12rem;color:var(--rl-accent2);margin:1.9rem 0 .55rem}
.rl-page p,.rl-page li{font-size:1rem;line-height:1.85}
.rl-page ul{padding-inline-start:1.3rem;margin:.5rem 0}
.rl-page li{margin:.3rem 0}
.rl-draft{background:rgba(251,191,36,.12);border:1px solid var(--rl-accent2);color:var(--rl-accent2);
  border-radius:10px;padding:.7rem 1rem;font-size:.9rem;margin-bottom:1.4rem}
.rl-contact{background:var(--rl-surface);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--rl-radius);padding:1rem 1.2rem;margin:.8rem 0}
.rl-contact a{color:var(--rl-accent);text-decoration:none}
.rl-contact a:hover{text-decoration:underline}
.rl-back{display:inline-block;margin:2rem 0 .5rem;color:var(--rl-accent);text-decoration:none;font-weight:600}
.rl-back:hover{text-decoration:underline}
