/*
Exatom Knowledge base (Zoho Desk help center), brand 2026
Replaces the complete previous custom CSS.
*/

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@500;600&family=Inter:wght@400;500;600&family=Inter+Tight:wght@500;600&display=swap');

/* ---------- Base ---------- */
.body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  color: #18122D;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  letter-spacing: -0.01em;
  background: #FFFFFF !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

portal, portal b, portal input, portal button, portal textarea, portal select {
  font-family: 'Inter', sans-serif;
}

portal a { transition: color 0.15s ease, opacity 0.15s ease; }

/* ---------- Header: light blue band ---------- */
.Header__header {
  display: block;
  background: radial-gradient(1000px 520px at 92% 125%, rgba(42, 90, 233, 0.14), rgba(42, 90, 233, 0) 70%), linear-gradient(180deg, #F4F7FF 0%, #E8EEFF 100%);
  color: #18122D;
}

.Header__headerBg { display: none; }

.Header__menuWrapper {
  width: 100%;
  box-sizing: border-box;
  padding: 0 24px;
  background: transparent;
}

.Header__menuBox {
  max-width: 1120px !important;
  margin: 0 auto;
  padding: 20px 0;
  border-bottom: 1px solid rgba(24, 18, 45, 0.08);
  align-items: center;
}

.Header__logo {
  height: 28px;
  width: auto;
  max-width: none;
  min-height: unset !important;
}

.Header__logotxt { display: none; }

/* Sign in stays hidden, as before. Remove this rule to show it in the menu. */
#logoutDetails { display: none !important; }

.Header__nav { align-items: center; }

.Header__menuList,
.LoginDetail__signup,
.LoginDetail__signin {
  margin: 0 2px;
  padding: 0;
  border: 0;
  max-width: none;
}

.Header__menuList a { border: 0; }

.Header__link,
.LoginDetail__tabLink,
.LoginDetail__userLink {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  height: 44px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #18122D;
  opacity: 0.72;
}

.Header__link:hover,
.LoginDetail__tabLink:hover,
.LoginDetail__userLink:hover {
  color: #18122D;
  opacity: 1;
}

.Header__link.Header__navactive {
  background: rgba(24, 18, 45, 0.06);
  opacity: 1;
}

.Header__menuList.Header__navactive::after,
.Header__link.Header__navactive::after { display: none; }

/* "Open Exatom" button added in the header HTML */
.Header__menuList.ex-app { margin-left: 10px; }

.Header__menuList.ex-app .Header__link {
  gap: 8px;
  padding: 0 18px;
  border: 1px solid rgba(24, 18, 45, 0.32);
  background: transparent;
  border-radius: 999px;
  font-weight: 600;
  opacity: 1;
}

.Header__menuList.ex-app .Header__link:hover { border-color: #18122D; }

.Header__userPreference { margin-left: 6px; }
#userPreference svg,
.Header__userPreference svg,
.CustomizeContainer__aPlus,
.CustomizeContainer__aPlus:hover,
.CustomizeContainer__aPlus svg {
  color: #18122D;
  fill: #18122D;
}

.CustomizeContainer__aPlus:hover,
.CustomizeContainer__aPlus:hover svg { color: #2A5AE9; fill: #2A5AE9; }

/* ---------- Header: title, search, add ticket, breadcrumbs ---------- */
.Header__titleSearchWrapper {
  box-sizing: border-box;
  padding: 0 24px;
}

.Header__titleSearchBox {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 40px 0 14px;
  text-align: left;
}

/* Title only on the knowledge base start page */
.Header__titleDescription { display: none; padding: 32px 0 32px; text-align: left; }

portal[class*="article_subcategory exatom en "] .Header__titleDescription,
portal[class*="article_subcategory exatom nl "] .Header__titleDescription { display: block; }

.Header__header .Header__welcomeTitle {
  display: block;
  text-align: left;
  margin: 0 0 16px;
  font-family: 'Instrument Sans', 'Inter', sans-serif;
  font-size: 56px;
  line-height: 1.05;
  letter-spacing: -0.025em;
  font-weight: 600;
  color: #18122D;
}

.Header__header .Header__welcomeDescription {
  display: block;
  max-width: 720px;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #464157;
}

.Header__defaultContent .Header__searchalt,
.Header__searchalt {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}

.Header__searchLink {
  flex: 1 1 320px;
  max-width: 640px;
  box-shadow: none;
}

.SearchCon__searchCon { width: 100%; }

.SearchBox__searchpart {
  box-sizing: border-box;
  height: 56px;
  border: 1px solid #D1D0D5;
  border-radius: 12px;
  background: #FFFFFF;
  overflow: hidden;
}

.SearchBox__searchpart input {
  height: 54px;
  box-sizing: border-box;
  padding: 0 20px 0 52px;
  border: 0;
  border-radius: 12px;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #18122D;
  background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='none' stroke='%23747181' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='112' cy='112' r='80'/%3E%3Cline x1='168.57' y1='168.57' x2='224' y2='224'/%3E%3C/svg%3E") 20px center / 20px 20px no-repeat;
}

.SearchBox__searchpart input::placeholder { color: #747181; opacity: 1; }

.SearchAutosuggest__searchSuggest {
  margin-top: 8px;
  border: 1px solid rgba(24, 18, 45, 0.08);
  border-radius: 12px;
  background: #FFFFFF;
  color: #464157;
  box-shadow: none;
  overflow: hidden;
}

.SearchAutosuggest__suggestList {
  max-width: 100%;
  padding: 14px 20px;
  border-bottom: 0;
  font-size: 15px;
  color: #464157;
  text-decoration: none;
}

.SearchAutosuggest__suggestList:hover { background: #F1F5FF; color: #18122D; }

/* Add ticket lives in the menu (see the header HTML); Zoho's own button next to the search field is hidden */
.Header__panelbtns { display: none !important; }

.Header__menuList.ex-ticket { margin-left: 8px; }

.Header__menuList.ex-ticket .Header__link {
  gap: 8px;
  padding: 0 18px;
  border-radius: 999px;
  background: #2A5AE9;
  font-weight: 600;
  color: #FFFFFF;
  opacity: 1;
}

.Header__menuList.ex-ticket .Header__link::before {
  content: '';
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cline x1='96' y1='56' x2='96' y2='200' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M24,160a32,32,0,0,0,0-64V64a8,8,0,0,1,8-8H224a8,8,0,0,1,8,8V96a32,32,0,0,0,0,64v32a8,8,0,0,1-8,8H32a8,8,0,0,1-8-8Z' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E") center / contain no-repeat;
}

.Header__menuList.ex-ticket .Header__link:hover { color: #FFFFFF; opacity: 0.9; }

/* Add ticket: blue pill */
.Header__containerLi {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 48px;
  max-width: none;
  margin: 0;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: #2A5AE9;
  box-shadow: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #FFFFFF;
  transition: opacity 0.15s ease;
}

.Header__containerLi:hover { opacity: 0.9; }

.Header__containerLink {
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
  color: #FFFFFF;
  text-decoration: none;
}

.Header__tClr { color: #FFFFFF; }
.Header__dropicon { display: inline-flex; margin: 0; }
.Header__dropicon svg { width: 18px; height: 18px; fill: #FFFFFF; }

/* Search bar that sticks to the top while scrolling */
.Header__homeNavbarFixed .Header__searchSubCont {
  background-color: #E8EEFF !important;
  border-bottom: 1px solid rgba(24, 18, 45, 0.08);
  box-shadow: none;
}

.Header__homeNavbarFixed .Header__searchLink {
  background-color: transparent !important;
  box-shadow: none;
}

.BreadCrumbs__breadcrumbList { padding: 18px 0 14px; }

.BreadCrumbs__breadCrumbText,
.BreadCrumbs__breadCrumbText a,
.BreadCrumbs__breadCrumbText span {
  font-size: 13px;
  letter-spacing: 0;
  color: #18122D;
}

.BreadCrumbs__breadCrumbText a { opacity: 0.72; text-decoration: none; }
.BreadCrumbs__breadCrumbText a:hover,
.BreadCrumbs__breadCrumbText .BreadCrumbs__breadCrumbsLink:hover { color: #2A5AE9; opacity: 1; }

/* ---------- Page layout ---------- */
#layoutContainer {
  box-sizing: border-box;
  max-width: 1168px;
  margin: 0 auto;
  padding: 64px 24px 96px;
}

.AppContainer__wrapper,
.ArticleListContainer__wrapper,
.ArticleDetailLeftContainer__wrapper { margin-top: 0; padding-top: 0; }

.ArticleListRightContainer__wrapper,
.ArticleDetailRightContainer__wrapper { margin-top: 0; padding-top: 0; }

@media (min-width: 1025px) {
  .Layout__layout1 { flex: 1 1 0; min-width: 0; }
  .Layout__layout2 { flex: none; width: 384px; box-sizing: border-box; padding: 0 0 0 64px; }
}

/* ---------- Category and section rows ---------- */
.KBSubCategoryContainer__boxView {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.ModuleItem__moduleItem,
.KBSubCategoryContainer__boxView .ModuleItem__moduleItem:last-child {
  border: 1px solid rgba(24, 18, 45, 0.08);
  border-radius: 8px;
  background: #FFFFFF;
  transition: border-color 0.15s ease;
}

.ModuleItem__moduleItem:hover,
.KBSubCategoryContainer__boxView .ModuleItem__moduleItem:last-child:hover { border-color: #2A5AE9; }

.ModuleItem__moduleHeader {
  align-items: center;
  padding: 24px;
  border: 0;
}

.ModuleItem__moduleHeader::after {
  content: '';
  flex: none;
  width: 18px;
  height: 18px;
  margin-left: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='none' stroke='%232A5AE9' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='40' y1='128' x2='216' y2='128'/%3E%3Cpolyline points='144 56 216 128 144 200'/%3E%3C/svg%3E") center / contain no-repeat;
}

.ModuleItem__kbSubcategoryImg {
  flex: none;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0 20px 0 0;
  border-radius: 8px;
  background: #E8EEFF;
}

.ModuleItem__kbSubcategoryImg .Avatar__square {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ModuleItem__kbSubcategoryImg .Avatar__img { width: 24px; height: 24px; object-fit: contain; }

.ModuleItem__kbtitledec { flex: 1 1 0; min-width: 0; }

.ModuleItem__moduleTitle {
  margin: 0 0 6px;
  font-family: 'Inter Tight', 'Inter', sans-serif;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.ModuleItem__moduleTitle a { color: #18122D; text-decoration: none; }

/* The whole card is clickable, not only the title */
.ModuleItem__moduleItem { position: relative; cursor: pointer; }

.ModuleItem__moduleTitle a::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 8px;
}
.ModuleItem__moduleTitle a:hover { color: #2A5AE9; opacity: 1; }

.ModuleItem__moduleDescription {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.45;
  letter-spacing: -0.02em;
  color: #464157;
}

.ModuleItem__moduleCount,
.List__postdet .List__listItems {
  font-size: 13px;
  letter-spacing: 0;
  color: #747181;
}

/* ---------- Article list (inside a section) ---------- */
.ArticleListContainer__boxView {
  border: 1px solid rgba(24, 18, 45, 0.08);
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: none;
  overflow: hidden;
}

.ArticleListContainer__title {
  padding: 24px;
  border-bottom: 1px solid rgba(24, 18, 45, 0.08);
  font-family: 'Inter Tight', 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #18122D;
}

.ModuleItem__moduleListItem { border: 0; border-top: 1px solid rgba(24, 18, 45, 0.08); }
.ModuleItem__moduleListItem:first-child { border-top: 0; }
.ModuleItem__modulein { padding: 20px 24px; }

.ModuleItem__artList a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #18122D;
  text-decoration: none;
}

.ModuleItem__artList a:hover { color: #2A5AE9; }

/* ---------- Sidebar ---------- */
.SubscribeDepart__subs,
.ArticleDetailRightContainer__followContentLow {
  margin: 0 0 40px;
  padding: 24px;
  border: 1px solid rgba(24, 18, 45, 0.08);
  border-radius: 8px;
  background: #FFFFFF;
}

.SubscribeDepart__deplogo { align-items: center; margin-bottom: 16px; }

/* The "EX" initials become the Exatom icon */
.AvatarText__avatarText {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 0;
  background: url("data:image/svg+xml,%3Csvg width='228' height='228' viewBox='0 0 228 228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.26727 61.5407C1.52956 27.5527 29.2949 0.212629 63.2829 0.47492L165.851 1.26645C199.839 1.52874 227.179 29.2941 226.917 63.2821L226.125 165.85C225.863 199.838 198.097 227.178 164.109 226.916L61.5415 226.124C27.5535 225.862 0.213444 198.097 0.475735 164.109L1.26727 61.5407Z' fill='%232A5AE9'/%3E%3Cpath d='M170.3 57.0844V73.2583H73.2543V154.133H170.3V170.306H57.082V57.0844H170.3ZM170.304 137.955H89.4331V121.781H170.304V137.955ZM170.304 105.608H89.4331V89.4355H170.304V105.608Z' fill='white'/%3E%3C/svg%3E") center / contain no-repeat;
  color: transparent;
  font-size: 0;
}

.SubscribeDepart__logosubscribe .Avatar__square {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  background: #E8EEFF;
}

.SubscribeDepart__depname {
  padding: 0 0 0 12px;
  font-family: 'Inter Tight', 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #18122D;
}

.SubscribeDepart__depdec {
  font-size: 15px;
  line-height: 1.45;
  color: #464157;
}

.SubscribeDepart__depdec:not(:empty) { margin-bottom: 16px; }

.Button__neutral.Button__basic {
  box-sizing: border-box;
  height: 44px;
  margin: 0 0 12px;
  padding: 0 18px;
  border: 1px solid #D1D0D5;
  border-radius: 999px;
  background: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.02em;
  color: #18122D;
}

.Button__neutral.Button__basic:hover { border-color: #18122D; background: #FFFFFF; color: #18122D; }

.SubscribeDepart__decsmall,
.ArticleDetailRightContainer__descriptionFlw {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  letter-spacing: 0;
  color: #464157;
}

.WidgetsContainer__rightWd { margin-bottom: 40px; }

.CustomWidgets__widgetTitle,
.TOCContainer__tocHeading,
.KBTagsTreeContainer__title,
.KBCategoryTree1__kbTitle {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #18122D;
}

.CustomWidgets__widgets {
  align-items: flex-start;
  padding: 12px 0;
  border-top: 1px solid rgba(24, 18, 45, 0.08);
}

.CustomWidgets__widgetIcon { margin: 2px 10px 0 0; }
.CustomWidgets__widgetIcon svg { fill: #A3A0AB; }

.CustomWidgets__widgetContents {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #464157;
  text-decoration: none;
  white-space: normal;
}

.CustomWidgets__widgetContents:hover,
.CustomWidgets__widgetContents.CustomWidgets__active { color: #2A5AE9; }

.TOCContainer__tocContent { margin-bottom: 40px; }
.TOCContainer__arrowRotOpen, .TOCContainer__arrowRotClose { display: none; }

.Tree__tree .Tree__treeItem { font-size: 15px; color: #464157; }

.TOCContainer__categories .Tree__treeItem {
  padding: 10px 0 10px 16px;
  border-left: 2px solid rgba(24, 18, 45, 0.08);
}

.TOCContainer__categories .Tree__treeItem:hover { border-left-color: #2A5AE9; }
.Tree__tree .Tree__treeItem a { color: #464157; text-decoration: none; }
.Tree__tree .Tree__treeItem a:hover { color: #18122D; }

/* ---------- Article ---------- */
.ArticleDetailLeftContainer__box,
.ArticleDetailLeftContainer__cmdBox {
  padding: 40px;
  border: 1px solid rgba(24, 18, 45, 0.08);
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: none;
}

.ArticleDetailLeftContainer__partHead {
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(24, 18, 45, 0.08);
}

.ArticleDetailLeftContainer__kbTitle {
  margin: 0;
  font-family: 'Instrument Sans', 'Inter', sans-serif;
  font-size: 40px;
  line-height: 1.08;
  font-weight: 600;
  letter-spacing: -0.025em;
  text-transform: none;
  color: #18122D;
  word-wrap: break-word;
}

.ArticleDetailLeftContainer__prinExp svg { fill: #747181; }
.ArticleDetailLeftContainer__prinExp svg:hover { fill: #2A5AE9; }

.ArticleDetailLeftContainer__description,
.ArticleDetail_description {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  color: #464157;
}

.ArticleDetail_description h1,
.ArticleDetail_description h2,
.ArticleDetail_description h3,
.ArticleDetail_description h4 {
  margin: 32px 0 12px;
  font-family: 'Inter Tight', 'Inter', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #18122D;
}

.ArticleDetail_description h1, .ArticleDetail_description h2 { font-size: 28px; }
.ArticleDetail_description h3 { font-size: 24px; }
.ArticleDetail_description h4 { font-size: 18px; }

.ArticleDetail_description b,
.ArticleDetail_description strong { font-weight: 600; color: #18122D; }

.ArticleDetail_description a { color: #2A5AE9; text-decoration: underline; text-underline-offset: 3px; }
.ArticleDetail_description a:hover { color: #18122D; }

.ArticleDetail_description li { margin: 6px 0; }

.ArticleDetail_description img {
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(24, 18, 45, 0.08);
  border-radius: 8px;
}

.ArticleDetailLeftContainer__titles {
  padding: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #18122D;
}

/* Helpful / updated / share bar */
.ArticleCmd__articleLike {
  margin-top: 40px;
  padding: 20px 24px;
  border: 0;
  border-radius: 8px;
  background: #F1F5FF;
}

.ArticleCmd__helptxt,
.ArticleCmd__mgr15 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #18122D;
}

.ArticleCmd__posttime { font-size: 13px; letter-spacing: 0; color: #747181; }
.ArticleCmd__Like svg, .ArticleCmd__disLike svg { fill: #18122D; }
.ArticleCmd__Like:hover svg, .ArticleCmd__disLike:hover svg { fill: #2A5AE9; }

/* Code, tables, tags inside articles */
code {
  display: block;
  max-width: 100%;
  min-width: 100px;
  padding: 16px 20px;
  border: 0;
  border-radius: 8px;
  background-color: #18122D;
  color: #E8EEFF;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0;
  white-space: pre;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.inline-code {
  display: inline !important;
  padding: 2px 6px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background-color: #E8EEFF !important;
  color: #18122D !important;
}

TABLE { border: unset !important; border-collapse: collapse; }
TABLE TR { border: unset !important; }

TABLE TD {
  padding: 12px 16px !important;
  border: unset !important;
  border-bottom: 1px solid rgba(24, 18, 45, 0.08) !important;
}

TABLE TR:first-child {
  border: unset !important;
  background-color: #E8EEFF;
  color: #18122D;
  font-weight: 600;
}

.Tag__dettag, .Tag__tagAdded {
  margin: 0 6px 10px 0;
  padding: 6px 12px;
  border: 0;
  border-radius: 999px;
  background-color: #E8EEFF;
  box-shadow: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none;
  color: #18122D;
}

/* ---------- Sign in, sign up, ticket form ---------- */
.Signin__details,
.Signup__details,
.TicketFormLeftContainer__part {
  border: 1px solid rgba(24, 18, 45, 0.08);
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: none;
}

.Signin__details { display: flex; width: 90%; padding: 30px 0; }
.Signup__details { width: 90%; padding: 30px 0; }
.Signup__part { padding: 0 50px 20px 32px; }
.Form__input { margin: 20px; }

.Signin__title, .Signup__title {
  padding: 0;
  font-family: 'Inter Tight', 'Inter', sans-serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #18122D;
}

.Signin__titleSign, .Signup__titleSign {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #18122D;
}

.Signin__linkTitle, .Signup__linkTitle { font-size: 13px; font-weight: 400; }
.Signin__linkTitle a, .Signup__linkTitle a { color: #2A5AE9; }
.Signin__linkTitle a:hover, .Signup__linkTitle a:hover { color: #18122D; }

input.btn.big-btn.primary {
  margin: 0 0 0 28px;
  padding: 13px 24px;
  border: 1px solid #2A5AE9;
  border-radius: 999px;
  background: #2A5AE9 !important;
  box-shadow: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #FFFFFF;
  cursor: pointer;
}

.Switch__toggleOn {
  background: #2A5AE9;
  box-shadow: inset 0 0 0 10px #2A5AE9;
}

/* ---------- Back to top ---------- */
.AppContainer__backtop,
.AppContainer__backToTop:hover,
.AppContainer__backtopbg:hover { background: transparent; box-shadow: none; }

.AppContainer__backtopicon,
.AppContainer__backtopbg:hover .AppContainer__backtopicon { color: #2A5AE9; }

/* ---------- Footer: white, with a hairline above ---------- */
.Footer__footer {
  padding: 0;
  border-top: 1px solid rgba(24, 18, 45, 0.08);
  background: #FFFFFF;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-align: left;
  text-transform: none;
  color: #464157;
}

.ex-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  box-sizing: border-box;
  max-width: 1168px;
  margin: 0 auto;
  padding: 40px 24px;
}

.ex-footer__logo { display: inline-flex; }
.ex-footer__logo img { display: block; width: auto; height: 24px; }

.ex-footer__links { display: flex; flex-wrap: wrap; gap: 4px 28px; }

.ex-footer__links a {
  padding: 12px 0;
  font-weight: 500;
  color: #464157;
  text-decoration: none;
}

.ex-footer__links a:hover { color: #2A5AE9; }

.ex-footer__meta { font-size: 13px; letter-spacing: 0; color: #747181; }
.ex-footer__meta a { color: #747181; text-decoration: underline; }

/* ---------- Phosphor icons ---------- */
/* Category and section icons: the uploaded image is swapped for a Phosphor icon, matched on the name.
   A new category keeps its uploaded image until you add a line for it here. */

.Avatar__img[alt="General"],
.Avatar__img[alt="Setup"],
.Avatar__img[alt="Insights"],
.Avatar__img[alt="Session Replays"],
.Avatar__img[alt="Form best practises"],
.Avatar__img[alt="Integrations"],
.Avatar__img[alt="Wizard"],
.Avatar__img[alt="Tags"],
.Avatar__img[alt="Forms"],
.Avatar__img[alt="Administration"],
.Avatar__img[alt="Smart Tooltips"],
.Avatar__img[alt="Introduction"],
.Avatar__img[alt="Key terms & definitions"],
.Avatar__img[alt="Form analytics"],
.Avatar__img[alt="Overall form structure & design"],
.Avatar__img[alt="Field types & information collected"] {
  box-sizing: border-box;
  width: 24px !important;
  height: 24px !important;
  padding-left: 24px;
  background-position: center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.SubscribeDepart__logosubscribe .Avatar__square { align-items: center; justify-content: center; }

.Avatar__img[alt="General"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M104,216V152h48v64h64V120a8,8,0,0,0-2.34-5.66l-80-80a8,8,0,0,0-11.32,0l-80,80A8,8,0,0,0,40,120v96Z' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Setup"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Ccircle cx='128' cy='128' r='40' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M41.43,178.09A99.14,99.14,0,0,1,31.36,153.8l16.78-21a81.59,81.59,0,0,1,0-9.64l-16.77-21a99.43,99.43,0,0,1,10.05-24.3l26.71-3a81,81,0,0,1,6.81-6.81l3-26.7A99.14,99.14,0,0,1,102.2,31.36l21,16.78a81.59,81.59,0,0,1,9.64,0l21-16.77a99.43,99.43,0,0,1,24.3,10.05l3,26.71a81,81,0,0,1,6.81,6.81l26.7,3a99.14,99.14,0,0,1,10.07,24.29l-16.78,21a81.59,81.59,0,0,1,0,9.64l16.77,21a99.43,99.43,0,0,1-10,24.3l-26.71,3a81,81,0,0,1-6.81,6.81l-3,26.7a99.14,99.14,0,0,1-24.29,10.07l-21-16.78a81.59,81.59,0,0,1-9.64,0l-21,16.77a99.43,99.43,0,0,1-24.3-10l-3-26.71a81,81,0,0,1-6.81-6.81Z' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Insights"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpolyline points='224 208 32 208 32 48' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='200 72 128 144 96 112 32 176' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='200 112 200 72 160 72' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Session Replays"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect x='24' y='64' width='176' height='128' rx='8' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='200 112 248 80 248 176 200 144' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Form best practises"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cline x1='128' y1='128' x2='216' y2='128' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='128' y1='64' x2='216' y2='64' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='128' y1='192' x2='216' y2='192' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='40 64 56 80 88 48' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='40 128 56 144 88 112' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='40 192 56 208 88 176' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Integrations"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect x='63.03' y='88.4' width='129.94' height='79.2' rx='24' transform='translate(-53.02 128) rotate(-45)' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='88' y1='88' x2='168' y2='168' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='232' y1='24' x2='173.94' y2='82.06' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='82.06' y1='173.94' x2='24' y2='232' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='96' y1='32' x2='104' y2='52' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='32' y1='96' x2='52' y2='104' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='204' y1='152' x2='224' y2='160' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='152' y1='204' x2='160' y2='224' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Wizard"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cline x1='216' y1='128' x2='216' y2='176' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='192' y1='152' x2='240' y2='152' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='80' y1='40' x2='80' y2='88' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='56' y1='64' x2='104' y2='64' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='168' y1='184' x2='168' y2='216' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='152' y1='200' x2='184' y2='200' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='144' y1='80' x2='176' y2='112' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Crect x='21.49' y='105.37' width='213.02' height='45.25' rx='8' transform='translate(-53.02 128) rotate(-45)' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Tags"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpolyline points='64 88 16 128 64 168' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='192 88 240 128 192 168' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='160' y1='40' x2='96' y2='216' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Forms"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cline x1='112' y1='48' x2='112' y2='208' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M144,72h88a8,8,0,0,1,8,8v96a8,8,0,0,1-8,8H144' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M112,184H24a8,8,0,0,1-8-8V80a8,8,0,0,1,8-8h88' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='48' y1='112' x2='80' y2='112' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='64' y1='112' x2='64' y2='144' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Administration"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Ccircle cx='108' cy='100' r='60' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M24,200c20.55-24.45,49.56-40,84-40s63.45,15.55,84,40' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Ccircle cx='224' cy='136' r='16' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='224' y1='120' x2='224' y2='108' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='210.14' y1='128' x2='199.75' y2='122' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='210.14' y1='144' x2='199.75' y2='150' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='224' y1='152' x2='224' y2='164' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='237.86' y1='144' x2='248.25' y2='150' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='237.86' y1='128' x2='248.25' y2='122' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Smart Tooltips"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cline x1='96' y1='112' x2='160' y2='112' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='96' y1='144' x2='160' y2='144' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M79.93,211.11a96,96,0,1,0-35-35h0L32.42,213.46a8,8,0,0,0,10.12,10.12l37.39-12.47Z' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Introduction"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M96.65,62a20,20,0,0,1,34.64-20l30,52' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M69.32,94.67,55.08,70A20,20,0,0,1,89.73,50l31.17,54' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M158.87,160A40,40,0,0,1,168,105.58L161.32,94A20,20,0,0,1,196,74l17.31,30A80,80,0,0,1,74.7,184l-40-69.32a20,20,0,0,1,34.64-20L88.57,128' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M192,33.78A51.84,51.84,0,0,1,223.67,58l.33.57' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M74.62,232A111.88,111.88,0,0,1,47,200' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Key terms & definitions"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128,88a32,32,0,0,1,32-32h72V200H160a32,32,0,0,0-32,32' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M24,200H96a32,32,0,0,1,32,32V88A32,32,0,0,0,96,56H24Z' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='160' y1='96' x2='200' y2='96' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='160' y1='128' x2='200' y2='128' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='160' y1='160' x2='200' y2='160' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Form analytics"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpolyline points='48 208 48 136 96 136' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='224' y1='208' x2='32' y2='208' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='96 208 96 88 152 88' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='152 208 152 40 208 40 208 208' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Overall form structure & design"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cline x1='104' y1='104' x2='104' y2='208' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='32' y1='104' x2='224' y2='104' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Crect x='32' y='48' width='192' height='160' rx='8' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Avatar__img[alt="Field types & information collected"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128,80a32,32,0,0,1,32-32h16' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M176,208H160a32,32,0,0,1-32-32' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M80,208H96a32,32,0,0,0,32-32V80A32,32,0,0,0,96,48H80' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='104' y1='128' x2='152' y2='128' fill='none' stroke='%232A5AE9' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }

/* Zoho's own interface icons */
.CustomWidgets__widgetIcon svg,
.Header__dropicon svg,
.ArticleDetailLeftContainer__pdfView svg,
.Printcontainer__printerIcon svg,
.ArticleDetailLeftContainer__IconExPrint svg,
.ArticleCmd__Like svg,
.ArticleCmd__disLike svg { visibility: hidden; }

.CustomWidgets__widgetIcon,
.Header__dropicon,
.ArticleDetailLeftContainer__pdfView,
.Printcontainer__printerIcon,
.ArticleDetailLeftContainer__IconExPrint,
.ArticleCmd__Like,
.ArticleCmd__disLike {
  background-position: center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}

.CustomWidgets__widgetIcon { flex: none; width: 18px; height: 20px; background-size: 18px 18px; }
.Header__dropicon { flex: none; width: 18px; height: 18px; background-size: 18px 18px; }

.CustomWidgets__widgetIcon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M200,224H56a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h96l56,56V216A8,8,0,0,1,200,224Z' fill='none' stroke='%23A3A0AB' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='152 32 152 88 208 88' fill='none' stroke='%23A3A0AB' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='96' y1='136' x2='160' y2='136' fill='none' stroke='%23A3A0AB' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='96' y1='168' x2='160' y2='168' fill='none' stroke='%23A3A0AB' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Header__dropicon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cline x1='96' y1='56' x2='96' y2='200' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M24,160a32,32,0,0,0,0-64V64a8,8,0,0,1,8-8H224a8,8,0,0,1,8,8V96a32,32,0,0,0,0,64v32a8,8,0,0,1-8,8H32a8,8,0,0,1-8-8Z' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.ArticleDetailLeftContainer__pdfView { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpolyline points='216 152 184 152 184 208' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='208' y1='184' x2='184' y2='184' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M48,192H64a20,20,0,0,0,0-40H48v56' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M112,152v56h16a28,28,0,0,0,0-56Z' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M48,112V40a8,8,0,0,1,8-8h96l56,56v24' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='152 32 152 88 208 88' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.Printcontainer__printerIcon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpolyline points='64 80 64 40 192 40 192 80' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Crect x='64' y='152' width='128' height='64' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M64,176H24V96c0-8.84,7.76-16,17.33-16H214.67C224.24,80,232,87.16,232,96v80H192' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Ccircle cx='188' cy='116' r='12'/%3E%3C/svg%3E"); }
.ArticleDetailLeftContainer__IconExPrint { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect x='32' y='48' width='192' height='160' rx='8' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='80' y1='96' x2='176' y2='96' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='80' y1='128' x2='176' y2='128' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cline x1='80' y1='160' x2='176' y2='160' fill='none' stroke='%23747181' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
.ArticleCmd__Like { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M32,104H80a0,0,0,0,1,0,0V208a0,0,0,0,1,0,0H32a8,8,0,0,1-8-8V112A8,8,0,0,1,32,104Z' fill='none' stroke='%2318122D' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M80,104l40-80a32,32,0,0,1,32,32V80h64a16,16,0,0,1,15.87,18l-12,96A16,16,0,0,1,204,208H80' fill='none' stroke='%2318122D' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }
/* Zoho turns this element 180 degrees, so it uses the thumbs-up drawing */
.ArticleCmd__disLike { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M32,104H80a0,0,0,0,1,0,0V208a0,0,0,0,1,0,0H32a8,8,0,0,1-8-8V112A8,8,0,0,1,32,104Z' fill='none' stroke='%2318122D' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M80,104l40-80a32,32,0,0,1,32,32V80h64a16,16,0,0,1,15.87,18l-12,96A16,16,0,0,1,204,208H80' fill='none' stroke='%2318122D' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }

/* ---------- Small screens ---------- */
@media (max-width: 1024px) {
  .Header__welcomeTitle { font-size: 40px; }
  #layoutContainer { padding: 40px 16px 64px; }
  .Header__menuWrapper, .Header__titleSearchWrapper { padding: 0 16px; }
  .Layout__layout2 { padding: 40px 0 0; }
  .ArticleDetailLeftContainer__box, .ArticleDetailLeftContainer__cmdBox { padding: 24px; }
  .ArticleDetailLeftContainer__kbTitle { font-size: 30px; }
  .ModuleItem__moduleHeader { padding: 20px; }
}