/* START NEW ACCORDION/ACCORDION-SMALL STYLE*/

/* Base Accordion Style */
.accordion, .accordion-small {
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.3s;
  margin-bottom: 12px;
}

.accordion {
  background-color: #eee;
  color: #444;
  padding: 18px;
  font-size: 15px;
}

.accordion-small {
  background-color: #f5f5f5;
  color: #333;
  padding: 10px;
  font-size: 16px; 
}

.accordion p, .accordion-small p {
  display: inline;
}

.accordion:hover, .accordion-small:hover,
.accordion.active, .accordion-small.active {
  background-color: #ccc;
}

.accordion:after, .accordion-small:after {
  content: '\003E';
  transform: rotate(0deg);
  transition: transform 0.4s ease;
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  margin-bottom: 8px;
  margin-top: -4px;
}

.accordion:after {
  font-size: 24px;
}

.accordion-small:after {
  content: '\003E';
  font-size: 16px;
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  margin-top: 2px;
  transition: transform 0.4s ease;
  transform: rotate(0deg);
}

.accordion.active:after, .accordion-small.active:after {
  transform: rotate(90deg);
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/* END ACCORDION/ACCORDION-SMALL STYLE  */


/* ============================================================
   InfoEngTable (original rules)
   ============================================================ */

figure.wysiwyg-table table.InfoEngTable, .InfoEngTable {
  width: 100%;
  table-layout: auto;
  margin-top: 12px;
  margin-bottom: 25px;
  border-collapse: collapse;
  align: left;
}

@media (min-width: 768px) {
  .InfoEngTable {
    table-layout: auto;
  }
}

.InfoEngTable th,
.InfoEngTable th a {
  background-color: #DCDCDC;
  color: black;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}

/* RTL */
[dir="rtl"] .InfoEngTable th, [dir="rtl"]
.InfoEngTable th a {
  text-align: right;
}

.InfoEngTable caption {
  text-align: left;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  padding: 10px;
}

/* NOTE: We no longer put borders on all <tr>. We’ll set body-row rules below
   in the Zendesk fix section so headers don’t get bottom borders. */


/* Your original mobile/desktop layout behavior */
.InfoEngTable tr {
  display: block;
  padding: 8px 0;   /* was 20px */
}


@media (min-width: 768px) {
  .InfoEngTable tr {
    display: table-row;
  }
}

.InfoEngTable td {
  display: block;
  vertical-align: top;
}

@media (min-width: 768px) {
  .InfoEngTable td {
    display: table-cell;
  }
}

/* CHANGED: remove table-level padding; keep padding on cells only */
@media (min-width: 1024px) {
  .InfoEngTable th {
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {
  .InfoEngTable td, .InfoEngTable th {
    padding: 6px 20px;
    height: auto;
  }
}


/* ============================================================
   >>> ZENDESK OLD+NEW EDITOR TABLE FIX (ADD)
   ============================================================ */

.article-body figure.wysiwyg-table,
.article-content figure.wysiwyg-table {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.article-body figure.wysiwyg-table > table,
.article-content figure.wysiwyg-table > table {
  width: 100%;
}

/* Remove theme-applied OUTSIDE borders on InfoEngTable (top-level + nested) */
.article-body table.InfoEngTable,
.article-content table.InfoEngTable,
.article-body table.InfoEngTable table.InfoEngTable,
.article-content table.InfoEngTable table.InfoEngTable {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Remove vertical borders anywhere inside InfoEngTables */
.article-body table.InfoEngTable td,
.article-content table.InfoEngTable td,
.article-body table.InfoEngTable th,
.article-content table.InfoEngTable th {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Ensure InfoEngTable header text alignment applies whether wrapped or not */
.article-body table.InfoEngTable thead > tr > th,
.article-content table.InfoEngTable thead > tr > th,
.article-body figure.wysiwyg-table table.InfoEngTable thead > tr > th,
.article-content figure.wysiwyg-table table.InfoEngTable thead > tr > th {
  text-align: left !important;
}

/* RTL override for the same header targets */
[dir="rtl"] .article-body table.InfoEngTable thead > tr > th,
[dir="rtl"] .article-content table.InfoEngTable thead > tr > th,
[dir="rtl"] .article-body figure.wysiwyg-table table.InfoEngTable thead > tr > th,
[dir="rtl"] .article-content figure.wysiwyg-table table.InfoEngTable thead > tr > th {
  text-align: right !important;
}

/* Kill header bottom borders */
.article-body table.InfoEngTable thead th,
.article-content table.InfoEngTable thead th {
  border-bottom: 0 !important;
}

.article-body table.InfoEngTable thead tr,
.article-content table.InfoEngTable thead tr {
  border-bottom: 0 !important;
}

/* Keep header height consistent + (authoritative) header padding */

.article-body table.InfoEngTable thead th,
.article-content table.InfoEngTable thead th {
  padding: 20px 20px !important;   /* RESTORED header spacing */
  height: auto;                    /* KEEP this (critical fix) */
  line-height: 1.6;
  vertical-align: middle;
}

/* ADDED: make body cell padding consistent too (prevents weird “header looks off” perceptions) */
.article-body table.InfoEngTable tbody td,
.article-content table.InfoEngTable tbody td {
  padding: 16px 20px;   /* TIGHTER body */
  line-height: 1.5;
}

/* ------------------------------
   Normalize inner spacing in cells 050626
   ------------------------------ */

/* Remove top/bottom space noise */
.article-body table.InfoEngTable td > *:first-child,
.article-content table.InfoEngTable td > *:first-child {
  margin-top: 0;
}

.article-body table.InfoEngTable td > *:last-child,
.article-content table.InfoEngTable td > *:last-child {
  margin-bottom: 0;
}

/* Paragraphs */
.article-body table.InfoEngTable td p,
.article-content table.InfoEngTable td p {
  margin: 0.4em 0;
  line-height: 1.4;
}

/* Lists */
.article-body table.InfoEngTable td ul,
.article-content table.InfoEngTable td ul,
.article-body table.InfoEngTable td ol,
.article-content table.InfoEngTable td ol {
  margin: 0.4em 0;
  padding-left: 1.2em;
}

.article-body table.InfoEngTable td li,
.article-content table.InfoEngTable td li {
  margin: 0.2em 0;
}

/* 🔴 CRITICAL FIX: nested <p> inside <li> */
.article-body table.InfoEngTable td li p,
.article-content table.InfoEngTable td li p {
  margin: 0;
}

/* Notes inside table cells */
.article-body table.InfoEngTable td .note,
.article-content table.InfoEngTable td .note {
  margin: 0.5em 0;
}

/* Horizontal rules ONLY on body rows */
.article-body table.InfoEngTable tbody tr,
.article-content table.InfoEngTable tbody tr {
  border-bottom: 1px solid #e0e0e0;
}

.article-body table.InfoEngTable tbody tr:last-child,
.article-content table.InfoEngTable tbody tr:last-child {
  border-bottom: 0 !important;
}

/* Nested tables */
.article-body table.InfoEngTable td table.InfoEngTable tbody tr,
.article-content table.InfoEngTable td table.InfoEngTable tbody tr {
  padding: 6px 0;
  border-bottom: 1px solid #e0e0e0;
}

.article-body table.InfoEngTable td table.InfoEngTable tbody tr:last-child,
.article-content table.InfoEngTable td table.InfoEngTable tbody tr:last-child {
  border-bottom: 0 !important;
}

.article-body table.InfoEngTable td table.InfoEngTable td,
.article-content table.InfoEngTable td table.InfoEngTable td,
.article-body table.InfoEngTable td table.InfoEngTable th,
.article-content table.InfoEngTable td table.InfoEngTable th {
  border: 0 !important;
  padding: 6px 10px;
  height: auto !important;
}


/* ============================================================
   REMOVE TABLE-LEVEL PADDING FROM INFOENGTABLE (ADDED)
   ============================================================ */

@media (min-width: 1024px) {
  .article-body table.InfoEngTable,
  .article-content table.InfoEngTable {
    padding: 0 !important;
  }
}
/* =======================================
   Directory tree lists (Zendesk hardened)
   ======================================= */

/* Remove bullets */
.article-body .directory-tree,
.article-content .directory-tree,
.article-body .directory-tree ul,
.article-content .directory-tree ul {
  list-style: none !important;
  margin: 0;
}

/* Kill bullets injected by browser or theme */
.article-body .directory-tree li::marker,
.article-content .directory-tree li::marker,
.article-body .directory-tree li::before,
.article-content .directory-tree li::before {
  content: none !important;
}

/* ---------------------------------------
   Indentation (depth-aware)
   --------------------------------------- */

/* Root directory list */
.article-body .directory-tree,
.article-content .directory-tree {
  padding-left: 1rem;
}

/* Level 1 children */
.article-body .directory-tree > li > ul,
.article-content .directory-tree > li > ul {
  padding-left: 1.75rem;
}

/* Level 2 children */
.article-body .directory-tree > li > ul > li > ul,
.article-content .directory-tree > li > ul > li > ul {
  padding-left: 2.25rem;
}

/* Level 3+ children (cap growth, still deeper) */
.article-body .directory-tree ul ul ul {
  padding-left: 2.75rem;
}

/* ---------------------------------------
   Spacing control
   --------------------------------------- */

.article-body .directory-tree li,
.article-content .directory-tree li {
  margin: 0.2rem 0;
}

/* Extra space between top-level entries */
.article-body .directory-tree > li,
.article-content .directory-tree > li {
  margin-top: 0.9rem;
}

/* Space between parent entry and its children */
.article-body .directory-tree > li > ul,
.article-content .directory-tree > li > ul {
  margin-top: 0.4rem;
}

/* ---------------------------------------
   Directory name styling
   --------------------------------------- */

.article-body .directory-tree code,
.article-content .directory-tree code {
  font-weight: 600;
  white-space: nowrap;
}


/* ---------------------------------------
   Fix for li > p and li > figure spacing
   --------------------------------------- */

   li > p {
  margin: 0;
}

li > figure {
  margin: 0.5em 0;
}