/* Projeo legal stylesheet - shared by Privacy Policy and Terms of Service pages. */
*{margin:0;padding:0;box-sizing:border-box;}

:root{
  --paper:#F7F6F2;
  --ink:#22303C;
  --mulberry:#7A2E53;
  --panelwhite:#FFFFFF;
  --rule:#E2DFD6;
  --heading:#5E2850;
  --neutral:#55606C;
  --railbg:#0F1E2B;
}

body{
  background-color:var(--paper);
  color:var(--ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.75;
  overflow-x:hidden;
}

/* scope isolation: content sections must never inherit stray themed fills */
.legal-page .legal-content section{
  background-color:transparent !important;
  color:var(--ink);
  border-top:3px solid var(--rule);
  margin-top:6px;
  padding-top:26px;
}

a{color:var(--mulberry);}
a:hover{color:var(--heading);}

.skip{
  position:absolute;
  left:-999px;
  top:0;
  background-color:var(--mulberry);
  color:var(--panelwhite);
  padding:8px 14px;
  text-decoration:none;
}
.skip:focus{left:0;}

/* header block */
.sheethead{
  background-color:var(--railbg);
  padding:30px 0 40px;
  border-bottom:10px solid var(--mulberry);
}
.sheethead-in{max-width:1100px;margin:0 auto;padding:0 24px;}
.legal-brand{
  color:var(--panelwhite);
  font-family:Verdana,"Trebuchet MS",sans-serif;
  font-weight:800;
  letter-spacing:4px;
  text-decoration:none;
  font-size:20px;
  display:inline-block;
  background-color:var(--mulberry);
  padding:4px 12px;
  margin-bottom:26px;
}
.sheethead h1{
  color:var(--panelwhite);
  font-family:Verdana,"Trebuchet MS",sans-serif;
  font-size:44px;
  font-weight:800;
  line-height:1.1;
  margin-bottom:14px;
  letter-spacing:-1px;
}
.sheethead .lead{color:#DDE5EB;font-size:19px;max-width:820px;}

/* two column shell */
.legal-shell{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  gap:42px;
  align-items:flex-start;
  padding-top:42px;
}

/* table of contents */
.legal-toc{
  flex:0 0 270px;
  position:sticky;
  top:20px;
  background-color:var(--panelwhite);
  border:1px solid var(--rule);
  border-left:6px solid var(--mulberry);
  padding:22px 20px;
}
.toc-title{
  font-family:Verdana,"Trebuchet MS",sans-serif;
  font-weight:800;
  color:var(--heading);
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:12px;
}
.legal-toc ol{list-style:none;counter-reset:item;}
.legal-toc li{
  counter-increment:item;
  margin-bottom:8px;
  border-bottom:1px dotted var(--rule);
  padding-bottom:2px;
}
.legal-toc a{
  text-decoration:none;
  color:var(--neutral);
  font-family:Verdana,"Trebuchet MS",sans-serif;
  font-size:13.5px;
  line-height:1.5;
  display:inline;
}
.legal-toc a:hover{color:var(--mulberry);}
.legal-toc li::before{
  content:counter(item,decimal-leading-zero);
  color:var(--mulberry);
  font-family:Verdana,sans-serif;
  font-size:11px;
  margin-right:6px;
}

/* content */
.legal-content{flex:1 1 auto;min-width:0;}
.legal-content .updated{
  font-style:italic;
  color:var(--neutral);
  border-bottom:2px solid var(--rule);
  padding-bottom:10px;
}
.legal-content .backtop{margin:10px 0 30px;font-family:Verdana,sans-serif;font-size:14px;}
.legal-content section h2{
  font-family:Verdana,"Trebuchet MS",sans-serif;
  font-size:24px;
  font-weight:800;
  color:var(--heading);
  margin-bottom:12px;
}
.legal-content section p{margin-bottom:1em;}
.legal-content section address{
  font-style:normal;
  color:var(--ink);
  background-color:var(--panelwhite);
  border-left:8px solid var(--mulberry);
  padding:14px 18px;
  margin:10px 0 14px;
  font-family:Verdana,sans-serif;
  line-height:1.8;
}
.legal-content section ul, .legal-content section ol{
  margin:0 0 1.2em 1.6em;
}

/* footer */
.legal-foot{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px 20px;
  text-align:center;
  padding-top:44px;
  padding-bottom:46px;
}
.legal-foot a{
  display:inline-block;
  background-color:var(--mulberry);
  color:var(--panelwhite);
  font-family:Verdana,"Trebuchet MS",sans-serif;
  text-decoration:none;
  padding:12px 22px;
  font-weight:700;
  letter-spacing:.5px;
}
.legal-foot a:hover{background-color:var(--heading);}
.legal-foot p{
  color:var(--neutral);
  font-size:13px;
  margin-top:16px;
}

@media (max-width:900px){
  .legal-shell{flex-direction:column;}
  .legal-toc{position:static;flex:1 1 auto;width:100%;}
  .sheethead h1{font-size:34px;}
}