@layer collaboss-plain-typography {
/* Use the plain system font used by the networking section menus. */
html body,
html body * {
  font-family: "Segoe UI", "Malgun Gothic", "맑은 고딕", Arial, sans-serif !important;
  font-weight: 400 !important;
  font-synthesis: none !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  -webkit-text-fill-color: currentColor !important;
}
html body :is(h1,h2,h3,h4,h5,h6,p,span,a,button,label,strong,b,small,dt,dd,summary,input,textarea,select) {
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
/* Remove paint used specifically for gradient lettering, without changing panels. */
html body [style*="background-clip: text"],
html body [style*="background-clip:text"],
html body [style*="text-fill-color: transparent"],
html body [style*="text-fill-color:transparent"] {
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  color: inherit !important;
}
}

@layer collaboss-plain-typography {
  html body .cb-home-brand h1,
  html body .cb-home-brand h1 *,
  html body .cb-statistics .cb-stat-group h3,
  html body #cbHomeLivecam > h2,
  html body .cb-kb-head h2,
  html body .cb-kb-card small,
  html body .cb-kb-card strong,
  html body .cb-kb-card strong *,
  html body .cb-agent-category,
  html body .cb-popular-agent-card h3,
  html body .cb-store-head h2,
  html body .cb-store-card small,
  html body .cb-store-card h3,
  html body .cb-home-services h2,
  html body .cb-home-service strong,
  html body .cb-other-services h2,
  html body .cb-other-button span,
  html body .cb-ad-banner strong,
  html body .cb-guide-link,
  html body .cb-home-brand .cb-layout-topbar > .cb-home-download {
    font-weight: 700 !important;
  }
}

@layer collaboss-plain-typography {
  html body #cbChalkboard #cbChalkPeriod {
    font-family: 'CB Chalk Hand', 'Malgun Gothic', cursive !important;
    font-weight: 400 !important;
  }
}

/* Keep a clear gap between the popular-agent category and its preview. */
html body.cb-renewal .cb-popular-agent-card .cb-agent-category {
  margin-bottom: 24px !important;
}

@layer collaboss-plain-typography {
  html body #cbChalkboard #collabossChatResult,
  html body #cbChalkboard #collabossChatResult *,
  html body #questionView .question-input {
    font-family: "Segoe UI", "Malgun Gothic", "맑은 고딕", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-variant: normal !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    -webkit-text-fill-color: currentColor !important;
  }
  html body #cbChalkboard #collabossChatResult :is(div,p,span,strong,b,em,i,h1,h2,h3,h4,h5,h6,pre,code,blockquote,li,th,td) {
    filter: none !important;
    text-rendering: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }
}

@layer collaboss-plain-typography {
  html body .cb-home-brand h1,
  html body .cb-home-brand h1 * {
    font-weight: 700 !important;
  }
}

@layer collaboss-plain-typography {
  html body .cb-popular-agent-card .cb-agent-category { display:block !important; margin:0 0 24px !important; }
  html body .cb-popular-agent-card .cb-agent-category + img.cb-agent-sample-thumb { margin-top:0 !important; }
}

@layer collaboss-plain-typography {
  html :is(#philosophyCenterView, body.cb-service-typography, #crewConversationModal, #createCrewModal, #crewIntroModal, #personalIntroModal, #networkMessageModal, #editCrewModal, #crewDeleteScheduleModal) {
    font-size: 14px !important;
  }
  html :is(#philosophyCenterView, body.cb-service-typography, #crewConversationModal, #createCrewModal, #crewIntroModal, #personalIntroModal, #networkMessageModal, #editCrewModal, #crewDeleteScheduleModal)
  :not(h1,h2,h3,h4,h5,h6,.collaboss-menu-page-title):not(h1 *,h2 *,h3 *,h4 *,h5 *,h6 *):not(svg,svg *,[aria-hidden="true"]) {
    font-size: 14px !important;
  }
  html :is(#philosophyCenterView, body.cb-service-typography, #crewConversationModal, #createCrewModal, #crewIntroModal, #personalIntroModal, #networkMessageModal, #editCrewModal, #crewDeleteScheduleModal)
  :is(h1,h2,h3,h4,h5,h6,.collaboss-menu-page-title,.service-policy-toggle,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *) {
    font-weight: 700 !important;
  }
}

@layer collaboss-plain-typography {
  html body .cb-history-split,
  html body .cb-history-split * {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  html body .cb-history-split .cb-content-main > h2 {
    font-size: 20px !important;
  }
  html body .cb-history-split .cb-content-sidebar > h3 {
    font-size: 16px !important;
  }
  html body .cb-history-split :is(h1,h2,h3,h4,h5,h6),
  html body .cb-history-split .cb-history-message > strong,
  html body .cb-history-split .cb-content-row > strong {
    font-weight: 700 !important;
  }
}

@layer collaboss-plain-typography {
  html body .collaboss-inbox :is(h2,h3),
  html body .collaboss-inbox :is(h2,h3) *,
  html body .collaboss-inbox-row > span:first-child {
    font-weight: 700 !important;
  }
}

html body .literacy-video-page .cb-kb-controls {
  align-items: center;
}
html body .literacy-video-page .cb-kb-controls > label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
html body .literacy-video-page .cb-kb-controls > .cb-kb-total {
  align-self: center;
  line-height: 1.5;
}