/* Face MD Research Institute — legal pages
   Palette + type match the main site: black / white / sand, Arial */

:root{
  --bg:#000;
  --fg:#fff;
  --dim:#a8a29a;
  --sand:#ddd6ce;
  --line:rgba(221,214,206,.18);
  --max: 720px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body{line-height:1.55;font-size:16px}
a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--sand)}
a:hover{text-decoration-color:var(--fg)}
a:focus-visible{outline:2px solid var(--sand);outline-offset:3px}

.wrap{max-width:var(--max);margin:0 auto;padding:48px 24px 96px}

header.legal-top{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px;border-bottom:1px solid var(--line);
  position:sticky;top:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);z-index:10;
}
header.legal-top a.brand{
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;
  text-decoration:none;color:var(--fg)
}
header.legal-top .lang{display:flex;gap:6px;align-items:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
header.legal-top .lang button{
  background:none;border:none;color:var(--dim);cursor:pointer;
  font:inherit;padding:4px 6px;letter-spacing:.2em;text-transform:uppercase
}
header.legal-top .lang button.on{color:var(--fg)}
header.legal-top .lang .sep{color:var(--line)}

.eyebrow{
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--sand);
  margin:0 0 12px
}
h1{
  font-size:32px;line-height:1.15;letter-spacing:-.01em;
  text-transform:uppercase;margin:0 0 8px
}
.updated{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0 0 40px}

h2{
  font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand);
  margin:44px 0 12px;padding-top:24px;border-top:1px solid var(--line)
}
h2:first-of-type{border-top:none;padding-top:0}

p{margin:0 0 14px;color:var(--fg)}
ul{margin:0 0 14px;padding-left:20px}
li{margin:0 0 6px}
.small{font-size:13px;color:var(--dim)}

.footer-back{
  margin-top:56px;padding-top:24px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)
}
.footer-back a{color:var(--dim);text-decoration-color:var(--line)}

[hidden]{display:none!important}

@media (max-width:520px){
  h1{font-size:26px}
  .wrap{padding:32px 20px 72px}
}