/* Ravisant Health — document pages. Palette is the brand palette, no additions. */
:root{
  --navy:#15324F; --deep:#0E2840; --blue:#1F6FB2; --blue-mid:#2F86C4;
  --blue-lt:#7FB2DA; --blue-pale:#9FC4E0; --tint:#E9F2FB;
  --gold:#C9A227; --gold-dk:#7E6312; --gold-lt:#DCBB48;
  --gray:#606060; --white:#fff; --ink:#0A1E31;
  --sans:"Helvetica Neue",Helvetica,Arial,"Segoe UI",system-ui,sans-serif;
  --max:920px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--deep);color:var(--white);
  font-size:17px;line-height:1.68;letter-spacing:.005em;-webkit-font-smoothing:antialiased}
::selection{background:var(--gold);color:var(--deep)}
a{color:var(--blue-lt);text-decoration:none;border-bottom:1px solid rgba(127,178,218,.4)}
a:hover{color:var(--gold-lt);border-bottom-color:var(--gold-lt)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:var(--deep);
  padding:12px 20px;font-weight:700;z-index:99;border:0}
.skip:focus{left:12px;top:12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}

header{background:var(--deep);border-bottom:1px solid rgba(201,162,39,.24);
  position:sticky;top:0;z-index:40}
header nav{max-width:1180px;margin:0 auto;padding:14px 28px;display:flex;
  align-items:center;gap:20px;justify-content:space-between}
header .brand{border:0;display:flex;align-items:center}
header .brand img{width:186px;height:auto;display:block}
@media(max-width:760px){header .brand img{width:142px}}
.langs{display:flex;gap:0;border:1px solid rgba(201,162,39,.45);border-radius:3px;overflow:hidden}
.langs button{background:transparent;border:0;color:var(--blue-pale);font-family:inherit;
  font-size:12.5px;font-weight:700;letter-spacing:.1em;padding:7px 13px;cursor:pointer}
.langs button+button{border-left:1px solid rgba(201,162,39,.35)}
.langs button.on{background:var(--gold);color:var(--deep)}

.doc{padding:76px 0 90px}
.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold);margin-bottom:18px}
h1{font-size:clamp(30px,4.6vw,46px);line-height:1.13;font-weight:700;letter-spacing:-.018em}
h2{font-size:clamp(20px,2.5vw,26px);line-height:1.25;font-weight:700;margin:52px 0 16px;
  letter-spacing:-.01em;color:var(--white)}
h3{font-size:17px;font-weight:700;margin:30px 0 8px;color:var(--blue-pale);
  letter-spacing:.04em;text-transform:uppercase}
p{margin:0 0 16px;color:rgba(255,255,255,.9)}
.lede{font-size:19.5px;color:var(--blue-pale);margin:22px 0 8px;line-height:1.6}
ul{margin:0 0 18px 0;padding:0;list-style:none}
li{position:relative;padding-left:24px;margin-bottom:11px;color:rgba(255,255,255,.9)}
li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:1px;background:var(--gold)}
dl{margin:0 0 18px}
dt{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin-top:20px}
dd{margin:3px 0 0;color:rgba(255,255,255,.92)}
.rule{height:1px;background:rgba(201,162,39,.28);margin:44px 0;border:0}
.note{border-left:2px solid var(--gold);padding:4px 0 4px 20px;margin:26px 0;
  color:var(--blue-pale);font-size:16px}
.updated{font-size:13.5px;color:var(--blue-pale);opacity:.8;letter-spacing:.04em;margin-top:10px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;
  background:rgba(255,255,255,.07);padding:1px 6px;border-radius:3px}

footer{background:var(--navy);border-top:1px solid rgba(201,162,39,.24);padding:40px 0 46px;
  margin-top:20px}
footer .fnav{display:flex;flex-wrap:wrap;gap:8px 26px;margin-bottom:22px}
footer .fnav a{font-size:14px;color:var(--blue-pale);border:0}
footer .fnav a:hover{color:var(--gold-lt)}
footer p{font-size:13.5px;color:var(--blue-pale);opacity:.82;margin:0 0 6px}

@media print{
  body{background:#fff;color:#000;font-size:11pt}
  header,.langs,.skip{display:none}
  a{color:#000;border:0} h1,h2,p,li,dd{color:#000}
  .eyebrow,h3,dt{color:#7E6312} .lede,.note,footer p{color:#333}
  footer{background:#fff;border-top:1px solid #999}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}}