/* WholeRecord — legal pages (privacy, terms). Palette mirrors index.html :root. */
:root{
  --cream:#FAF3E7;--creamd:#F0E6D2;--card:#FFF8EC;--aub:#3D2842;--aub-deep:#33213A;
  --plum:#5C405F;--terra:#D87654;--terra-deep:#C9653F;--line:#E1D6C4;--cream-soft:#D4C9BD;
  --shadow-s:0 1px 2px rgba(61,40,66,.05),0 4px 14px rgba(61,40,66,.05);
  --ring:0 0 0 3px rgba(216,118,84,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:#fff;color:var(--aub);font-family:'Inter',system-ui,sans-serif;line-height:1.68;font-size:16.5px;-webkit-font-smoothing:antialiased}
::selection{background:rgba(216,118,84,.25)}
a{color:var(--terra-deep);text-decoration:underline;text-decoration-color:rgba(216,118,84,.5);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--aub)}
a:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}

/* nav */
/* The sticky top bar. SCOPED to a direct child of body on purpose: as a bare
   `nav{}` rule it also hit the footer's <nav> of legal links, painting a white
   sticky bar behind cream text — an invisible white box, which is exactly how
   the founder found it on 2026-08-21. */
body > nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-bottom:2px solid var(--aub)}
.nav-in{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:20px clamp(20px,4.5vw,44px)}
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.brand img{height:30px;width:auto}
.brand .wm{font-weight:700;letter-spacing:-.02em;font-size:21px;color:var(--aub)}
.nav-in .back{margin-left:auto;font-size:15px;font-weight:500;color:var(--plum);text-decoration:none}
.nav-in .back:hover{color:var(--aub)}

/* layout */
main{max-width:760px;margin:0 auto;padding:clamp(40px,7vw,72px) clamp(20px,4.5vw,44px) 40px}
.doc-head{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:30px}
h1{font-weight:700;line-height:1.14;letter-spacing:-.02em;font-size:clamp(28px,4vw,40px)}
.updated{margin-top:12px;font-size:14.5px;color:var(--plum)}
h2{font-weight:700;line-height:1.2;letter-spacing:-.01em;font-size:clamp(19px,2.4vw,23px);margin:38px 0 10px;padding-top:6px}
h3{font-weight:700;font-size:16.5px;margin:22px 0 6px}
p{margin:12px 0;text-wrap:pretty}
ul,ol{margin:12px 0 12px 22px}
li{margin:7px 0}
strong,b{color:var(--aub)}
hr{border:none;border-top:1px solid var(--line);margin:34px 0}

/* the "short version" callout */
.callout{background:var(--card);border:1px solid rgba(61,40,66,.08);border-left:4px solid var(--terra);border-radius:14px;padding:22px 26px;margin:24px 0;box-shadow:var(--shadow-s)}
.callout h2{margin-top:0}
.callout ul{margin-bottom:0}

/* the plain-English "in short" line inside terms */
.inshort{color:var(--plum);font-style:italic;font-size:15px;border-left:2.5px solid var(--line);padding-left:14px;margin:10px 0 4px}

/* tables */
.tbl-wrap{overflow-x:auto;margin:18px 0}
table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid rgba(61,40,66,.08);border-radius:14px;overflow:hidden;font-size:14.5px}
th{background:var(--aub);color:var(--cream);font-weight:700;text-align:left;padding:12px 14px;font-size:13.5px}
td{padding:11px 14px;border-top:1px solid rgba(61,40,66,.08);color:var(--plum);vertical-align:top}
td strong{color:var(--aub)}

/* a soft note box for the "out of scope / adviser" flags */
.note{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:18px 0;font-size:14.5px;color:var(--plum)}

/* footer */
footer{background:linear-gradient(180deg,var(--aub) 0%,var(--aub-deep) 100%);color:var(--cream-soft);margin-top:56px}
.foot-in{max-width:1080px;margin:0 auto;padding:34px clamp(20px,4.5vw,44px)}
.foot-links{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:16px}
.foot-links a{color:var(--cream);text-decoration:none;font-size:14.5px}
.foot-links a:hover{color:#fff;text-decoration:underline}
.boundary{font-size:13.5px;max-width:70ch;line-height:1.6}
.smallprint{font-size:12.5px;margin-top:12px;opacity:.75}

/* the documents' own plain-English summary lines (italic paragraphs) */
p.plain{color:var(--plum);font-style:italic;font-size:15px;border-left:2.5px solid var(--line);padding-left:14px;margin:12px 0}
code{background:var(--cream);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:.92em}
h2{margin:32px 0 10px;font-size:clamp(20px,2.4vw,25px);font-weight:700;letter-spacing:-.01em;line-height:1.25}
h3{margin:24px 0 8px;font-size:18px;font-weight:700}