/* Add margin-top to section anchors to prevent header overlap */
    [id]:before {
        content: "";
        display: block;
        height: 100px;
        /* Adjust this value based on your header height */
        margin-top: -100px;
        /* Same value as height */
        visibility: hidden;
        pointer-events: none;
      }
  
      .parental-control {
        margin: 0 auto;
        padding: 5rem;
      }
  
      .parental-control-header {
        margin-bottom: 2rem;
        text-align: center;
      }
  
      .parental-control-header h1 {
        font-size: 2.5rem;
        color: var(--primary-color);
        margin-bottom: 1rem;
      }
  
      .parental-control-meta {
        font-size: 0.9rem;
        color: var(--primary-color);
        margin-bottom: 2rem;
      }
  
      .parental-control-meta a {
        color: var(--anchor-color);
        text-decoration: none;
        font-weight: 500;
      }
  
      .parental-control-meta a:hover {
        color: var(--primary-color);
      }
  
      .parental-control-section {
        margin-bottom: 2rem;
        border-bottom: 1px solid var(--gray-100);
      }
  
      .parental-control-section:last-child {
        border-bottom: none;
      }
  
      .parental-control-section h2 {
        font-size: 1.5rem;
        color: var(--primary-color);
        margin-bottom: 1rem;
        border-bottom: 2px solid var(--primary-color);
        padding-bottom: 0.5rem;
      }
  
      .parental-control-section h3 {
        font-size: 1.2rem;
        color: var(--primary-color);
        margin-bottom: 0.8rem;
      }
  
      .parental-control-section h4 {
        font-size: 1.1rem;
        color: var(--primary-color);
        margin-bottom: 0.6rem;
      }
  
      .parental-control-content {
        line-height: 1.6;
        color: var(--primary-color);
      }
  
      .parental-control-content p {
        margin-bottom: 1rem;
      }
  
      .parental-control-content ul {
        margin-left: 1.5rem;
        margin-bottom: 1rem;
      }
  
      .parental-control-content li {
        margin-bottom: 0.5rem;
      }
  
      .parental-control-content strong {
        color: var(--primary-color);
      }
  
      .parental-control-content a {
        color: var(--anchor-color);
        text-decoration: none;
        font-weight: 500;
      }
  
      .parental-control-content a:hover {
        color: var(--primary-color);
      }
  
      @media (max-width: 768px) {
        .parental-control {
          padding: 1rem;
        }
  
        .parental-control-header h1 {
          font-size: 2rem;
        }
  
        .parental-control-section h2 {
          font-size: 1.3rem;
        }
  
        .parental-control-section h3 {
          font-size: 1.1rem;
        }
      }