/* ============================================================================
   ARTICLE CONTENT STYLES
   Everything that targets .content (and its descendants) lives here.

   ============================================================================
   Base typography + defaults (legacy-compliant)
   ============================================================================ */
.content{
  padding-top:1em;
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  font-synthesis: none;
}

.content,
.content p,
.content div,
.content td,
.content th,
.content li{
  font-family:"Campton-book", sans-serif;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  letter-spacing:normal;
  line-height:18px;
  text-decoration:none;
  text-align:start;
  text-indent:0px;
  text-transform:none;
  vertical-align:baseline;
  white-space:normal;
  word-spacing:0px;
  color:rgb(0, 0, 0);
}

/* Vertical rhythm */
.content p,
.content div,
.content td,
.content th,
.content table,
.content ul,
.content ol{
  margin-bottom:1em;
}

/* ============================================================================
   Forms (legacy)
   ============================================================================ */
.content form,
.content ddl,
.content button,
.content input,
.content select,
.content textarea,
.content label{
  font-family:"Campton-book", sans-serif;
  font-size:12px;
}

/* ============================================================================
   Lists
   ============================================================================ */
.content li{
  margin-bottom:6px;
}
.content li:last-child{
  margin-bottom:0px;
}

/* ============================================================================
   Links
   ============================================================================ */
.content a:link{
  font-family:"Campton-semibold", sans-serif;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  letter-spacing:normal;
  line-height:18px;
  text-decoration:none;
  color:#37827D;
  text-align:left;
  text-indent:0px;
  text-transform:none;
  vertical-align:baseline;
  white-space:normal;
  word-spacing:0px;
}
.content a:visited{
  text-decoration:none;
  color:#37827D;
}
.content a:hover{
  text-decoration:underline;
  color:#37827D;
}
.content a:active{
  text-decoration:underline;
  color:#000000;
}

/* Arrow bullets link color override */
.content .arrowBullets li a{
  color:#37827D;
}

/* ============================================================================
   Headings + special elements
   ============================================================================ */
.content h1 .documentFirstHeading{
  font-family:"Campton-semibold", sans-serif;
  font-size:24px;
  line-height:36px;
  color:#12202b;
}

.content h2{
  font-family:"Campton-semibold", sans-serif;
  font-size:16px;
  line-height:20px;
  color:#12202b;
}

.content h3{
  font-family:"Campton-semibold", sans-serif;
  font-size:14px;
  line-height:20px;
  color:#12202b;
}

.content h4{
  font-family:"Campton-semibolditalic", sans-serif;
  font-size:12px;
  line-height:18px;
  color:#12202b;
}

.content h5{
  font-family:"Campton-bookitalic", sans-serif;
  font-size:12px;
  line-height:18px;
  color:#12202b;
}

.content description{
  font-family:"Campton-book", sans-serif;
  font-size:16px;
  line-height:20px;
  color:rgb(85, 85, 85);
}

/* ============================================================================
   Tables
   ============================================================================ */
.content th{
  font-family:"Campton-semibold", sans-serif;
  text-align:left;
}

.content td{
  text-align:left;
  padding:5px;
}

.content table{
  font-family:"Campton-book", sans-serif;
  font-size:12px;
  line-height:18px;
  margin-bottom:1em;
  color:rgb(38, 38, 38);
}

.content table.listing th,
.content table.listing td{
  padding:5px;
}

.content table.listing th{
  background-color:#37827D;
  color:#ffffff;
}

.content table.listing tr:nth-child(even){
  background-color:#f2f2f2;
}

/* ============================================================================
   Tabs / legacy classes
   ============================================================================ */
.content .tab_top{
  background-color:#EBEBEC;
  font-family:"Campton-book", sans-serif;
  font-size:12px;
  color:#787878;
  text-align:center;
  padding:4px;
}

