/* ================================================================
   CRIS LANDING — LEGAL PAGES (/terms-and-conditions, /privacy-policy)
   Loaded after landing-base.css and landing-about-page.css (the
   closing call-to-action band reuses the plx-ab-cta-* rules).
   Rules: no inline styles, no !important, no media queries.
          Range overrides live in landing-responsive.css.
   ================================================================ */

/* ── Hero ── */
.plx-lg-hero {
  background: linear-gradient(180deg, var(--green-bg), transparent);
  border-bottom: 1px solid var(--border);
  padding: var(--sp-40) 0 var(--sp-32);
  text-align: center;
}
.plx-lg-hero-icon {
  align-items: center;
  background: var(--green-bg);
  border: 1px solid var(--green-bd);
  border-radius: var(--br-full);
  color: var(--green);
  display: inline-flex;
  font-size: var(--fs-18);
  height: var(--size-48);
  justify-content: center;
  margin-bottom: var(--sp-16);
  width: var(--size-48);
}
.plx-lg-eyebrow {
  color: var(--green);
  font-size: var(--fs-12);
  font-weight: 700;
  letter-spacing: .2em;
  margin: 0 0 var(--sp-10);
  text-transform: uppercase;
}
.plx-lg-title {
  color: var(--t1);
  font-size: var(--fs-36);
  font-weight: 800;
  letter-spacing: -.02em;
  margin: 0 0 var(--sp-14);
}
.plx-lg-title-accent { color: var(--green); }
.plx-lg-intro {
  color: var(--t3);
  font-size: var(--fs-14);
  margin: 0 auto var(--sp-20);
  max-width: var(--size-520);
}
.plx-lg-meta {
  align-items: center;
  color: var(--t3);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--fs-12);
  gap: var(--sp-20);
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.plx-lg-meta-item { align-items: center; display: inline-flex; gap: var(--sp-8); }
.plx-lg-meta-item i { color: var(--green); }
.plx-lg-meta-item + .plx-lg-meta-item { border-left: 1px solid var(--border-md); padding-left: var(--sp-20); }

/* ── Body ── */
.plx-lg-body { padding-bottom: var(--sp-24); padding-top: var(--sp-32); }

/* ── Cards: document control + change history ── */
.plx-lg-card {
  background: var(--bg-card);
  border: 1px solid var(--green-bd);
  border-radius: var(--br-inner);
  margin-bottom: var(--sp-24);
  padding: var(--sp-20);
}
.plx-lg-card-title {
  align-items: center;
  border-bottom: 1px solid var(--border);
  color: var(--t1);
  display: flex;
  font-size: var(--fs-16);
  font-weight: 700;
  gap: var(--sp-10);
  margin: 0 0 var(--sp-16);
  padding-bottom: var(--sp-14);
}
.plx-lg-card-title i { color: var(--green); }
.plx-lg-doc {
  display: grid;
  gap: var(--sp-12);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}
.plx-lg-doc-row {
  align-items: center;
  background: var(--bg);
  border: 1px solid var(--border-md);
  border-radius: var(--br-inner);
  display: flex;
  gap: var(--sp-12);
  padding: var(--sp-12) var(--sp-16);
}
.plx-lg-doc-label { color: var(--t4); flex: 0 0 auto; font-size: var(--fs-12); font-weight: 600; letter-spacing: .06em; margin: 0; text-transform: uppercase; }
.plx-lg-doc-value { color: var(--t1); font-size: var(--fs-14); font-weight: 700; margin: 0; }

.plx-lg-table-wrap { overflow-x: auto; }
.plx-lg-table { border-collapse: collapse; width: 100%; }
.plx-lg-table th,
.plx-lg-table td { border: 1px solid var(--border-md); padding: var(--sp-12) var(--sp-16); text-align: left; }
.plx-lg-table th { background: var(--bg); color: var(--t1); font-size: var(--fs-12); font-weight: 700; text-transform: uppercase; }
.plx-lg-table td { background: var(--bg-card); color: var(--t3); font-size: var(--fs-14); }

/* ── Numbered sections ── */
.plx-lg-section { margin-bottom: var(--sp-32); }
.plx-lg-h2 {
  border-bottom: 1px solid var(--border-md);
  color: var(--t1);
  font-size: var(--fs-18);
  font-weight: 700;
  margin: 0 0 var(--sp-16);
  padding-bottom: var(--sp-12);
}
.plx-lg-list { display: flex; flex-direction: column; gap: var(--sp-12); list-style: none; margin: 0; padding: 0; }
.plx-lg-list li {
  color: var(--t3);
  font-size: var(--fs-14);
  padding-left: var(--sp-20);
  position: relative;
}
.plx-lg-list li::before {
  background: var(--green);
  border-radius: var(--br-full);
  content: '';
  height: var(--size-6);
  left: var(--sp-4);
  position: absolute;
  top: var(--sp-8);
  width: var(--size-6);
}
.plx-lg-em { color: var(--t1); font-weight: 700; }
.plx-lg-mail { color: var(--green); font-weight: 700; }
.plx-lg-mail:hover { color: var(--lime); }
.plx-lg-closing {
  border-top: 1px solid var(--border-md);
  color: var(--t3);
  font-size: var(--fs-14);
  margin: 0;
  padding-top: var(--sp-20);
}