@charset "UTF-8";
/* Shared
--------------------------------------------------------------*/
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#eckb-article-body {
  display: flex;
  gap: 20px;
}
#eckb-article-body #eckb-article-left-sidebar > section,
#eckb-article-body #eckb-article-left-sidebar .eckb-article-cat-layout-list {
  width: 300px;
}
#eckb-article-body #eckb-article-right-sidebar > section,
#eckb-article-body #eckb-article-right-sidebar .eckb-article-cat-layout-list {
  width: 300px;
}
#eckb-article-body #eckb-article-content-body {
  white-space: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333333;
}
#eckb-article-body #eckb-article-content-body h1, #eckb-article-body #eckb-article-content-body h2, #eckb-article-body #eckb-article-content-body h3, #eckb-article-body #eckb-article-content-body h4, #eckb-article-body #eckb-article-content-body h5, #eckb-article-body #eckb-article-content-body h6 {
  margin-top: 1.2em;
  margin-bottom: 0.6em;
  font-weight: 600;
  line-height: 1.3;
}
#eckb-article-body #eckb-article-content-body h1 {
  font-size: 1.8em;
}
#eckb-article-body #eckb-article-content-body h2 {
  font-size: 1.5em;
}
#eckb-article-body #eckb-article-content-body h3 {
  font-size: 1.3em;
}
#eckb-article-body #eckb-article-content-body h4 {
  font-size: 1.1em;
}
#eckb-article-body #eckb-article-content-body h5 {
  font-size: 1em;
}
#eckb-article-body #eckb-article-content-body h6 {
  font-size: 0.9em;
}
#eckb-article-body #eckb-article-content-body p {
  margin-bottom: 1em;
}
#eckb-article-body #eckb-article-content-body strong, #eckb-article-body #eckb-article-content-body b {
  font-weight: 600;
}
#eckb-article-body #eckb-article-content-body em, #eckb-article-body #eckb-article-content-body i, #eckb-article-body #eckb-article-content-body cite {
  font-style: italic;
}
#eckb-article-body #eckb-article-content-body ul, #eckb-article-body #eckb-article-content-body ol {
  margin: 1em 0;
  padding-inline-start: 2em; /* logical; survives WP admin resets */
}
#eckb-article-body #eckb-article-content-body ul {
  list-style: disc outside;
}
#eckb-article-body #eckb-article-content-body ol {
  list-style: decimal outside;
}
#eckb-article-body #eckb-article-content-body li {
  margin: 0.5em 0;
}
#eckb-article-body #eckb-article-content-body ul ul {
  list-style-type: circle;
}
#eckb-article-body #eckb-article-content-body ul ul ul {
  list-style-type: square;
}
#eckb-article-body #eckb-article-content-body ol ol {
  list-style-type: lower-alpha;
}
#eckb-article-body #eckb-article-content-body q {
  quotes: "“" "”" "‘" "’";
}
#eckb-article-body #eckb-article-content-body q:before {
  content: open-quote;
}
#eckb-article-body #eckb-article-content-body q:after {
  content: close-quote;
}
#eckb-article-body #eckb-article-content-body blockquote {
  border-inline-start: 4px solid #DFE2E5; /* RTL-friendly */
  color: #6A737D;
  padding-inline-start: 1em;
  margin: 1em 0;
}
#eckb-article-body #eckb-article-content-body a {
  color: #0366D6;
  text-decoration: none;
}
#eckb-article-body #eckb-article-content-body a:hover {
  text-decoration: underline;
}
#eckb-article-body #eckb-article-content-body a:focus-visible {
  outline: 2px solid #0366D6;
  outline-offset: 2px;
  box-shadow: none;
}
#eckb-article-body #eckb-article-content-body code {
  background-color: rgba(175, 184, 193, 0.2);
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-family: "Consolas", "Monaco", "Courier New", monospace;
  font-size: 0.9em;
  direction: ltr; /* avoids RTL digit mirroring in code */
}
#eckb-article-body #eckb-article-content-body pre {
  background-color: #F6F8FA;
  border-radius: 6px;
  padding: 1em;
  overflow-x: auto;
  margin: 1em 0;
  border: 1px solid #DFE2E5;
  direction: ltr; /* code readability in RTL admin */
}
#eckb-article-body #eckb-article-content-body pre code {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
#eckb-article-body #eckb-article-content-body hr {
  border: 0;
  border-top: 1px solid #E1E4E8;
  margin: 2em 0;
}
#eckb-article-body #eckb-article-content-body dl {
  margin: 0 0 1.5em 0;
}
#eckb-article-body #eckb-article-content-body dt {
  font-weight: 600;
}
#eckb-article-body #eckb-article-content-body dd {
  margin-inline-start: 1.5em;
}
#eckb-article-body #eckb-article-content-body sup, #eckb-article-body #eckb-article-content-body sub {
  position: relative;
  line-height: 1;
  vertical-align: baseline;
}
#eckb-article-body #eckb-article-content-body sup {
  bottom: 0.4em;
}
#eckb-article-body #eckb-article-content-body sub {
  top: 0.2em;
}
#eckb-article-body #eckb-article-content-body table {
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0;
}
#eckb-article-body #eckb-article-content-body table th, #eckb-article-body #eckb-article-content-body table td {
  border: 1px solid #DFE2E5;
  padding: 0.6em 1em;
  text-align: start; /* logical; RTL-safe */
  font: inherit;
  color: #333333;
  vertical-align: top;
}
#eckb-article-body #eckb-article-content-body table th {
  background-color: #F6F8FA;
  font-weight: 600;
}
#eckb-article-body #eckb-article-content-body table tbody tr:nth-child(even) {
  background-color: #F6F8FA;
}
#eckb-article-body #eckb-article-content-body img {
  max-width: 100%;
  height: auto;
}
#eckb-article-body #eckb-article-content-body video, #eckb-article-body #eckb-article-content-body iframe, #eckb-article-body #eckb-article-content-body embed, #eckb-article-body #eckb-article-content-body object {
  max-width: 100%;
  height: auto;
}
#eckb-article-body #eckb-article-content-body .list-plain {
  list-style: none;
  padding-inline-start: 0;
  margin-inline-start: 0;
}
#eckb-article-body #eckb-article-content-body * {
  box-sizing: border-box;
}
