.elementor-34002 .elementor-element.elementor-element-648e4d3e{--display:flex;}.elementor-34002 .elementor-element.elementor-element-371798c > .elementor-widget-container{border-radius:0px 0px 0px 0px;}/* Start custom CSS for text-editor, class: .elementor-element-371798c */<style>
  /* --- Desktop & Base Styling --- */
  .lg-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    margin-bottom: 20px;
    font-family: sans-serif;
  }

  .lg-table th, 
  .lg-table td {
    border: 1px solid #000;
    padding: 16px;
    text-align: left;
    vertical-align: top;
  }

  .lg-table th {
    background-color: #e6e6e6;
    font-weight: bold;
  }

  .lg-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
  }

  .lg-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
  }

  .lg-table td:first-child {
    font-weight: bold;
  }

  /* --- Mobile Card Layout (< 768px) --- */
  @media screen and (max-width: 768px) {
    .lg-table, .lg-table thead, .lg-table tbody, .lg-table th, .lg-table td, .lg-table tr {
      display: block;
      width: 100%;
    }
    .lg-table thead {
      display: none; 
    }
    .lg-table tr {
      margin-bottom: 24px;
      border: 2px solid #000;
    }
    .lg-table td {
      border: none;
      border-bottom: 1px solid #ddd;
      padding: 12px 16px;
      box-sizing: border-box;
    }
    .lg-table td:last-child {
      border-bottom: none;
    }
    .lg-table td::before {
      content: attr(data-label);
      display: block;
      font-weight: bold;
      margin-bottom: 4px;
      color: #555;
      font-size: 14px;
      text-transform: uppercase;
    }
    .lg-table td:first-child {
      background-color: #e6e6e6;
      font-size: 18px;
      border-bottom: 2px solid #000;
    }
    .lg-table td:first-child::before {
      display: none; 
    }
  }
</style>

<div class="lg-table-responsive">
  <table class="lg-table">
    <thead>
      <tr>
        <th>Question</th>
        <th>Why It Matters</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td data-label="Question">Does tuition include clay, glazes, bisque firing, and glaze firing?</td>
        <td data-label="Why It Matters">Hidden materials costs are common and can add significantly to the real price</td>
      </tr>
      <tr>
        <td data-label="Question">How many students are in each class?</td>
        <td data-label="Why It Matters">Smaller classes mean more hands-on instructor time</td>
      </tr>
      <tr>
        <td data-label="Question">What techniques are covered?</td>
        <td data-label="Why It Matters">Wheel throwing and hand-building require different skills and equipment</td>
      </tr>
      <tr>
        <td data-label="Question">How many weeks does the class run?</td>
        <td data-label="Why It Matters">Longer sessions allow for genuine skill development</td>
      </tr>
      <tr>
        <td data-label="Question">Is there a continuation path after the introductory course?</td>
        <td data-label="Why It Matters">Indicates whether the program is designed for long-term development</td>
      </tr>
      <tr>
        <td data-label="Question">Does the instructor maintain an active ceramics practice?</td>
        <td data-label="Why It Matters">Working artists bring current technical knowledge into the classroom</td>
      </tr>
      <tr>
        <td data-label="Question">How long after the class ends will my pieces be ready?</td>
        <td data-label="Why It Matters">Firing timelines vary; knowing this upfront avoids surprises</td>
      </tr>
      <tr>
        <td data-label="Question">Is financial aid or payment plans available?</td>
        <td data-label="Why It Matters">Relevant if cost is a consideration</td>
      </tr>
    </tbody>
  </table>
</div>/* End custom CSS */