/* Rondeo legal pages, on the landing page's brand (site.css, ADR-0073): Manrope from /fonts, the grey ramp, rows on lines. */
@font-face{font-family:"Manrope";src:url("/fonts/manrope_medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/fonts/manrope_semibold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/fonts/manrope_bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/fonts/manrope_extrabold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
:root{
  --ground:#ffffff;--surface:#f5f5f7;--surface-track:#ebebee;
  --line:#dadae0;--line-strong:#bdbdc6;
  --ink:#0b0b0d;--ink-2:#505059;--muted:#686872;
  --accent:#c8f03c;--on-accent:#0b0b0d;
  --warn-fg:#b54708;--focus:#0b0b0d;
  --sans:"Manrope",system-ui,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0b0b0d;--surface:#151518;--surface-track:#242429;
  --line:#38383f;--line-strong:#505059;
  --ink:#ffffff;--ink-2:#bdbdc6;--muted:#94949e;
  --warn-fg:#fdb022;--focus:#ffffff;color-scheme:dark}}
:root[data-theme="dark"]{
  --ground:#0b0b0d;--surface:#151518;--surface-track:#242429;
  --line:#38383f;--line-strong:#505059;
  --ink:#ffffff;--ink-2:#bdbdc6;--muted:#94949e;
  --warn-fg:#fdb022;--focus:#ffffff;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ground);color:var(--ink);font-family:var(--sans);font-weight:500;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
b,strong,th{font-weight:700}
a{color:inherit;text-decoration-thickness:1.5px;text-decoration-color:var(--line-strong);text-underline-offset:3px}
a:hover{text-decoration-color:var(--ink)}
a:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}

/* header and footer, as on the landing page */
.site-head{background:var(--ground);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:36px;height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand svg{flex:none}
.wordmark{font-weight:800;letter-spacing:-.03em;text-transform:uppercase;font-size:26px;line-height:1}
.site-head nav{margin-left:auto;display:flex;gap:28px;font-size:15px;font-weight:600;color:var(--ink-2)}
.site-head nav a{text-decoration:none;color:inherit}
.site-head nav a:hover,.site-head nav a[aria-current]{color:var(--ink)}
.site-foot{border-top:1px solid var(--line);padding:40px 0 calc(48px + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:14px;font-weight:600}
.site-foot .wrap{display:flex;flex-wrap:wrap;gap:12px 28px}
.site-foot a{text-decoration:none}
.site-foot a:hover{color:var(--ink);text-decoration:underline}

/* the page */
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
main.wrap{padding-top:48px;padding-bottom:80px}
h1{font-weight:800;letter-spacing:-.03em;font-size:clamp(36px,7vw,56px);line-height:1}
.meta{margin-top:16px;color:var(--muted);font-size:15px;font-weight:600}
.draft{margin-top:28px;background:var(--surface-track);color:var(--warn-fg);border-radius:12px;padding:14px 16px;font-size:15px}
.summary{margin-top:32px;background:var(--surface);border-radius:16px;padding:24px}
.summary h2{margin-top:0;border-top:0;padding-top:0;font-size:13px;line-height:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.summary ul{margin-top:12px}
.toc{margin-top:32px}
.toc ol{padding-left:22px;columns:2;column-gap:32px;font-size:15px;font-weight:600;color:var(--ink-2)}
.toc a{text-decoration:none}
.toc a:hover{color:var(--ink);text-decoration:underline}
@media (max-width:560px){.toc ol{columns:1}.site-head .wrap{gap:16px}.site-head nav{gap:14px;font-size:14px}}
@media (max-width:420px){.site-head .wordmark{display:none}}
h2{font-weight:800;letter-spacing:-.02em;font-size:24px;line-height:28px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:16px}
h3{font-size:17px;font-weight:800;margin-top:24px}
p,ul,ol,table{margin-top:12px}
ul,ol{padding-left:22px}
li+li{margin-top:6px}
.ph{background:var(--accent);color:var(--on-accent);border-radius:4px;padding:0 4px;font-weight:700}
.table-wrap{overflow-x:auto;margin-top:16px}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
th{border-bottom-color:var(--ink)}
tr > :first-child{padding-left:0}
tr > :last-child{padding-right:0}
