/* =========================================================
   TGDelivery - Legal pages stylesheet (loaded alone)
   Light depot desk theme, strong contrast.
   ========================================================= */

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.7;
  color: #26262A;
  background: #F6F3EA;
  overflow-x: hidden;
}

.legal-page * { box-sizing: border-box; }
.legal-page img { max-width: 100%; }
.legal-page a { color: #D4622A; text-decoration: none; }
.legal-page a:hover { text-decoration: underline; }
.legal-page p { margin: 0 0 1em; }
.legal-page h1, .legal-page h2, .legal-page h3 { line-height: 1.25; }
.legal-page ul { padding-left: 22px; }
.legal-page strong { color: #26262A; }

/* =========================================================
   LEGAL HEADER (solid band, strong h1 contrast)
   ========================================================= */
.legal-head {
  background: #26262A;
  color: #FBF9F2;
  padding: 22px 0;
}
.legal-head .lwrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
.legal-head .lbrand {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  letter-spacing: 1px;
  color: #FBF9F2;
  background: #D4622A;
  padding: 7px 12px;
  border-radius: 4px;
}
.legal-head .lh1 {
  font-size: 30px;
  color: #FBF9F2;
  margin: 6px 0 2px;
}
@media (max-width: 640px) { .legal-head .lh1 { font-size: 24px; } }
.legal-head .lsub { color: #E3DED1; font-size: 14px; }

/* =========================================================
   SCOPE ISOLATION
   force the copied-in section content onto the light desk bg
   and away from any page background the host may set
   ========================================================= */
.legal-page .legal-content section {
  background: transparent !important;
  color: #26262A;
}
.legal-page .legal-content section * {
  color: inherit;
}

/* =========================================================
   content container with strong contrast on its own band
   ========================================================= */
.legal-content {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 24px;
  background: #F6F3EA;
}
.legal-band {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 24px;
  background: #FBF9F2;
  border: 1px solid #DDD7C8;
  border-radius: 8px;
  margin-top: 34px;
  margin-bottom: 20px;
  padding-top: 26px;
  padding-bottom: 8px;
}

/* table of contents */
.toc {
  background: #FBF9F2;
  border: 1px solid #DDD7C8;
  border-left: 6px solid #D4622A;
  border-radius: 6px;
  padding: 18px 22px;
  margin: 26px 0;
}
.toc h2 { font-size: 18px; margin: 0 0 12px; color: #26262A; }
.toc ul { list-style: none; padding: 0; margin: 0; }
.toc li { margin: 6px 0; }
.toc a { color: #D4622A; font-size: 15px; }

.legal-page h1#top { font-size: 34px; color: #26262A; border-bottom: 4px solid #D4622A; padding-bottom: 12px; }
.legal-page .updated {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  color: #7E8288;
  margin-top: 6px;
}
.legal-page h2 {
  font-size: 24px;
  color: #26262A;
  margin: 34px 0 12px;
  padding-top: 8px;
}
.legal-page h3 { font-size: 19px; color: #26262A; margin: 20px 0 8px; }
.legal-page h2::before {
  content: "RT-";
  font-family: Arial, Helvetica, sans-serif;
  color: #D4622A;
  font-weight: 800;
}
.legal-page .lead-note {
  font-size: 17px;
  color: #53565c;
  border-left: 5px solid #D4622A;
  padding: 6px 16px;
  background: #FBF9F2;
  margin: 20px 0;
}
.legal-page .contactbox {
  background: #26262A;
  color: #F6F3EA;
  border-radius: 8px;
  padding: 18px 22px;
  margin: 20px 0;
}
.legal-page .contactbox a { color: #D4622A; }
.legal-page .contactbox .k {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #E3DED1;
}
.legal-page .backtop { font-size: 14px; }
.legal-page hr { border: 0; border-top: 2px dashed #C9C4B6; margin: 26px 0; }

/* legal footer */
.legal-foot {
  background: #26262A;
  color: #E3DED1;
  border-top: 5px solid #D4622A;
  margin-top: 40px;
  padding: 22px 0;
}
.legal-foot .lwrap {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  align-items: center;
  justify-content: space-between;
}
.legal-foot a { color: #D4622A; font-family: Arial, Helvetica, sans-serif; }
.legal-foot p { margin: 0; font-size: 14px; }
