/* californiapolicy.css */

/* --- Base Styles --- */

.wrapper-main {
  max-width: 960px; /* Limits the width of your main content area */
  margin: 115px auto; /* Centers the content block horizontally, adds vertical space */
  padding: 30px; /* Internal padding around the content */
  background-color: #ffffff; /* White background for the content block */
  border-radius: 8px; /* Slightly rounded corners */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
 
}



/* --- Headings --- */
h1 {
    color: black; /* A nice blue for the main policy title */
    font-weight: 700; /* Bolder for impact */
    font-size: 2.5rem; /* Larger main title */
    margin-bottom: 30px; /* Space below the main title */
}

.section-title { /* Used for h2 in the HTML now */
    color: black; /* Consistent blue for section titles */
    font-weight: 600;
    font-size: 1.75rem; /* Size for main sections */
    margin-top: 40px; /* More space above new sections */
    margin-bottom: 15px;
    font-weight:bold; /* Space below section title */
}

/* Style for the "Last Updated Date" line */
.last-updated {
    font-size: 1rem;
    color: #6c757d; /* Muted grey for date */
    text-align: left; /* Aligned to the right */
    margin-bottom: 25px; 
    font-weight:bold;/* Space below the date */
}

/* Ensures the year script is styled correctly */
.last-updated script {
  font-weight: bold;
  color: #555;
  display: inline;
}

/* --- Paragraphs and Descriptions --- */
.description {
  margin-top: 10px;
  font-size: 1rem; /* Slightly larger font size for readability */
  color: #495057; /* Darker grey for body text */
}

.text-justify {
  text-align: justify; /* Justifies text for a clean block look */
}

/* --- Lists (Ordered and Unordered) --- */
.policy-list { /* New class for more specific list styling */
  padding-left: 25px; /* Indent lists */
  margin-top: 10px;
  list-style-type: disc; /* Default disc for unordered, numbers for ordered */
}

.policy-list li {
  margin-bottom: 8px; /* Space between list items */
}

/* --- Bold Text within Content --- */
.description b {
  color: #000; /* Ensures bold text stands out on white background */
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) { /* Adjust for tablet and mobile screens */
  .wrapper-main {
    margin: 20px 15px; /* Smaller side margins on smaller screens */
    padding: 20px;
  }

  h1 {
    font-size: 2rem; /* Smaller main title on mobile */
  }

  .section-title {
    font-size: 1.5rem; /* Smaller section titles on mobile */
    margin-top: 30px;
  }

  .last-updated {
      text-align: left; /* Align date left on smaller screens */
  }
}

@media (max-width: 576px) { /* Adjust for smaller mobile screens */
  .wrapper-main {
    padding: 15px;
    margin: 15px 10px; /* Even smaller margins */
  }

  h1 {
    font-size: 1.75rem;
  }

  .section-title {
    font-size: 1.3rem;
  }

  .description, .policy-list li {
      font-size: 0.95rem; /* Slightly smaller text for very small screens */
  }
}