/*
==========================================================================
  PRIVACY POLICY PAGE - SPECIFIC STYLES
==========================================================================
  This stylesheet is loaded ONLY on privacy policy pages to override
  the default page width and provide specific styling for policy content.
*/

/* 1. Widen the main content container for better readability */
.page-container {
  max-width: 1000px; /* Increased from 680px for policy pages */
}

/* 2. Styling for the main policy content card */
.policy-card {
  background-color: var(--bg-secondary);
  padding: 20px 30px; /* A little more padding for the wider layout */
  border-radius: 12px;
  text-align: left;
  border: 1px solid var(--card-border-light-trans);
  box-shadow: 0 4px 15px var(--shadow-color);
}

/* 3. Styling for section headings (e.g., "Information Collection") */
.policy-heading {
  color: var(--text-heading);
  border-bottom: 1px solid var(--border-secondary);
  padding-bottom: 10px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.4em;
}

/* First heading doesn't need extra space at the top */
.policy-card .policy-heading:first-of-type {
  margin-top: 0;
}

/* 4. General content styling within the card */
.policy-content ul {
  list-style-position: inside;
  padding-left: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.policy-content li {
  margin-bottom: 10px;
  line-height: 1.7; /* Increased line-height for readability */
}

.policy-content a {
  color: var(--accent-primary);
  text-decoration: none;
  font-weight: 500;
}

.policy-content a:hover {
  text-decoration: underline;
}

/* 5. Styling for the contact email link */
.policy-contact-email {
  font-size: 1.1em;
  margin-top: 15px;
}

.policy-contact-email .fas {
  margin-right: 8px;
}