/*
Documentation Styles - Minimalist Template
-----------------------------------

Welcome! This CSS file defines the visual appearance of your documentation content. 
It provides a modern, clean look for your documentation while maintaining excellent
readability and accessibility. It includes styles for:

- Basic typography and content elements
- Interactive elements (dropdowns, popups)
- API documentation components
- Code samples and syntax highlighting
- Navigation elements
- Responsive design adjustments


To customize these styles:

1. Adjust the core properties by modifying CSS variables in the :root section
2. Override specific styles by adding your CSS rules at the end of this file
3. Contact our support team if you need assistance


The following pages can help you get started with CSS:
* CSS Tutorial (http://w3schools.com/css/default.asp)
* CSS3 Tutorial (http://w3schools.com/css3/default.asp)
* CSS Reference (http://w3schools.com/cssref/default.asp)

----------------------------------------------------------------------------*/
/* Import Inter font for clean, modern typography */
/* CSS Variables */
/* Warning: CSS Variables are not supported in printable versions of your documentation. 
   Change the colors specified in PrintedDoc.css if necessary */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');:root
{
  --primary-color: #005FB8;
  --text-primary: #2D3748;
  --text-secondary: #4A5568;
  --link-color: #005FB8;
  --link-hover: #004a8f;
  --border-color: #E2E8F0;
  --background-subtle: #F7FAFC;
}

/* Base styles */
.ch-ArticleContent
{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.6;
  color: var(--text-primary);
  font-size: 16px;
  margin: 0px;
  padding: 8px;
}

/* Typography */
.ch-ArticleContent h1,
.ch-ArticleContent h2,
.ch-ArticleContent h3,
.ch-ArticleContent h4,
.ch-ArticleContent h5,
.ch-ArticleContent h6
{
  margin-top: 32px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary);
}

.ch-ArticleContent h1
{
  font-size: 40px;
}

.ch-ArticleContent h2
{
  font-size: 32px;
}

.ch-ArticleContent h3
{
  font-size: 24px;
}

.ch-ArticleContent h4
{
  font-size: 20px;
}

.ch-ArticleContent h5
{
  font-size: 18px;
}

.ch-ArticleContent h6
{
  font-size: 16px;
}

.ch-ArticleContent p
{
  margin-bottom: 16px;
  max-width: 70ch;
}

/* Links */
.ch-ArticleContent a
{
  color: var(--link-color);
  text-decoration: none;
  transition: color 0.2s ease;
}

.ch-ArticleContent a:hover
{
  color: var(--link-hover);
  text-decoration: underline;
}

/* External Links */
.ch-ArticleContent a[target="_blank"]
{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
}

.ch-ArticleContent a[target="_blank"]::after
{
  content: "↗";
  font-size: 0.875em;
  color: var(--link-color);
  opacity: 0.7;
  line-height: 1;
  transition: transform 0.15s ease;
}

.ch-ArticleContent a[target="_blank"]:hover::after
{
  opacity: 1;
  transform: translate(1px, -1px);
}

/* Lists */
.ch-ArticleContent ul,
.ch-ArticleContent ol
{
  padding-left: 24px;
  margin-bottom: 16px;
}

.ch-ArticleContent li
{
  margin-bottom: 8px;
}

.ch-ArticleContent ul ul,
.ch-ArticleContent ol ol,
.ch-ArticleContent ul ol,
.ch-ArticleContent ol ul
{
  margin-top: 8px;
  margin-bottom: 0;
}

/* Tables */
.ch-ArticleContent .CHTable
{
  width: 100%;
  margin-bottom: 16px;
  border-collapse: collapse;
  font-size: 14px;
}

.ch-ArticleContent .CHTable th,
.ch-ArticleContent .CHTable td
{
  padding: 12px;
  border: 1px solid var(--border-color);
}

.ch-ArticleContent .CHTable th
{
  background: var(--background-subtle);
  font-weight: 500;
  text-align: left;
}

.ch-ArticleContent .CHTable tr:hover
{
  background-color: var(--background-subtle);
}

