/* Privacy Policy Page Styles - ValorantPL */
.page-hero {
  padding: var(--space-16) 0 var(--space-8);
  background: linear-gradient(180deg, rgba(255,70,85,0.08), rgba(0,217,255,0.06) 60%, transparent),
              radial-gradient(1200px 300px at 50% -10%, rgba(255,70,85,0.15), transparent 70%);
  border-bottom: 1px solid var(--color-gray-800);
}
.page-hero .breadcrumbs {
  margin-bottom: var(--space-4);
  color: var(--color-text-muted);
}
.page-hero .breadcrumbs ol { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.page-hero .breadcrumbs li { color: var(--color-text-tertiary); }
.page-hero .breadcrumbs li+li::before { content: '\203A'; margin: 0 var(--space-2); color: var(--color-text-muted); }
.page-hero .subtitle { color: var(--color-text-secondary); max-width: 70ch; }
.page-hero .meta { color: var(--color-text-tertiary); margin-top: var(--space-2); font-size: var(--font-size-sm); }

.policy-content {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: var(--space-8);
  padding-top: var(--space-8);
  padding-bottom: var(--space-16);
}

@media (max-width: 992px) {
  .policy-content { grid-template-columns: 1fr; }
}

.policy-toc {
  position: sticky;
  top: calc(var(--space-8));
  align-self: start;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-gray-800);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  box-shadow: var(--shadow-md);
}
.policy-toc ul { display: grid; gap: var(--space-3); }
.policy-toc a { color: var(--color-text-secondary); }
.policy-toc a:hover { color: var(--color-primary); text-shadow: var(--glow-primary); }

.policy-sections { display: grid; gap: var(--space-8); }
.policy-section {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-gray-800);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  box-shadow: var(--shadow-md);
}
.policy-section h2 { margin-bottom: var(--space-4); }
.policy-section .list { display: grid; gap: var(--space-2); padding-left: 1rem; }
.policy-section .list li { list-style: disc; margin-left: 1rem; color: var(--color-text-secondary); }

/* Focus target offset for anchored headings */
:target { scroll-margin-top: 96px; }