/** Extra Manual Style */
/** GG Thank you Gemini
  * Reference is https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Counter_styles/Using_counters#examples
  * 
  */

.tag.retro_manual{
  /* 1. Initialize the main section and subsection counters */
  h1 {
    counter-reset: m_section;
  }

  /* 2. Increment the main section counter and display it */
  h2 {
    counter-reset: m_subsection; /* Reset subsection every time a new h1 appears */
  }

  h3 {
      counter-reset: m_subsection3;
  }

  h2::before {
    counter-increment: m_section;
    content: counter(m_section) ". ";
  }


  /* 3. Increment the subsection counter and combine it with the main section */
  h3::before {
    counter-increment: m_subsection;
    content: counter(m_section) "." counter(m_subsection) " ";
  }

  h4::before {
    counter-increment: m_subsection3;
    content: counter(m_section) "." counter(m_subsection) "." counter(m_subsection3) " ";
  }

  /**
  * How appendices works: 
  * Define the title as h2
  * The h3 will be sub title
  * Nothing for h4
  */

  h2.appendix {
      counter-reset: m_appendix_section;
  }

      
  h3.appendix::before {
    counter-increment: m_appendix_section;
    content: counter(m_appendix_section,upper-alpha) ") ";
  }
}