/* Simple table */
.ch-ArticleContent .tableSimple
{
  font-size: 12px;
  width: 100%;
  text-align: start;
  border-collapse: collapse;
  border: 1px solid #616161;
}

.ch-ArticleContent .tableSimple th
{
  padding: 15px 10px 10px 10px;
  font-weight: normal;
  font-size: 14px;
  color: #555555;
  text-align: start;
}

.ch-ArticleContent .tableSimple tbody
{
  background: transparent;
}

.ch-ArticleContent .tableSimple td
{
  padding: 10px;
  color: #333;
  border-top: 1px solid #696969;
  text-align: start;
}

.ch-ArticleContent .tableSimple tbody tr:hover td
{
  color: black;
  background: #EFEFEF;
}

/* Table with both rows and columns having odd/even styles */
.ch-ArticleContent .tableVerZebra
{
  font-size: 12px;
  text-align: start;
  border-collapse: collapse;
  background: #eee;
}

.ch-ArticleContent .tableVerZebra th
{
  font-size: 14px;
  font-weight: normal;
  padding: 12px 15px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  color: #555555;
  background: #eee;
}

.ch-ArticleContent .tableVerZebra td
{
  padding: 8px 15px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  color: #333;
}

.ch-ArticleContent .tableVerZebra tr:nth-child(odd)
{
  background: #E0E0E0;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}

.ch-ArticleContent .tableVerZebra tfoot td
{
  background: #EEEEEE;
  color: #333;
}

/* Info/warning boxes */
.ch-ArticleContent .infobox-simple
{
  padding: 16px;
  margin: 16px 0;
  border-radius: 6px;
  background: #F7FAFC;
}

.ch-ArticleContent .infobox--note
{
  border-left: 4px solid #005FB8;
}

.ch-ArticleContent .infobox--warning
{
  border-left: 4px solid #ED8936;
  background: #FFFAF0;
}

.ch-ArticleContent .successBox,
.ch-ArticleContent .warningBox,
.ch-ArticleContent .errorBox,
.ch-ArticleContent .noteBox,
.ch-ArticleContent .infoBox
{
  border-radius: 6px;
  margin: 16px 0;
}

.ch-ArticleContent .successBox
{
  border-left: 4px solid #07875c;
  background: #eafff8;
}

.ch-ArticleContent .warningBox
{
  border-left: 4px solid #ED8936;
  background: #FFFAF0;
}

.ch-ArticleContent .errorBox
{
  border-left: 4px solid #e72316;
  background: #fff2f1;
}

.ch-ArticleContent .noteBox
{
  border-left: 4px solid #593ea8;
  background: #f6f3ff;
}

.ch-ArticleContent .infoBox
{
  border-left: 4px solid #005FB8;
  background: #F7FAFC;
}

.ch-ArticleContent .successBoxImageCell,
.ch-ArticleContent .warningBoxImageCell,
.ch-ArticleContent .errorBoxImageCell,
.ch-ArticleContent .noteBoxImageCell,
.ch-ArticleContent .infoBoxImageCell
{
  padding-left: 14px;
  padding-top: 16px;
  vertical-align: top;
  width: 24px;
}

.ch-ArticleContent .successBoxText,
.ch-ArticleContent .warningBoxText,
.ch-ArticleContent .errorBoxText,
.ch-ArticleContent .noteBoxText,
.ch-ArticleContent .infoBoxText
{
  padding: 16px 10px;
}

.ch-ArticleContent .successBoxImageCell img,
.ch-ArticleContent .warningBoxImageCell img,
.ch-ArticleContent .errorBoxImageCell img,
.ch-ArticleContent .noteBoxImageCell img,
.ch-ArticleContent .infoBoxImageCell img
{
  max-width: 100%;
  vertical-align: text-top;
}

.ch-ArticleContent .successBox p:last-child,
.ch-ArticleContent .warningBox p:last-child,
.ch-ArticleContent .errorBox p:last-child,
.ch-ArticleContent .noteBox p:last-child,
.ch-ArticleContent .infoBox p:last-child
{
  margin-bottom: 0;
}

.ch-ArticleContent .successBox p:first-child,
.ch-ArticleContent .warningBox p:first-child,
.ch-ArticleContent .errorBox p:first-child,
.ch-ArticleContent .noteBox p:first-child,
.ch-ArticleContent .infoBox p:first-child
{
  margin-top: 0;
}

/* Code elements */
.ch-ArticleContent .inlineCode,
.ch-ArticleContent code
{
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 0.875em;
  background: var(--background-subtle);
  padding: 0.2em 0.4em;
  border-radius: 6px;
}

/* Images */
.ch-ArticleContent img
{
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

/* Override border-radius for specific images */
.ch-ArticleContent .CHHttpRequest_headerImg img
{
  max-width: none;
  border-radius: 0;
  vertical-align: middle;
}

.ch-ArticleContent .screenshot
{
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Base iframe styles */
.ch-ArticleContent iframe
{
  border: none;
  margin: 0;
  padding: 0;
}

/* YouTube videos */
.ch-ArticleContent iframe[src*="youtube.com"],
.ch-ArticleContent iframe[src*="youtu.be"]
{
  width: 100%;
  max-width: 640px;
  aspect-ratio: 16 / 9;
  margin: 16px 0;
  border-radius: 6px;
  background: var(--background-subtle);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Show More Box */
.ch-ArticleContent .CHBoxShowMore
{
  margin: 16px 0;
}

.ch-ArticleContent .CHBoxShowMore .showMoreLabel,
.ch-ArticleContent .CHBoxShowMore .hideLabel
{
  color: var(--link-color);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}

.ch-ArticleContent .CHBoxShowMore .showMoreContent
{
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid var(--border-color);
}

/* Tabs */
.ch-ArticleContent .CHTabs_container
{
  border: 1px solid var(--border-color);
  border-radius: 6px;
  overflow: hidden;
}

.ch-ArticleContent .CHTabs_container .CHTabs_tabCaptionsContainer
{
  background: var(--background-subtle);
  border-bottom: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
}

.ch-ArticleContent .CHTabs_container .CHTabs_tabCaption
{
  padding: 12px 16px;
  cursor: pointer;
  font-weight: 500;
  color: var(--text-secondary);
  transition: all 0.2s ease;
  border-bottom: 2px solid transparent;
}

.ch-ArticleContent .CHTabs_tabCaption:not(:first-child):not(:last-child)
{
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
}

.ch-ArticleContent .CHTabs_tabCaption:nth-child(1):nth-last-child(2)
{
  border-right: 1px solid var(--border-color);
}

.ch-ArticleContent .CHTabs_tabCaption:hover
{
  color: var(--primary-color);
  background: rgba(0, 0, 0, 0.03);
}

.ch-ArticleContent .CHTabs_container .CHTabs_tabCaptionSelected,
.ch-ArticleContent .CHTabs_container .CHTabs_tabCaptionSelected:hover
{
  color: var(--primary-color);
  border-bottom-color: var(--primary-color);
  background: white;
  font-weight: 500;
}

.ch-ArticleContent .CHTabs_tabContentContainer
{
  padding: 16px;
}

/* Interactive Elements */
/* Dropdown */
.ch-ArticleContent .CHDropdownHotspot,
.ch-ArticleContent .CHPopupHotspot
{
  border-bottom: 1px dotted var(--text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.ch-ArticleContent .CHDropdownHotspot:hover,
.ch-ArticleContent .CHPopupHotspot:hover
{
  color: var(--primary-color);
  border-bottom-color: var(--primary-color);
}

.ch-ArticleContent .CHDropdown
{
  margin: 16px 0;
  padding-left: 24px;
  border-left: 2px solid var(--border-color);
}

/* Popup */
.ch-ArticleContent .CHPopup
{
  max-width: 400px;
  padding: 12px;
  background: white;
  border-radius: 6px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14), 0 0 2px rgba(0, 0, 0, 0.18);
  font-size: 14px;
  line-height: 1.5;
}

/* Code Sample */
.ch-ArticleContent .CHCodeSample_container
{
  margin: 16px 0;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--border-color);
  width: 100%;
  font-size: 14px;
}

.ch-ArticleContent .CHCodeSample_container .CHCodeSample_header
{
  background: var(--background-subtle);
  padding: 8px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
}

.ch-ArticleContent .CHCodeSample_container .CHCodeSample_langName
{
  font-weight: 500;
  color: var(--text-secondary);
}

.ch-ArticleContent .CHCodeSample_container .CHCodeSample_copyCode,
.ch-ArticleContent .CHCodeSample_container .CHCodeSample_copyCode:hover
{
  padding: 8px 10px 8px 32px;
}

.ch-ArticleContent .CHCodeSample_container .CHCodeSample_copyCode a
{
  color: var(--text-secondary);
  font-size: 14px;
  text-decoration: none;
}

.ch-ArticleContent .CHCodeSample_container .CHCodeSample_copyCode a:hover
{
  color: var(--primary-color);
}

.ch-ArticleContent .CHCodeSample_container .CHCodeSample_copyCodePressed::after
{
  padding-top: 8px;
}

.ch-ArticleContent .CHCodeSample_container .CHCodeSample_code
{
  padding: 16px;
  background: #FAFAFA;
  overflow-x: auto;
}

.ch-ArticleContent .CHCodeSample_container .CHCodeSample_code pre
{
  margin: 0;
  font-family: 'JetBrains Mono', monospace;
}

/* Navigation Links */
.ch-ArticleContent .CHNavLinkTop,
.ch-ArticleContent .CHNavLinkNext,
.ch-ArticleContent .CHNavLinkPrevious
{
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  background: var(--background-subtle);
  border-radius: 6px;
  color: var(--text-secondary);
  text-decoration: none;
  transition: all 0.2s ease;
  border: 1px solid var(--border-color);
}

.ch-ArticleContent .CHNavLinkTop:hover,
.ch-ArticleContent .CHNavLinkNext:hover,
.ch-ArticleContent .CHNavLinkPrevious:hover
{
  background: white;
  color: var(--primary-color);
  border-color: var(--primary-color);
  text-decoration: none;
}

.ch-ArticleContent .CHNavLinkNext::after
{
  content: "→";
  margin-left: 0.5em;
}

.ch-ArticleContent .CHNavLinkPrevious::before
{
  content: "←";
  margin-right: 0.5em;
}

.ch-ArticleContent .CHNavCaption
{

}

.ch-ArticleContent .CHSeeAlso
{

}

.ch-ArticleContent .CHSeeAlso_separator
{

}

.ch-ArticleContent .CHSeeAlso_item
{

}

.ch-ArticleContent .CHSeeAlso_itemChild
{

}

.ch-ArticleContent .CHSeeAlso_itemSibling
{

}

.ch-ArticleContent .CHSeeAlso_hasChildren
{

}

.ch-ArticleContent .CHSeeAlso_hasSiblings
{

}

.ch-ArticleContent .CHBreadcrumb
{

}

.ch-ArticleContent .CHBreadcrumb_separator
{

}

.ch-ArticleContent .CHBreadcrumb_item
{

}

.ch-ArticleContent .CHBreadcrumb_itemHome
{

}

.ch-ArticleContent .CHBreadcrumb_itemPub
{

}

.ch-ArticleContent .CHBreadcrumb_itemSelf
{

}

/* Link icons displayed on hover in headings */
.ch-ArticleContent .CHHeadingLink
{

}

/* Mini-TOC */
.ch-ArticleContent .CHMiniToc
{

}

.ch-ArticleContent .CHMiniToc_heading3,
.ch-ArticleContent .CHMiniToc_heading4,
.ch-ArticleContent .CHMiniToc_heading5,
.ch-ArticleContent .CHMiniToc_heading6
{

}

/* Footer */
.ch-ArticleContent .footer
{
  margin-top: 48px;
  padding-top: 16px;
  border-top: 1px solid var(--border-color);
  color: var(--text-secondary);
  font-size: 14px;
}

.ch-ArticleContent .footer a
{
  color: var(--text-secondary);
  text-decoration: underline;
}

.ch-ArticleContent .footer a:hover
{
  color: var(--primary-color);
}

/* API Documentation Elements */
.ch-ArticleContent .CHMemberTable
{
  border: 1px solid var(--border-color);
  border-radius: 6px;
  border-collapse: collapse;
  width: 100%;
  margin: 16px 0;
  font-size: 14px;
}

.ch-ArticleContent .CHMemberTable tr:nth-child(even)
{
  background: var(--background-subtle);
}

.ch-ArticleContent .CHMemberTable td
{
  padding: 12px;
  border-bottom: 1px solid var(--border-color);
  vertical-align: baseline;
}

.ch-ArticleContent .CHMemberTable td p
{
  margin: 0;
  line-height: 1.5;
}

.ch-ArticleContent .CHMemberTable > tbody > tr > td:first-child
{
  font-weight: 500;
  white-space: nowrap;
}

.ch-ArticleContent .CHMemberTable > tbody > tr > td:nth-child(2)
{
  font-family: 'JetBrains Mono', monospace;
  color: var(--text-secondary);
  white-space: nowrap;
}

.ch-ArticleContent .CHMemberTable_optionalMark,
.ch-ArticleContent .CHMemberTable_requiredMark
{
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 4px;
}

.ch-ArticleContent .CHMemberTable_requiredMark
{
  color: #E53E3E;
}

.ch-ArticleContent .CHMemberTable_optionalMark
{
  color: var(--text-secondary);
}

/* HTTP Request Styles */
.ch-ArticleContent .CHHttpRequest
{
  width: 100%;
  margin: 16px 0;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  overflow: hidden;
  border-spacing: 0;
}

.ch-ArticleContent .CHHttpRequest_headerImg,
.ch-ArticleContent .CHHttpRequest_headerText
{
  padding: 8px;
  background: var(--background-subtle);
  border-bottom: 1px solid var(--border-color);
}

.ch-ArticleContent .CHHttpRequest_post .CHHttpRequest_headerImg
{
  width: 47px;
}

.ch-ArticleContent .CHHttpRequest_delete .CHHttpRequest_headerImg
{
  width: 63px;
}

.ch-ArticleContent .CHHttpRequest_headerText
{
  font-weight: 500;
}

.ch-ArticleContent .CHHttpRequest_headerImg
{
  width: 40px;
  padding-right: 12px;
}

.ch-ArticleContent .CHHttpRequest_code
{
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  color: var(--text-secondary);
  background: #FAFAFA;
  padding: 16px;
}

/* Response Codes */
.ch-ArticleContent .CHResponseCode_good,
.ch-ArticleContent .CHResponseCode_warning,
.ch-ArticleContent .CHResponseCode_error
{
  font-weight: 500;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ch-ArticleContent .CHResponseCode_good::before,
.ch-ArticleContent .CHResponseCode_warning::before,
.ch-ArticleContent .CHResponseCode_error::before
{
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.ch-ArticleContent .CHResponseCode_good::before
{
  background: #38A169;
}

.ch-ArticleContent .CHResponseCode_warning::before
{
  background: #DD6B20;
}

.ch-ArticleContent .CHResponseCode_error::before
{
  background: #E53E3E;
}

.ch-ArticleContent .CHResponseCode_good + p,
.ch-ArticleContent .CHResponseCode_warning + p,
.ch-ArticleContent .CHResponseCode_error + p
{
  margin-top: 4px;
  color: var(--text-secondary);
}

/* Print styles */
@media print
{
  .ch-ArticleContent .nonPrintable
  {
    display: none;
  }
}

/* RTL */
.ch-ArticleContent .rtl ul
{
  padding-right: 40px;
}

.ch-ArticleContent .rtl ol
{
  padding-right: 40px;
}

.ch-ArticleContent .rtl .startTable h2
{
  padding-right: 5px;
}

.ch-ArticleContent .rtl .successBoxImageCell,
.ch-ArticleContent .rtl .warningBoxImageCell,
.ch-ArticleContent .rtl .errorBoxImageCell,
.ch-ArticleContent .rtl .noteBoxImageCell,
.ch-ArticleContent .rtl .infoBoxImageCell
{
  padding-left: 8px;
}

.ch-ArticleContent .rtl .CHHttpRequest_headerImg
{
  padding-left: 10px;
}