:root{
  --kwaicheong:#F4F4E8;
  --tanklog:#2C382A;
  --beacon:#C46038;
  --kwaichun:#202A1E;
  --hullpanel:#EAEAD8;
  --bunker:#B27655;
  --mooring:#9AB89E;
  --line:#C8C9B4;
  --line-deep:#A9AB95;
  --plate:#DCDCC7;
}

*{box-sizing:border-box;}

body{
  margin:0;
  font-size:16px;
  font-family:"Trebuchet MS","Segoe UI",Verdana,sans-serif;
  background:var(--kwaicheong);
  color:var(--tanklog);
  line-height:1.7;
  overflow-x:hidden;
}

h1,h2,h3,h4{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--tanklog);
  line-height:1.25;
}

p{margin:0 0 1.1em;}
a{color:var(--beacon);}

.legal-header{
  display:block;
  background:var(--kwaichun);
  padding:34px 0 30px;
  border-bottom:4px solid var(--beacon);
}

.legal-header-inner{
  max-width:820px;
  margin:0 auto;
  padding:0 24px;
}

.legal-header h1{
  color:var(--kwaicheong);
  font-size:34px;
  margin:0 0 10px;
}

.legal-header p{
  color:var(--plate);
  margin:0;
  font-size:15px;
}

.legal-header .legal-brand{
  display:block;
  font-size:12px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--mooring);
  margin-bottom:12px;
}

.legal-header a{
  color:var(--beacon);
  text-decoration:none;
}

.legal-header a:hover{
  text-decoration:underline;
}

.legal-layout{
  max-width:820px;
  margin:0 auto;
  padding:0 24px;
}

.legal-toc{
  background:var(--hullpanel);
  border:2px solid var(--kwaichun);
  padding:26px 30px;
  margin:38px 0 12px;
}

.legal-toc h2{
  font-size:18px;
  letter-spacing:1px;
  text-transform:uppercase;
  margin:0 0 14px;
}

.legal-toc ol{
  margin:0;
  padding-left:22px;
  columns:2;
  column-gap:32px;
}

.legal-toc li{
  margin-bottom:8px;
  font-size:15px;
}

.legal-toc a{
  color:var(--tanklog);
  text-decoration:none;
  border-bottom:1px solid var(--line-deep);
}

.legal-toc a:hover{
  color:var(--beacon);
  border-color:var(--beacon);
}

.legal-content{
  padding:26px 0 56px;
}

.legal-content section{
  background:transparent !important;
  padding:0;
  margin:0 0 30px;
}

.legal-content h2{
  font-size:24px;
  margin:38px 0 12px;
  padding-bottom:8px;
  border-bottom:2px solid var(--line-deep);
  scroll-margin-top:18px;
}

.legal-content h3{
  font-size:19px;
  margin:24px 0 10px;
}

.legal-content p{
  font-size:16px;
  color:var(--tanklog);
}

.legal-content ul{
  margin:0 0 1.1em;
  padding-left:24px;
}

.legal-content li{
  margin-bottom:8px;
  font-size:16px;
}

.legal-intro{
  font-size:17px;
  background:var(--hullpanel);
  border-left:5px solid var(--beacon);
  padding:20px 24px;
  margin-bottom:18px;
}

.legal-address{
  background:var(--hullpanel);
  border:2px solid var(--kwaichun);
  padding:18px 22px;
  margin:18px 0;
  font-size:15px;
  line-height:1.6;
}

.legal-footblock{
  background:var(--kwaichun);
  color:var(--kwaicheong);
  padding:36px 0;
  margin-top:20px;
}

.legal-footblock-inner{
  max-width:820px;
  margin:0 auto;
  padding:0 24px;
}

.legal-footblock h2{
  color:var(--kwaicheong);
  font-size:20px;
  margin:0 0 10px;
}

.legal-footblock p{
  color:var(--plate);
  font-size:15px;
  margin:0 0 6px;
}

.legal-footblock a{
  color:var(--beacon);
  text-decoration:none;
}

.legal-footblock a:hover{
  text-decoration:underline;
}

.legal-baseline{
  max-width:820px;
  margin:0 auto;
  padding:0 24px;
}

.legal-baseline-inner{
  border-top:1px solid var(--line-deep);
  padding:16px 24px 24px;
  font-size:13px;
  color:var(--tanklog);
  max-width:820px;
  margin:0 auto;
}

.legal-baseline-inner a{
  color:var(--beacon);
  text-decoration:none;
}

.legal-baseline-inner a:hover{
  text-decoration:underline;
}

.legal-glyph{
  display:inline-block;
  width:9px;
  height:9px;
  background:var(--beacon);
  border-radius:50%;
  margin-right:8px;
  vertical-align:middle;
}

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