/* Commons Properties Limited - legal pages stylesheet
   Loaded ONLY by privacy.html and terms-of-service.html
   Self-contained background and text colours, strong contrast */

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  padding:0;
  font-size:16px;
  font-family:Georgia,"Times New Roman",serif;
  background:#F1F0E7;
  color:#29302B;
  line-height:1.75;
  overflow-x:hidden;
}

h1,h2,h3{
  font-family:Georgia,"Times New Roman",serif;
  color:#29302B;
  line-height:1.25;
  margin:0 0 0.6em 0;
}

p{margin:0 0 1.05em 0;}

a{color:#8A6A34;text-decoration:underline;}
a:hover{color:#202620;}

/* ---------- legal header ---------- */
.legal-header{
  display:block;
  background:#202620;
  color:#FAF7EC;
  padding:34px 24px 30px 24px;
}

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

.legal-brand{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:#FAF7EC;
  font-size:1.05rem;
  letter-spacing:0.05em;
  font-weight:bold;
  text-decoration:none;
  margin-bottom:16px;
}

.legal-brand:hover{color:#8A6A34;text-decoration:none;}

.legal-glyph{
  display:inline-block;
  width:22px;
  height:18px;
  position:relative;
  flex:0 0 auto;
}

.legal-glyph::before{
  content:"";
  position:absolute;
  left:4px;
  top:0;
  width:14px;
  height:9px;
  background:#8A6A34;
}

.legal-glyph::after{
  content:"";
  position:absolute;
  left:10px;
  top:9px;
  width:3px;
  height:9px;
  background:#FAF7EC;
}

.legal-header h1{
  color:#FAF7EC;
  font-size:2rem;
  margin-bottom:12px;
}

.legal-header .legal-sub{
  color:#FAF7EC;
  font-size:0.95rem;
  margin-bottom:0;
}

.legal-header .legal-sub a{color:#FAF7EC;}
.legal-header .legal-sub a:hover{color:#8A6A34;}

/* ---------- legal layout ---------- */
.legal-shell{
  max-width:880px;
  margin:0 auto;
  padding:0 24px;
}

.legal-toc{
  background:#FAF7EC;
  border-top:6px solid #8A6A34;
  padding:26px 28px;
  margin:36px auto;
}

.legal-toc h2{
  font-size:1.1rem;
  margin-bottom:14px;
}

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

.legal-toc li{
  margin-bottom:8px;
  font-size:0.94rem;
  break-inside:avoid;
}

.legal-content{
  background:#F1F0E7;
  padding-bottom:56px;
}

.legal-content section{
  background:#F1F0E7 !important;
  margin-bottom:30px;
}

.legal-content h2{
  font-size:1.35rem;
  border-bottom:2px solid #E0E2D5;
  padding-bottom:8px;
  margin-bottom:14px;
}

.legal-content h3{
  font-size:1.08rem;
  margin-top:20px;
}

.legal-content p,
.legal-content li{
  font-size:0.99rem;
}

.legal-content ul{
  margin:0 0 1.05em 0;
  padding-left:22px;
}

.legal-content li{margin-bottom:7px;}

.legal-meta-box{
  background:#FAF7EC;
  border-left:7px solid #8A6A34;
  padding:22px 26px;
  margin-bottom:32px;
}

.legal-meta-box p{margin-bottom:6px;font-size:0.95rem;}

.legal-footer{
  background:#202620;
  color:#FAF7EC;
  padding:32px 24px;
  margin-top:0;
}

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

.legal-footer p{color:#FAF7EC;font-size:0.92rem;}

.legal-footer a{color:#FAF7EC;}
.legal-footer a:hover{color:#8A6A34;}

.legal-footer .legal-base{
  display:flex;
  flex-wrap:wrap;
  gap:16px 30px;
  align-items:center;
  border-top:1px solid #8A6A34;
  padding-top:18px;
  margin-top:18px;
}

.legal-home-link{
  display:inline-block;
  background:#8A6A34;
  color:#FAF7EC;
  padding:10px 20px;
  text-decoration:none;
  font-size:0.92rem;
  letter-spacing:0.05em;
  margin-right:14px;
}
.legal-home-link:hover{background:#FAF7EC;color:#202620;text-decoration:none;}

.legal-trig{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:0.78rem;
  letter-spacing:0.14em;
  color:#FAF7EC;
}

.legal-trig .tri{
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-bottom:9px solid #A8442E;
}

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