/* ── Privacy Policy / Terms of Service pages ── */
body.activ-legal { background: #0f0f0f; font-family: 'Outfit', sans-serif; }

/* ── Hero ── */
.lg-hero { text-align: center; padding: 72px 60px 56px; }
.lg-hero h1 {
  font-family: 'Urbanist', sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #fff;
  margin-bottom: 16px;
}
.lg-hero h1 .accent-it { color: #bbd864; font-style: italic; }
.lg-hero .lg-date { font-family: 'Outfit', sans-serif; font-size: 16px; color: #999d8c; letter-spacing: -0.02em; }

/* ── Content ── */
.lg-body { max-width: 860px; margin: 0 auto; padding: 0 40px 100px; }

.lg-intro {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: -0.02em;
  color: #999d8c;
  margin-bottom: 56px;
  padding: 28px 32px;
  background: #000;
  border: 1px solid #202615;
  border-radius: 16px;
}
.lg-intro strong { color: #e6ecd7; font-weight: 600; }

/* Section card */
.lg-section {
  margin-bottom: 40px;
  padding: 32px 36px;
  background: #000;
  border: 1px solid #202615;
  border-radius: 16px;
  transition: border-color 0.2s;
}
.lg-section:hover { border-color: #2e3818; }

.lg-section-title {
  font-family: 'Urbanist', sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #bbd864;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.lg-section-title .lg-num {
  font-size: 13px;
  font-weight: 600;
  color: #bbd864;
  background: #131411;
  border: 1px solid #2e3818;
  border-radius: 6px;
  padding: 3px 8px;
  letter-spacing: 0.02em;
}

.lg-section p { font-family: 'Outfit', sans-serif; font-size: 16px; line-height: 1.75; letter-spacing: -0.02em; color: #999d8c; margin-bottom: 10px; }
.lg-section p:last-child { margin-bottom: 0; }

.lg-section ul { list-style: none; padding: 0; margin: 8px 0 0; display: flex; flex-direction: column; gap: 8px; }
.lg-section ul li { font-family: 'Outfit', sans-serif; font-size: 16px; line-height: 1.6; letter-spacing: -0.02em; color: #999d8c; padding-left: 20px; position: relative; }
.lg-section ul li::before { content: '—'; position: absolute; left: 0; color: #505147; }
.lg-section ul li strong { color: #e6ecd7; font-weight: 600; }

/* Sub-heading inside a section */
.lg-sub { font-family: 'Urbanist', sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0.02em; color: #e6ecd7; margin: 16px 0 8px; }
.lg-sub:first-of-type { margin-top: 0; }

/* Notice pill */
.lg-notice {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(187,216,100,0.06);
  border: 1px solid rgba(187,216,100,0.2);
  border-radius: 10px;
  padding: 10px 16px;
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  color: #bbd864;
  margin-top: 10px;
}
.lg-notice a { color: #bbd864; text-decoration: none; }

/* Warning / strict notice */
.lg-warning { background: rgba(187,216,100,0.06); border: 1px solid rgba(187,216,100,0.25); border-radius: 10px; padding: 14px 20px; margin-bottom: 12px; }
.lg-warning-label { font-family: 'Urbanist', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; color: #bbd864; margin-bottom: 6px; }
.lg-warning p { color: #e6ecd7 !important; margin-bottom: 0 !important; }

/* Contact block */
.lg-contact { margin-top: 56px; padding: 36px 40px; background: #000; border: 1px solid #bbd864; border-radius: 20px; text-align: center; }
.lg-contact h3 { font-family: 'Urbanist', sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.04em; color: #fff; margin-bottom: 10px; }
.lg-contact p { font-family: 'Outfit', sans-serif; font-size: 16px; color: #999d8c; margin-bottom: 6px; }
.lg-contact a { color: #bbd864; text-decoration: none; font-weight: 600; }
.lg-contact a:hover { text-decoration: underline; }

/* ── Responsive ── */
@media (max-width: 1100px) {
  .lg-hero { padding: 56px 40px 48px; }
  .lg-hero h1 { font-size: 52px; }
  .lg-body { padding: 0 32px 80px; }
  .lg-section { padding: 28px 28px; }
  .lg-contact { padding: 32px 28px; }
}
@media (max-width: 768px) {
  .lg-hero { padding: 48px 20px 40px; }
  .lg-hero h1 { font-size: 38px; line-height: 1.1; letter-spacing: -0.03em; text-align: center; }
  .lg-body { padding: 0 20px 80px; }
  .lg-section { padding: 24px 20px; }
  .lg-section-title { font-size: 19px; line-height: 1.3; text-align: center; }
  .lg-contact { padding: 28px 20px; text-align: center; }
}
@media (max-width: 480px) {
  .lg-hero h1 { font-size: 28px; line-height: 1.15; letter-spacing: -0.02em; }
  .lg-section-title { font-size: 16px; line-height: 1.4; }
}