/* =========================================================================
   KLICKL LAT · Legal pages shared stylesheet
   Loaded ONLY by privacy.html and terms-of-service.html. Independent of the
   marketing theme; strong contrast, its own page/header background.
   ========================================================================= */

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

html{scroll-behavior:smooth;}

body{
  background-color:#EDEBE4;   /* dry fiber print paper */
  color:#26261f;              /* near-black ink for strong contrast */
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.8;
  padding:0;
  margin:0;
}

a{color:#1d6b5c;text-decoration:underline;}
a:hover{color:#0f4036;}

/* Scope isolation: anything decorative can never leak background here */
.legal-page .legal-content section{
  background-color:transparent !important;
}

/* ---------------- Legal header ---------------- */
.legal-header{
  background-color:#16151A;      /* optical black band */
  color:#F2EFE7;
  padding:30px 0 28px;
}

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

.legal-header .kick{
  display:inline-block;
  color:#3FB0A0;
  font-family:Verdana,Geneva,sans-serif;
  font-size:12px;
  letter-spacing:.2em;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:10px;
}

.legal-header h1{
  color:#F8F7F2;
  font-size:2.2rem;
  line-height:1.15;
  font-weight:bold;
}

.legal-header .legal-org{
  color:#B9BDC4;
  margin-top:12px;
  font-size:1rem;
  font-family:Verdana,Geneva,sans-serif;
}

.legal-header .homeback{
  display:inline-block;
  margin-top:22px;
  background-color:#3FB0A0;
  color:#16151A;
  font-family:Verdana,Geneva,sans-serif;
  font-weight:bold;
  text-decoration:none;
  font-size:13px;
  letter-spacing:.06em;
  padding:10px 20px;
  border-radius:4px;
}

.legal-header .homeback:hover{background-color:#F2EFE7;color:#16151A;}

/* ---------------- Legal body container ---------------- */
.legal-page .legal-content{
  max-width:800px;
  margin:0 auto;
  padding:0 24px;
}

.legal-page .legal-content .effective{
  font-family:Verdana,Geneva,sans-serif;
  font-size:14px;
  color:#5c5a50;
  letter-spacing:.05em;
  padding-top:34px;
  padding-bottom:14px;
  border-bottom:2px solid #cfcdc3;
  margin-bottom:28px;
}

/* Table of contents */
.legal-toc{
  background-color:#fff;
  border:1px solid #d5d2c8;
  border-left:6px solid #3FB0A0;
  padding:22px 26px 24px;
  margin-bottom:40px;
}

.legal-toc h2{
  font-size:1rem;
  font-family:Verdana,Geneva,sans-serif;
  letter-spacing:.12em;
  color:#2a2a24;
  margin-bottom:12px;
  text-transform:uppercase;
}

.legal-toc ol{
  margin-left:20px;
  column-count:2;
  column-gap:40px;
}

.legal-toc ol li{margin:7px 0;break-inside:avoid;}

.legal-toc a{
  color:#1d6b5c;
  font-family:Verdana,Geneva,sans-serif;
  font-size:14px;
  text-decoration:none;
}

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

/* ---------------- Sections ---------------- */
.legal-page .legal-content section{
  margin:0 0 8px;
  padding:0;
}

.legal-page .legal-content h2{
  font-size:1.4rem;
  color:#16151A;
  margin:38px 0 14px;
  padding-bottom:8px;
  border-bottom:1px solid #cfcdc3;
  font-weight:bold;
}

.legal-page .legal-content h3{
  font-size:1.1rem;
  color:#0f4036;
  margin:22px 0 8px;
  font-family:Verdana,Geneva,sans-serif;
}

.legal-page .legal-content p{
  margin:0 0 16px;
  color:#2c2c25;
}

.legal-page .legal-content ul,
.legal-page .legal-content ol{
  margin:0 0 18px 26px;
  color:#2c2c25;
}

.legal-page .legal-content li{margin:6px 0;}

.legal-page .legal-content strong{
  color:#16151A;
}

.legal-page .legal-content .company-detect{
  font-family:Verdana,Geneva,sans-serif;
  background-color:#fff;
  border:1px solid #ddd;
  padding:16px 20px;
  margin:18px 0;
}

/* ---------------- Legal footer ---------------- */
.legal-footer{
  margin-top:52px;
  border-top:2px solid #c9c6bb;
  background-color:#16151A;
  color:#B9BDC4;
}

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

.legal-footer .lf-org{
  color:#F2EFE7;
  font-size:1rem;
  font-family:Verdana,Geneva,sans-serif;
  font-weight:bold;
  margin-bottom:8px;
}

.legal-footer .lf-addr{
  color:#8b8f97;
  font-size:14px;
  font-family:Verdana,Geneva,sans-serif;
  line-height:1.8;
  margin-bottom:14px;
}

.legal-footer .lf-links{
  font-family:Verdana,Geneva,sans-serif;
  font-size:13px;
  margin-bottom:14px;
}

.legal-footer .lf-links a{
  color:#3FB0A0;
  text-decoration:none;
}

.legal-footer .lf-links a:hover{text-decoration:underline;}

.legal-footer .lf-copy{
  color:#3FB0A0;
  font-size:13px;
  font-family:Verdana,Geneva,sans-serif;
  border-top:1px solid #2c2e35;
  padding-top:14px;
}

@media(max-width:600px){
  .legal-toc ol{column-count:1;}
  .legal-header h1{font-size:1.7rem;}
}

/* hide any stray decoration layers */
.watermark{visibility:hidden;position:absolute;pointer-events:none;}