.content .tab_top_active{
  font-weight:bold;
  background-color:#D5D5D5;
  font-family:"Campton-book", sans-serif;
  font-size:12px;
  color:#000000;
  text-align:center;
  padding:4px;
}

.content .tab_content{
  background-color:whitesmoke;
  font-family:"Campton-book", sans-serif;
  font-size:12px;
  color:#000000;
  padding-right:8px;
  padding-left:8px;
  padding-top:16px;
  padding-bottom:8px;
  text-decoration:none;
}

.content .table_top{
  width:100%;
}

.content .contentdiv{
  padding-right:1px;
  padding-left:1px;
  padding-top:2px;
  padding-bottom:0px;
  height:800px;
  overflow:auto;
  border-bottom:#d5d5d5 2px solid;
}

/* ============================================================================
   Standalone hyperlinks
   Supports the following two conditions:
   - <li><a>...</a></li>
   - <li><p><a>...</a></p></li>
   ============================================================================ */

/* Target anchors that are standalone hyperlinks (NOT inside tables) */
.content ul:not(table ul) > li > a,
.content ul:not(table ul) > li > p > a{
  display:inline-block;
  position:relative;
  padding-left:34px;
  color:#000 !important;
  text-decoration:none !important;
  font-family:"Campton-semibold", sans-serif;
  font-size:14px;
  line-height:20px;
}

/* Remove bullet on LI only when it contains those standalone link patterns */
.content ul:not(table ul) > li:has(> a),
.content ul:not(table ul) > li:has(> p > a){
  list-style:none;
  position:relative;
}

/* Arrow (lighter weight + no underline) */
.content ul:not(table ul) > li > a::before,
.content ul:not(table ul) > li > p > a::before{
  content:"→";
  position:absolute;
  left:0;
  top:0.05em;
  color:#37827D;
  font-family:"Campton-book", sans-serif;
  font-size:18px;
  line-height:20px;
  text-decoration:none !important;
}

/* Never underline the whole link */
.content ul:not(table ul) > li > a:hover,
.content ul:not(table ul) > li > a:focus-visible,
.content ul:not(table ul) > li > p > a:hover,
.content ul:not(table ul) > li > p > a:focus-visible{
  text-decoration:none !important;
}

/* Underline only under the text, not under the arrow */
.content ul:not(table ul) > li > a:hover::after,
.content ul:not(table ul) > li > a:focus-visible::after,
.content ul:not(table ul) > li > p > a:hover::after,
.content ul:not(table ul) > li > p > a:focus-visible::after{
  content:"";
  position:absolute;
  left:34px;
  right:0;
  bottom:0.15em;
  border-bottom:1px solid currentColor;
}

/* Flush-left the whole UL only when it contains ONLY standalone link LIs */
.content ul:not(table ul):has(> li > a:only-child),
.content ul:not(table ul):has(> li > p:only-child > a:only-child){
  margin-left:0;
  padding-left:0;
}

/* Remove p margins in <li><p><a>... so alignment stays clean */
.content ul:not(table ul) > li:has(> p > a) > p{
  margin:0;
}

/* If a "standalone link line" is split into multiple <a> tags,
   only show the arrow on the first <a> and remove it from subsequent ones. */
.content ul:not(table ul) > li > p > a + a{
  padding-left:0;
  font-family:inherit;
}

.content ul:not(table ul) > li > p > a + a::before,
.content ul:not(table ul) > li > p > a + a::after{
  content:none !important;
}

.content ul:not(table ul) > li > p > a + a:hover::after,
.content ul:not(table ul) > li > p > a + a:focus-visible::after{
  content:none !important;
}

/* ============================================================================
   Print - content-specific rules
   ============================================================================ */
@media print{
  .content table.listing{
    border-collapse:collapse;
    width:100%;
    border:1px solid #000;
  }

  .content table.listing td,
  .content table.listing th{
    color:#000 !important;
    border:1px solid #000;
    padding:6px;
  }
}