/* ============================================================
   Legal pages (Privacy Policy / Terms & Conditions)
   Container width matches the site header / nav (.sc-h-container = 90% + 15px padding).
   All selectors are prefixed (lg-) to avoid clashing with global CSS.
   ============================================================ */

/* ---------- Shared container (same edges as the navigation bar) ---------- */
.lg-container { width:90%; max-width:none; margin:0 auto; padding:0 15px; }

/* ---------- Page layout ---------- */
.lg-page {
  --lg-blue:#095fe1;
  --lg-dark:#081d42;
  --lg-muted:#53627c;
  --lg-line:#dce5f2;
  --lg-bg:#f5f8fc;
  color:var(--lg-dark);
  background:#fff;
  line-height:1.7;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  overflow-x:hidden;
}
.lg-page a { text-decoration:none; color:var(--lg-blue); }
.lg-page a:hover { color:#0048b4; text-decoration:underline; }

/* ---------- Breadcrumb strip ---------- */
.lg-crumbbar { background:#fff; border-bottom:1px solid #eceff3; padding:11px 0; }
.lg-crumb { font-size:12.5px; color:#6b7280; display:flex; align-items:center; flex-wrap:wrap; }
.lg-crumb a { color:#6b7280; text-decoration:none; }
.lg-crumb a:hover { color:#0055a4; text-decoration:none; }
.lg-crumb .fa-house { font-size:11px; color:#4b5563; margin-right:8px; }
.lg-crumb .fa-angle-right { margin:0 9px; font-size:10px; color:#9ca3af; }
.lg-crumb-current { color:#1f2937; font-weight:700; }

/* ---------- Hero ---------- */
.lg-hero {
  background:linear-gradient(125deg,#fff 10%,#f5f9ff 60%,#e2efff 100%);
  padding:70px 0 55px;
  text-align:center;
}
.lg-hero-inner { width:90%; max-width:none; margin:0 auto; padding:0 15px; }
.lg-eyebrow { font-size:12.5px; letter-spacing:2.8px; color:var(--lg-blue); font-weight:800; text-transform:uppercase; }
.lg-hero h1 {
  font-size:clamp(28px,3.4vw,46px);
  line-height:1.15;
  letter-spacing:-1.5px;
  margin:18px 0 14px;
  color:var(--lg-dark);
}
.lg-meta {
  color:#6b7280;
  font-size:13.5px;
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}
.lg-meta span { display:inline-flex; align-items:center; gap:6px; }

/* ---------- TOC + main content ---------- */
.lg-body { padding:55px 0 80px; background:#fff; }
.lg-layout {
  display:grid;
  grid-template-columns:240px 1fr;
  gap:48px;
  width:90%;
  max-width:none;
  margin:0 auto;
  padding:0 15px;
}

/* Sidebar TOC */
.lg-toc {
  position:sticky;
  top:96px;
  align-self:start;
  max-height:calc(100vh - 120px);
  overflow-y:auto;
}
.lg-toc-title {
  font-size:12px;
  letter-spacing:2px;
  color:#6b7280;
  text-transform:uppercase;
  font-weight:800;
  margin:0 0 14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--lg-line);
}
.lg-toc ul { list-style:none; margin:0; padding:0; }
.lg-toc li { margin:0; padding:0; }
.lg-toc a {
  display:block;
  padding:7px 0 7px 14px;
  border-left:2px solid transparent;
  color:#4b5563;
  font-size:13.5px;
  line-height:1.4;
  transition:color .15s, border-color .15s;
}
.lg-toc a:hover,
.lg-toc a.lg-toc-active {
  color:var(--lg-blue);
  border-left-color:var(--lg-blue);
  text-decoration:none;
  background:#f0f6ff;
}

/* Article */
.lg-article { min-width:0; }
.lg-article section {
  margin-bottom:42px;
  scroll-margin-top:100px;
}
.lg-article h2 {
  font-size:22px;
  font-weight:800;
  color:var(--lg-dark);
  margin:0 0 14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--lg-line);
  letter-spacing:-.3px;
}
.lg-article h3 {
  font-size:16.5px;
  font-weight:700;
  color:#1f2937;
  margin:22px 0 10px;
}
.lg-article p {
  color:#374151;
  font-size:14.5px;
  margin:0 0 12px;
}
.lg-article ul,
.lg-article ol {
  color:#374151;
  font-size:14.5px;
  padding-left:22px;
  margin:0 0 14px;
}
.lg-article li { margin-bottom:6px; }
.lg-article strong { color:#111827; }
.lg-article em { color:#4b5563; font-style:italic; }

.lg-article .lg-callout {
  background:linear-gradient(125deg,#f0f6ff,#e2efff);
  border-left:4px solid var(--lg-blue);
  padding:16px 20px;
  border-radius:6px;
  margin:18px 0;
}
.lg-article .lg-callout p { margin:0; color:#1f3a6e; }

.lg-article address {
  font-style:normal;
  background:#f9fafb;
  border:1px solid var(--lg-line);
  border-radius:6px;
  padding:14px 18px;
  font-size:14px;
  line-height:1.7;
  color:#374151;
}

/* ---------- Responsive ---------- */
@media (max-width:1024px) {
  .lg-layout { grid-template-columns:1fr; gap:0; }
  .lg-toc {
    position:relative;
    top:0;
    max-height:none;
    margin-bottom:32px;
    background:var(--lg-bg);
    border-radius:8px;
    padding:16px 20px;
  }
  .lg-toc-title { border-bottom:none; padding-bottom:6px; }
  .lg-toc ul {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:4px 20px;
  }
  .lg-toc a { border-left:none; padding:4px 0 4px 0; }
  .lg-toc a:hover { background:transparent; }
}
@media (max-width:560px) {
  .lg-hero { padding:48px 0 38px; }
  .lg-body { padding:35px 0 60px; }
  .lg-toc ul { grid-template-columns:1fr; }
  .lg-article h2 { font-size:19px; }
  .lg-article h3 { font-size:15px; }
  .lg-article p,
  .lg-article ul,
  .lg-article ol { font-size:14px; }
}