:root{
  --paper:#F7F3EA;
  --ink:#3A3630;
  --ink-soft:#45403A;
  --kraft:#8A6642;
  --tape:#C9A876;
  --stamp:#33302B;
  --label:#FFFDF8;
  --hairline:#E3DAC8;
}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

.legal-page{
  background-color:#F7F3EA;
  color:#3A3630;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.75;
  overflow-x:hidden;
}

.legal-page a{color:#8A6642;text-decoration:none;}
.legal-page a:hover{text-decoration:underline;}

/* scope isolation */
.legal-page .legal-content section{background-color:transparent !important;}

/* header */
.legal-page .legal-header{
  display:block;
  background-color:#33302B;
  padding:56px 24px 40px;
  text-align:center;
}
.legal-page .legal-header h1{
  font-size:40px;
  color:#FFFDF8;
  letter-spacing:1px;
}
.legal-page .legal-header .legal-sub{
  margin-top:12px;
  color:#C9A876;
  font-size:14px;
  letter-spacing:1px;
}

.legal-page .legal-content .container{
  max-width:820px;
  margin:0 auto;
  padding:0 24px;
}
.legal-page .legal-content{
  padding:48px 0 24px;
}

.legal-page .legal-meta{
  background-color:#FFFDF8;
  border:1px solid #E3DAC8;
  border-left:4px solid #8A6642;
  padding:22px 26px;
  margin-bottom:40px;
}
.legal-page .legal-meta p{color:#45403A;font-size:15px;}
.legal-page .legal-meta p strong{color:#3A3630;}

/* table of contents */
.legal-page .toc{
  background-color:#FFFDF8;
  border:1px solid #E3DAC8;
  padding:26px 30px;
  margin-bottom:44px;
}
.legal-page .toc h2{
  font-size:20px;
  color:#3A3630;
  margin-bottom:16px;
  border-bottom:2px solid #E3DAC8;
  padding-bottom:10px;
}
.legal-page .toc ol{
  list-style-position:inside;
  columns:2;
  column-gap:40px;
}
.legal-page .toc li{
  margin-bottom:8px;
  break-inside:avoid;
}
.legal-page .toc a{font-size:15px;}

.legal-page .legal-content h2{
  font-size:26px;
  color:#8A6642;
  margin:42px 0 16px;
  padding-bottom:10px;
  border-bottom:1px solid #E3DAC8;
}
.legal-page .legal-content h3{
  font-size:20px;
  color:#3A3630;
  margin:26px 0 10px;
}
.legal-page .legal-content p{
  color:#45403A;
  margin-bottom:16px;
  font-size:16px;
}
.legal-page .legal-content ul{
  margin:0 0 18px 26px;
  color:#45403A;
}
.legal-page .legal-content ul li{margin-bottom:8px;}
.legal-page .legal-content .highlight{
  background-color:#FFFDF8;
  border-left:4px solid #8A6642;
  padding:18px 22px;
  margin:22px 0;
}

/* footer */
.legal-page .legal-footer{
  background-color:#33302B;
  color:#B8B0A2;
  margin-top:48px;
  padding:44px 24px 40px;
  text-align:center;
}
.legal-page .legal-footer a{color:#FFFDF8;}
.legal-page .legal-footer a:hover{color:#C9A876;}
.legal-page .legal-footer .legal-foot-links{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px 26px;
  margin-bottom:22px;
}
.legal-page .legal-footer .foot-note{font-size:13px;letter-spacing:0.5px;color:#A79E8D;}

@media (max-width:700px){
  .legal-page .toc ol{columns:1;}
  .legal-page .legal-header h1{font-size:32px;}
}