.conspect-ckeditor{margin:0;border:0;font-family:Verdana,Arial,sans-serif}.conspect-ckeditor .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content{border-color:#cfd9dd}.conspect-ckeditor .ck.ck-toolbar{border-color:#cfd9dd;background:#f5f7f8}.conspect-ckeditor .ck.ck-menu-bar{border-color:#cfd9dd;background:#fff}.conspect-ckeditor .ck.ck-editor__main>.ck-editor__editable{min-height:410px;border-color:#cfd9dd;color:#35434a;font:14px/1.55 Verdana,Arial,sans-serif;padding:18px 22px}.conspect-ckeditor .ck.ck-editor__main>.ck-editor__editable.ck-focused{border-color:#20b9c5;box-shadow:0 0 0 2px rgba(32,185,197,.12)}.conspect-ckeditor .ck-powered-by{opacity:.55}.conspect-ckeditor-status{display:flex;justify-content:space-between;gap:12px;padding:5px 9px;border:1px solid #d9e1e4;border-top:0;background:#fafbfb;color:#8a979d;font:9px/1.3 Verdana,Arial,sans-serif}.conspect-ckeditor-fullscreen .ck-editor__editable{max-width:1200px;margin:0 auto}.ck-content{font-family:Verdana,Arial,sans-serif}.ck-content img{max-width:100%;height:auto}.ck-content .conspect-document-card,.mobile-article-description .conspect-document-card{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px;border:1px solid #d5e0e3;border-radius:9px;background:#f8fafb}.ck-content .conspect-document-card>span:nth-child(2),.mobile-article-description .conspect-document-card>span:nth-child(2){min-width:0;flex:1}.ck-content .conspect-document-card strong,.ck-content .conspect-document-card small,.mobile-article-description .conspect-document-card strong,.mobile-article-description .conspect-document-card small{display:block;overflow:hidden;text-overflow:ellipsis}.ck-content .conspect-document-card small,.mobile-article-description .conspect-document-card small{margin-top:3px;color:#87949a}.ck-content .document-badge,.mobile-article-description .document-badge{display:grid;place-items:center;width:46px;height:54px;border-radius:5px;background:#e54855;color:#fff;font-size:10px;font-weight:700}.ck-content .conspect-document-card a,.mobile-article-description .conspect-document-card a{padding:7px 11px;border-radius:5px;background:#20b9c5;color:#fff!important;text-decoration:none}.ck-content .conspect-audio audio,.mobile-article-description .conspect-audio audio{max-width:100%}.ck-content .conspect-audio figcaption,.mobile-article-description .conspect-audio figcaption{margin-top:4px;color:#7e8d94;font-size:10px}.ck-content .table,.mobile-article-description .table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ck-content .conspect-style-date,.ck-content .conspect-style-road{font-size:16px;font-weight:700}.ck-content .conspect-style-source{color:#808080;font-style:italic}.ck-content .conspect-style-case,.ck-content .conspect-style-resolution{color:#b22222;font-size:16px;font-weight:700}.ck-content .conspect-style-instruction{text-align:center;font-size:24px}.ck-content .conspect-style-chapter{font-size:20px}.ck-content .conspect-style-note{padding:10px 12px;border-left:4px solid #20b9c5;background:#f2f8f9}.ck-content .conspect-style-warning{padding:10px 12px;border-left:4px solid #e6a23c;background:#fff6e5}
@media(max-width:1100px){.conspect-ckeditor .ck.ck-toolbar{flex-wrap:wrap}.conspect-ckeditor-status{flex-direction:column;gap:2px}}
.rich-toolbar[hidden] {
  display: none !important;
}

/* CKEditor 5: second toolbar line and frequently used controls. */
.conspect-ckeditor .ck-toolbar__line-break {
  flex-basis: 100%;
}

.conspect-ckeditor .ck-dropdown .ck-button_with-text .ck-button__label {
  display: inline-block;
  max-width: none;
  overflow: visible;
  white-space: nowrap;
}

.conspect-ckeditor .ck-toolbar .ck-dropdown__button {
  width: auto !important;
  min-width: 0 !important;
  padding-left: 7px;
  padding-right: 5px;
}

.conspect-ckeditor .ck-toolbar .ck-dropdown__button .ck-button__label {
  min-width: 0 !important;
  margin-right: 3px;
}

.conspect-ckeditor .ck-toolbar .ck-dropdown__button .ck-dropdown__arrow {
  flex: 0 0 auto;
  margin-left: 8px;
}

.conspect-ckeditor .ck-toolbar .ck-font-family-dropdown > .ck-dropdown__button {
  min-width: 150px !important;
  flex-shrink: 0;
  justify-content: space-between;
}

.conspect-ckeditor .ck-toolbar .ck-font-size-dropdown > .ck-dropdown__button {
  min-width: 166px !important;
  flex-shrink: 0;
  justify-content: space-between;
}

.conspect-ckeditor .ck-toolbar .ck-font-size-dropdown .ck-button__label,
.conspect-ckeditor .ck-toolbar .ck-font-family-dropdown .ck-button__label {
  flex: 1 1 auto;
  padding-right: 2px;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.conspect-ckeditor .ck-toolbar button[aria-label*="Цвет шрифта"],
.conspect-ckeditor .ck-toolbar button[aria-label*="Цвет фона"] {
  position: relative;
}

.conspect-ckeditor .ck-toolbar button[aria-label*="Цвет шрифта"]::after {
  content: "";
  position: absolute;
  left: 7px;
  right: 7px;
  bottom: 4px;
  height: 3px;
  border-radius: 2px;
  background: var(--conspect-current-color, #263238);
  box-shadow: 0 0 0 1px rgba(0,0,0,.08);
}

.conspect-ckeditor .ck-toolbar button[aria-label*="Цвет фона"]::after {
  content: "";
  position: absolute;
  left: 7px;
  right: 7px;
  bottom: 4px;
  height: 4px;
  border-radius: 2px;
  background: var(--conspect-current-background, transparent);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18);
}

.conspect-ckeditor .ck-powered-by {
  z-index: 2;
}

.conspect-ckeditor-status {
  border-top: 1px solid #d9e1e4;
  align-items: center;
  min-height: 24px;
}

.conspect-ckeditor-status > [data-ckeditor-draft] {
  margin-left: auto;
}

.conspect-ckeditor-status .conspect-powered-by {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center;
  flex: 0 0 auto;
  margin: 0;
  opacity: .62;
  transform: none !important;
  color: #7f8b91;
  text-decoration: none;
  white-space: nowrap;
}

/* The document scrolls inside its own editing surface. The menu and the full
   toolbar stay outside that scroll container and therefore remain visible. */
.conspect-ckeditor .ck-editor__main {
  min-height: 0;
  contain: layout paint;
}

.conspect-ckeditor {
  box-sizing: border-box;
  width: 100%;
  min-width: 420px;
  max-width: 100%;
  overflow: auto;
  resize: horizontal;
}

.conspect-ckeditor .ck.ck-editor__main > .ck-editor__editable_inline {
  box-sizing: border-box;
  height: clamp(410px, 58vh, 640px);
  min-height: 410px;
  max-height: 640px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  contain: layout paint style;
  content-visibility: auto;
  resize: vertical;
}

.conspect-ckeditor .ck-editor__top,
.conspect-ckeditor .ck-sticky-panel,
.conspect-ckeditor .ck-sticky-panel__content {
  position: relative;
  overflow: visible !important;
}

.conspect-ckeditor .ck-menu-bar {
  position: relative;
  z-index: 100 !important;
  overflow: visible !important;
}

.conspect-ckeditor .ck-sticky-panel__content > .ck-toolbar {
  position: relative;
  z-index: 10 !important;
  overflow: visible !important;
}

.conspect-ckeditor .ck-dropdown__panel,
.ck.ck-menu-bar__menu__panel,
.ck.ck-balloon-panel {
  z-index: 10000 !important;
}

/* Toolbar choices always open below their button. CKEditor otherwise flips a
   long list upward when the form is low on the page, where it can leave the
   viewport and cover the toolbar. */
.conspect-ckeditor .ck-toolbar .ck-dropdown__panel.ck-dropdown__panel_ne,
.conspect-ckeditor .ck-toolbar .ck-dropdown__panel.ck-dropdown__panel_nw {
  top: calc(100% + 2px) !important;
  bottom: auto !important;
  max-height: min(280px, calc(100vh - 180px));
  overflow-y: auto;
  overscroll-behavior: contain;
}

.conspect-ckeditor .ck-toolbar .ck-dropdown__panel.ck-dropdown__panel_ne {
  right: 0 !important;
  left: auto !important;
}

.conspect-ckeditor .ck-toolbar .ck-dropdown__panel.ck-dropdown__panel_nw {
  right: auto !important;
  left: 0 !important;
}

.conspect-source-menu-button {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  min-width: auto !important;
  margin-right: 4px;
  padding: 4px 8px !important;
}

.conspect-source-menu-button .ck-button__label {
  display: inline-block !important;
}

.conspect-ckeditor .conspect-source-only-menu {
  min-height: 37px;
  padding: 3px 6px;
}

.conspect-help-button {
  min-width: 30px !important;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
}

.conspect-editor-help {
  position: fixed;
  inset: 0;
  z-index: 30000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(25, 34, 39, .38);
  backdrop-filter: blur(3px);
}

.conspect-editor-help > section {
  width: min(460px, 100%);
  overflow: hidden;
  border: 1px solid #d6e0e4;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(24, 42, 50, .22);
  color: #34444c;
  font: 13px/1.5 Verdana, Arial, sans-serif;
}

.conspect-editor-help header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  border-bottom: 1px solid #e3eaed;
  background: #f7f9fa;
}

.conspect-editor-help h3 { margin: 0; font-size: 15px; }
.conspect-editor-help header button {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: #e8edef;
  color: #586970;
  font-size: 20px;
  cursor: pointer;
}
.conspect-editor-help p { margin: 14px 16px 8px; }
.conspect-editor-help dl { margin: 0; padding: 0 16px 16px; }
.conspect-editor-help dl div {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #edf1f3;
}
.conspect-editor-help dt { font-weight: 700; }
.conspect-editor-help dd { margin: 0; color: #697980; }

.conspect-source-menu-icon {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  color: #52636b;
  font: 700 11px/1 Consolas, monospace;
}

.conspect-ckeditor-fullscreen .ck.ck-editor__main > .ck-editor__editable_inline {
  height: calc(100vh - 190px);
  max-height: none;
}

@media (max-height: 720px) {
  .conspect-ckeditor .ck.ck-editor__main > .ck-editor__editable_inline {
    height: 410px;
  }
}

@media (max-width: 720px) {
  .conspect-ckeditor {
    min-width: 320px;
  }

  .conspect-ckeditor-status {
    flex-direction: row;
  }
}

/* Left alignment is the default for typed and pasted content. Explicit user
   alignment applied from the toolbar remains stored on the selected block. */
.ck-content,
.mobile-article-description {
  text-align: left;
}

/* Document cards never overlap, even with a long file name or on a phone. */
.ck-content .conspect-document-card,
.mobile-article-description .conspect-document-card {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
  row-gap: 8px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.ck-content .document-badge,
.mobile-article-description .document-badge {
  display: grid;
  place-items: center;
  width: 44px;
  height: 48px;
  padding: 0;
  overflow: hidden;
  background: #e54855;
}

.ck-content .document-badge img,
.mobile-article-description .document-badge img {
  display: block;
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.ck-content .document-details,
.mobile-article-description .document-details {
  min-width: 0;
  overflow: hidden;
}

.ck-content .document-download,
.mobile-article-description .document-download {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  margin: 0;
  white-space: nowrap;
  box-sizing: border-box;
}

/* Every CKEditor table fills the available page width. A table that is wider
   than a phone is scrolled horizontally by the surrounding figure. */
.ck-content figure.table,
.mobile-article-description figure.table,
.mobile-category-description figure.table {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.ck-content figure.table > table,
.mobile-article-description figure.table > table,
.mobile-category-description figure.table > table {
  width: max-content !important;
  min-width: 100% !important;
  table-layout: auto;
}

@media (max-width: 600px) {
  .ck-content .conspect-document-card,
  .mobile-article-description .conspect-document-card {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .ck-content .document-download,
  .mobile-article-description .document-download {
    grid-column: 1 / -1;
    width: 100%;
  }
}

/* Tables use one predictable border model in the editor and in every phone
   description. CKEditor normally draws a double outer border and bold header
   cells; that made a single table look as though it had unrelated line widths. */
.ck-content figure.table,
.ck-content .conspect-table-scroll,
.mobile-instruction-intro-body figure.table,
.mobile-instruction-intro-body .conspect-table-scroll,
.mobile-instruction-branch-description figure.table,
.mobile-instruction-branch-description .conspect-table-scroll,
.mobile-event-detail .detail-body figure.table,
.mobile-event-detail .detail-body .conspect-table-scroll,
.mobile-article-description figure.table,
.mobile-article-description .conspect-table-scroll,
.mobile-category-description figure.table,
.mobile-category-description .conspect-table-scroll {
  display: block !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px 0;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

.ck-content figure.table > table,
.ck-content .conspect-table-scroll > table,
.mobile-instruction-intro-body figure.table > table,
.mobile-instruction-intro-body .conspect-table-scroll > table,
.mobile-instruction-branch-description figure.table > table,
.mobile-instruction-branch-description .conspect-table-scroll > table,
.mobile-event-detail .detail-body figure.table > table,
.mobile-event-detail .detail-body .conspect-table-scroll > table,
.mobile-article-description figure.table > table,
.mobile-article-description .conspect-table-scroll > table,
.mobile-category-description figure.table > table,
.mobile-category-description .conspect-table-scroll > table {
  display: table !important;
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
  table-layout: auto !important;
  border: 1px solid #626b70 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.ck-content table td,
.ck-content table th,
.mobile-instruction-intro-body table td,
.mobile-instruction-intro-body table th,
.mobile-instruction-branch-description table td,
.mobile-instruction-branch-description table th,
.mobile-event-detail .detail-body table td,
.mobile-event-detail .detail-body table th,
.mobile-article-description table td,
.mobile-article-description table th,
.mobile-category-description table td,
.mobile-category-description table th {
  box-sizing: border-box;
  min-width: 1px;
  border: 1px solid #626b70 !important;
  background: transparent;
  font: inherit;
  font-weight: inherit;
  overflow-wrap: normal;
  word-break: normal;
}

/* Explicit bold text remains bold, while a TH is not made bold merely because
   Word or CKEditor classified the cell as a header. */
.ck-content table td strong,
.ck-content table th strong,
.mobile-instruction-intro-body table strong,
.mobile-instruction-branch-description table strong,
.mobile-event-detail .detail-body table strong,
.mobile-article-description table strong,
.mobile-category-description table strong {
  font-weight: 700;
}

.ck-content table.conspect-table-borderless,
.ck-content table.conspect-table-borderless td,
.ck-content table.conspect-table-borderless th,
.mobile-instruction-intro-body table.conspect-table-borderless,
.mobile-instruction-intro-body table.conspect-table-borderless td,
.mobile-instruction-intro-body table.conspect-table-borderless th,
.mobile-instruction-branch-description table.conspect-table-borderless,
.mobile-instruction-branch-description table.conspect-table-borderless td,
.mobile-instruction-branch-description table.conspect-table-borderless th,
.mobile-event-detail .detail-body table.conspect-table-borderless,
.mobile-event-detail .detail-body table.conspect-table-borderless td,
.mobile-event-detail .detail-body table.conspect-table-borderless th,
.mobile-article-description table.conspect-table-borderless,
.mobile-article-description table.conspect-table-borderless td,
.mobile-article-description table.conspect-table-borderless th,
.mobile-category-description table.conspect-table-borderless,
.mobile-category-description table.conspect-table-borderless td,
.mobile-category-description table.conspect-table-borderless th {
  border: 0 !important;
  background: transparent;
  font: inherit;
}

/* Legacy material may contain a bare table. It remains usable until that
   material is next saved and receives the permanent scroll wrapper. */
.mobile-instruction-intro-body,
.mobile-instruction-branch-description,
.mobile-event-detail .detail-body,
.mobile-article-description,
.mobile-category-description {
  max-width: 100%;
  overflow-x: auto;
}

/* Inline styles imported from Word or Source remain the visual source of truth. */
:is(.ck-content,.mobile-instruction-intro-body,.mobile-instruction-branch-description,.mobile-event-detail .detail-body,.mobile-article-description,.mobile-category-description)
  [style*="font-family"] > :where(p,div,span,ul,ol,li,table,tbody,thead,tr,td,th):not([style*="font-family"]) {
  font-family: inherit !important;
}
:is(.ck-content,.mobile-instruction-intro-body,.mobile-instruction-branch-description,.mobile-event-detail .detail-body,.mobile-article-description,.mobile-category-description)
  [style*="font-size"] > :where(p,div,span,ul,ol,li,table,tbody,thead,tr,td,th):not([style*="font-size"]) {
  font-size: inherit !important;
}
:is(.ck-content,.mobile-instruction-intro-body,.mobile-instruction-branch-description,.mobile-event-detail .detail-body,.mobile-article-description,.mobile-category-description)
  [style*="color"] > :where(p,div,span,ul,ol,li,table,tbody,thead,tr,td,th):not([style*="color"]) {
  color: inherit !important;
}
:is(.ck-content,.mobile-instruction-intro-body,.mobile-instruction-branch-description,.mobile-event-detail .detail-body,.mobile-article-description,.mobile-category-description)
  [style*="line-height"] > :where(p,div,span,ul,ol,li,table,tbody,thead,tr,td,th):not([style*="line-height"]) {
  line-height: inherit !important;
}

/* Emergency cards are deliberately compact on phones. The generic editor
   table rules use max-content so arbitrary imported Word tables remain
   scrollable; that behaviour must not override the normalized three- and
   two-column emergency-card layouts. */
.emergency-card-article.emergency-card-article .conspect-table-scroll > table {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.emergency-card-article.emergency-card-article .conspect-table-scroll > table td,
.emergency-card-article.emergency-card-article .conspect-table-scroll > table th {
  min-width: 0 !important;
  padding: 5px !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: auto;
}


/* Compact editor v20260827: source/fullscreen header and expanded fullscreen tools. */
.conspect-ckeditor {
  min-width: 0;
  overflow: visible;
  resize: none;
}

.conspect-ckeditor .conspect-source-only-menu {
  display: flex !important;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 4px 6px;
  overflow: visible !important;
}

.conspect-source-menu-button,
.conspect-fullscreen-menu-button {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  min-width: auto !important;
  min-height: 30px;
  margin: 0;
  padding: 5px 9px !important;
}

.conspect-source-menu-button .ck-button__label,
.conspect-fullscreen-menu-button .ck-button__label {
  display: inline-block !important;
  white-space: nowrap;
}

/* The normal editor intentionally exposes only Source and Fullscreen. */
.conspect-ckeditor .ck-sticky-panel__content > .ck-toolbar {
  display: none !important;
}

/* In fullscreen all tools are visible and form exactly two planned rows. */
.conspect-ckeditor-fullscreen .conspect-ckeditor .ck-sticky-panel__content > .ck-toolbar,
.conspect-ckeditor-fullscreen.conspect-ckeditor .ck-sticky-panel__content > .ck-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .ck-toolbar__items,
.conspect-ckeditor-fullscreen.conspect-ckeditor .ck-toolbar__items {
  flex-wrap: wrap !important;
  width: 100%;
}

/* Ordinary mode can be resized vertically by the same native handle as a textarea. */
.conspect-ckeditor .ck.ck-editor__main > .ck-editor__editable_inline {
  box-sizing: border-box;
  height: 460px;
  min-height: 260px;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
  resize: vertical;
  contain: layout paint style;
  content-visibility: visible;
}

/* Fullscreen uses the viewport and therefore does not expose a redundant resize handle. */
.conspect-ckeditor-fullscreen .conspect-ckeditor .ck.ck-editor__main > .ck-editor__editable_inline,
.conspect-ckeditor-fullscreen.conspect-ckeditor .ck.ck-editor__main > .ck-editor__editable_inline {
  height: calc(100vh - 166px);
  min-height: 320px;
  max-height: none;
  overflow-y: auto;
  resize: none;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .ck-dropdown .ck-button_with-text .ck-button__label,
.conspect-ckeditor-fullscreen.conspect-ckeditor .ck-dropdown .ck-button_with-text .ck-button__label {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .ck-toolbar .ck-dropdown__button,
.conspect-ckeditor-fullscreen.conspect-ckeditor .ck-toolbar .ck-dropdown__button {
  display: inline-flex !important;
  align-items: center;
  min-width: 0 !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .ck-toolbar .ck-dropdown__button .ck-button__label,
.conspect-ckeditor-fullscreen.conspect-ckeditor .ck-toolbar .ck-dropdown__button .ck-button__label {
  flex: 1 1 auto;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .ck-toolbar .ck-dropdown__button .ck-dropdown__arrow,
.conspect-ckeditor-fullscreen.conspect-ckeditor .ck-toolbar .ck-dropdown__button .ck-dropdown__arrow {
  flex: 0 0 auto;
  margin-left: 8px;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .ck-font-family-dropdown > .ck-dropdown__button,
.conspect-ckeditor-fullscreen.conspect-ckeditor .ck-font-family-dropdown > .ck-dropdown__button {
  width: 168px !important;
  max-width: 168px !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .ck-font-size-dropdown > .ck-dropdown__button,
.conspect-ckeditor-fullscreen.conspect-ckeditor .ck-font-size-dropdown > .ck-dropdown__button {
  width: 142px !important;
  max-width: 142px !important;
}
/* Grouped instrument panel v20260827: CKEditor 4-inspired visual organization. */
.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-grouped-toolbar,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-grouped-toolbar {
  --conspect-toolbar-shell-top: #f5f7f8;
  --conspect-toolbar-shell-bottom: #dfe4e7;
  --conspect-toolbar-group-top: #ffffff;
  --conspect-toolbar-group-bottom: #e9edef;
  --conspect-toolbar-border: #b9c2c7;
  --conspect-toolbar-divider: #d2d9dd;
  --conspect-toolbar-active: #d9f2f4;
  --conspect-toolbar-accent: #24b9c4;
  box-sizing: border-box;
  width: 100%;
  padding: 8px !important;
  border: 1px solid #aeb8bd !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, var(--conspect-toolbar-shell-top), var(--conspect-toolbar-shell-bottom)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 1px 2px rgba(45, 60, 68, .14) !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-grouped-toolbar .ck-toolbar__items,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-grouped-toolbar .ck-toolbar__items {
  display: flex !important;
  align-items: center !important;
  align-content: flex-start !important;
  column-gap: 0 !important;
  row-gap: 7px !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-grouped-toolbar .ck-toolbar__separator,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-grouped-toolbar .ck-toolbar__separator {
  align-self: stretch !important;
  flex: 0 0 8px !important;
  width: 8px !important;
  min-width: 8px !important;
  height: 34px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-grouped-toolbar .ck-toolbar__line-break,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-grouped-toolbar .ck-toolbar__line-break {
  flex-basis: 100% !important;
  width: 100% !important;
  height: 0 !important;
  margin: 0 !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-toolbar-group-item,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-toolbar-group-item {
  box-sizing: border-box !important;
  align-self: stretch !important;
  min-height: 34px !important;
  margin: 0 !important;
  border-top: 1px solid var(--conspect-toolbar-border) !important;
  border-right: 1px solid var(--conspect-toolbar-divider) !important;
  border-bottom: 1px solid var(--conspect-toolbar-border) !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, var(--conspect-toolbar-group-top), var(--conspect-toolbar-group-bottom)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95) !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-toolbar-group-start,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-toolbar-group-start {
  border-left: 1px solid var(--conspect-toolbar-border) !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-toolbar-group-end,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-toolbar-group-end {
  border-right-color: var(--conspect-toolbar-border) !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-toolbar-group-item.ck-dropdown,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-toolbar-group-item.ck-dropdown {
  display: inline-flex !important;
  align-items: stretch !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-toolbar-group-item.ck-dropdown > .ck-button,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-toolbar-group-item.ck-dropdown > .ck-button {
  min-height: 32px !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-toolbar-group-item.ck-button,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-toolbar-group-item.ck-button {
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 5px 7px !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-toolbar-group-item.ck-button:hover,
.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-toolbar-group-item.ck-dropdown > .ck-button:hover,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-toolbar-group-item.ck-button:hover,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-toolbar-group-item.ck-dropdown > .ck-button:hover {
  background: #f7fcfd !important;
  box-shadow: inset 0 0 0 1px rgba(36, 185, 196, .32) !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-toolbar-group-item.ck-button.ck-on,
.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-toolbar-group-item.ck-dropdown > .ck-button.ck-on,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-toolbar-group-item.ck-button.ck-on,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-toolbar-group-item.ck-dropdown > .ck-button.ck-on {
  color: #126f77 !important;
  background: var(--conspect-toolbar-active) !important;
  box-shadow: inset 0 0 0 1px var(--conspect-toolbar-accent) !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-toolbar-group-item .ck-icon,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-toolbar-group-item .ck-icon {
  width: 18px !important;
  height: 18px !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-source-only-menu,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-source-only-menu {
  gap: 8px !important;
  padding: 7px 8px !important;
  border-bottom: 0 !important;
  background: linear-gradient(180deg, #f7f8f9, #e6eaec) !important;
}

.conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-source-only-menu > .ck-button,
.conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-source-only-menu > .ck-button {
  min-height: 34px !important;
  border: 1px solid var(--conspect-toolbar-border, #b9c2c7) !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #fff, #e9edef) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95) !important;
}

@media (max-width: 1100px) {
  .conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-grouped-toolbar,
  .conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-grouped-toolbar {
    padding: 6px !important;
  }

  .conspect-ckeditor-fullscreen .conspect-ckeditor .conspect-grouped-toolbar .ck-toolbar__items,
  .conspect-ckeditor-fullscreen.conspect-ckeditor .conspect-grouped-toolbar .ck-toolbar__items {
    row-gap: 6px !important;
  }
}