/* Coolshed Docs Fixes - responsive overrides */

body { overflow-x: hidden; }

/* Documentation body/paragraph text */
.csl-docs p,
.plugin-section p,
.entry-content p,
#csl-docs-wrap p {
  font-size: 16px;
  color: #333;
}

/*  Plugin nav tab states  */
.plugin-tab {
	  color: #444 !important;
	  background: #fff !important;
}
.plugin-tab:hover {
	  color: #333 !important;
	  background: #fff !important;
}
.plugin-tab.active {
	  color: #000 !important;
	  background: #fff !important;
}
}
}
}

/*  FAQ-style accordion  */
.accordion-group { display: flex !important; flex-direction: column !important; gap: 0 !important; }

.accordion-item {
	  background: transparent !important;
	  border: none !important;
	  border-bottom: 1px solid #e2e2e2 !important;
	  border-radius: 0 !important;
	  overflow: visible !important;
	  box-shadow: none !important;
}
.accordion-group .accordion-item:first-child {
	  border-top: 1px solid #e2e2e2 !important;
}

.accordion-trigger {
	  width: 100% !important;
	  display: flex !important;
	  align-items: center !important;
	  justify-content: space-between !important;
	  gap: 16px !important;
	  padding: 20px 0 !important;
	  background: none !important;
	  border: none !important;
	  color: #111 !important;
	  font-family: 'Montserrat', sans-serif !important;
	  font-size: 0.95rem !important;
	  font-weight: 700 !important;
	  letter-spacing: 0 !important;
	  text-align: left !important;
	  cursor: pointer !important;
	  transition: none !important;
}
.accordion-trigger:hover { background: transparent !important; }
.accordion-trigger.open { color: #111 !important; background: transparent !important; }

.accordion-chevron { display: none !important; }

.accordion-trigger::after {
	  content: '+' !important;
	  display: inline-flex !important;
	  align-items: center !important;
	  justify-content: center !important;
	  flex-shrink: 0 !important;
	  width: 28px !important;
	  height: 28px !important;
	  border-radius: 50% !important;
	  border: 1.5px solid #1ca7ed !important;
	  color: #1ca7ed !important;
	  font-size: 20px !important;
	  font-weight: 300 !important;
	  line-height: 1 !important;
	  font-family: sans-serif !important;
	  transition: transform 0.25s ease !important;
}
.accordion-trigger.open::after {
	  content: '\00d7' !important;
	  font-size: 18px !important;
}

.accordion-body {
	  display: block !important;
	  max-height: 0 !important;
	  overflow: hidden !important;
	  padding: 0 !important;
	  color: #555 !important;
	  font-size: 0.9rem !important;
	  line-height: 1.7 !important;
	  transition: max-height 0.35s ease, padding 0.35s ease !important;
}
.accordion-body.open { max-height: 1200px !important; padding-bottom: 20px !important; }
.accordion-body ul { list-style: none !important; display: flex !important; flex-direction: column !important; gap: 8px !important; padding: 0 !important; margin: 0 !important; }
.accordion-body ul li {
	  padding-left: 18px !important;
	  position: relative !important;
	  font-size: 0.9rem !important;
	  color: #666 !important;
	  line-height: 1.55 !important;
}
.accordion-body ul li::before { content: '\2013' !important; position: absolute !important; left: 0 !important; color: #ccc !important; }
.accordion-body ul li strong { color: #333 !important; }
.accordion-body code { background: rgba(28,167,237,0.1) !important; color: #0369a1 !important; border-radius: 4px !important; padding: 1px 6px !important; font-size: 0.88em !important; }

}
}
}
}
}
}
}}
}
}
}
}
}
}
.csl-docs table,
table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }

pre, .csl-docs pre { overflow-x: auto; white-space: pre-wrap; word-break: break-word; }
code { word-break: break-all; }

@media (max-width: 640px) {
  .stat-row { flex-direction: column; }
  .stat-block { min-width: 0; width: 100%; }
  .steps-row { flex-direction: column; gap: 20px; }
  .steps-row::before { display: none; }
}

@media (max-width: 700px) {
  .flow-row { flex-direction: column; align-items: flex-start; }
  .flow-arrow { transform: rotate(90deg); padding-left: 0; padding-top: 4px; }
}

@media (max-width: 800px) {
  .two-col { grid-template-columns: 1fr !important; }
  .three-col { grid-template-columns: 1fr 1fr !important; }
  .four-col { grid-template-columns: 1fr 1fr !important; }
  .overlay-types { grid-template-columns: 1fr !important; }
  .colour-state-diagram { grid-template-columns: 1fr !important; }
  .colour-state-diagram .arrow-col { display: none; }
}

@media (max-width: 520px) {
  .three-col { grid-template-columns: 1fr !important; }
  .four-col { grid-template-columns: 1fr !important; }
}

.plugin-nav-inner { overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 600px) {
  .vis-modes { flex-direction: column; }
  .vis-mode { min-width: 0; }
  .timeline-bar-wrap { min-width: 0; }
  .timeline-diagram { overflow-x: auto; }
}

@media (max-width: 400px) {
  .anim-grid { grid-template-columns: 1fr 1fr; }
}