/* ====================================================
   Ding Help Center, 2026 brand refresh
   ----------------------------------------------------
   Palette
     Plum      #47127F   primary brand, links, buttons, asterisk
     Ink       #1D0735   primary text colour
     Lavender  #EDE7F3   header and soft surfaces (was light blue)
     Matcha    #CAF100   accent, hover and focus on dark surfaces
     Magenta   #FF21ED   decorative only, never used for text
   Typeface: Inter (variable)
   Selectors are unchanged from the previous theme, so the
   Zendesk templates do not need to be touched.
   ==================================================== */

:root {
  --plum: #47127F;
  --plum-dark: #2F0B57;
  --ink: #1D0735;
  --ink-muted: #5C4D70;
  --lavender: #EDE7F3;
  --lavender-soft: #F7F4FA;
  --line: #DCD2E6;
  --line-strong: #8B7BA3;
  --matcha: #CAF100;
  --magenta: #FF21ED;
  --white: #FFFFFF;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(29, 7, 53, .06), 0 10px 28px rgba(29, 7, 53, .08);
  --shadow-search: 0 10px 30px rgba(29, 7, 53, .14);

  --font: 'InterVariable', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

/* ====================================================
   Fonts
   ==================================================== */
@font-face {
  font-family: 'InterVariable';
  src: url(/hc/theming_assets/01KH6C4W7K1QQGRN9W2D10FB8P) format('woff2-variations'),
       url(/hc/theming_assets/01KH6C4W7K1QQGRN9W2D10FB8P) format('woff2'),
       url(/hc/theming_assets/01KH6CAPNRJVK7YWTWTNG8GYHC) format('woff'),
       url(/hc/theming_assets/01KH6C5TMYVJ1XEE01HRWY0YHM) format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'InterVariable';
  src: url($assets-intervariable-Italic-woff2) format('woff2-variations'),
       url($assets-intervariable-Italic-woff2) format('woff2'),
       url($assets-intervariable-Italic-woff) format('woff'),
       url($assets-intervariable-Italic-ttf) format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* ====================================================
   Base
   ==================================================== */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.zopim:first-child { display: none !important; }

html { -webkit-text-size-adjust: 100%; }

body {
  color: var(--ink);
  background-color: var(--white);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.5;
  font-style: normal;
  font-weight: 400;
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img { border: 0; vertical-align: middle; }

a { color: var(--plum); text-decoration: none; }
a:hover { color: var(--plum-dark); text-decoration: underline; text-underline-offset: 3px; }

ul, ol { list-style: none; }

/* Keyboard focus: always visible */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--plum);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ----- Title hierarchy ----- */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: var(--font);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--ink);
}
h1 { font-size: 44px; line-height: 1.1; letter-spacing: -0.03em; font-weight: 800; }
h2 { font-size: 32px; line-height: 1.15; letter-spacing: -0.025em; }
h3 { font-size: 24px; }
h4 { font-size: 18px; letter-spacing: -0.01em; }

main h3 { margin: 28px 0 16px 0; }

p {
  line-height: 1.6;
  margin-bottom: 16px;
  font-weight: 400;
}
p.mtop { margin-top: 24px; }

::selection { background: var(--matcha); color: var(--ink); }

/* ====================================================
   Forms
   ==================================================== */
input[type=text], input[type=password], input[type=email], input[type=tel],
input[type=number], input[type=search], textarea {
  height: 52px;
  padding: 0 16px;
  border: 1.5px solid var(--line-strong);
  background: var(--white);
  color: var(--ink);
  font: 400 18px var(--font);
  -webkit-appearance: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
input[type=tel]:focus, input[type=number]:focus, textarea:focus {
  border-color: var(--plum);
  box-shadow: 0 0 0 3px rgba(71, 18, 127, .18);
  outline: none;
}

input[type=password] { font-family: Arial; }

textarea {
  height: auto;
  min-height: 120px;
  padding: 12px 16px;
  resize: none;
}

input::placeholder, textarea::placeholder { color: var(--ink-muted); opacity: 1; }

input::-ms-clear { display: none; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

input[type=text], input[type=password], input[type=email], input[type=tel],
input[type=number], textarea, .category-navigation, .article-navigation,
.nesty-input, .article-vote-up, .article-vote-down {
  -webkit-border-radius: var(--radius-sm);
  -moz-border-radius: var(--radius-sm);
  border-radius: var(--radius-sm);
}

.clearfix { clear: both; }
.form { width: 50%; margin-bottom: 40px; }
.form footer { width: 100%; }
.form input, .form textarea { width: 100%; display: block; }
.form input[type=submit] { width: 310px; }

.form-field { min-height: 100px; }
.form-field.text { min-height: 190px; }
.form-field label { display: block; margin-bottom: 8px; font-weight: 600; }
.form-field p { font-size: 15px; margin-top: 6px; color: var(--ink-muted); }
.form-field .upload-dropzone { text-align: left; }

.main-column h1 { margin-bottom: 32px; }

.dn-hidden { display: none; }

/* ----- Buttons ----- */
.dn-button, input[type=submit] {
  display: inline-block;
  min-width: auto;
  height: 48px;
  padding: 0 32px;
  border: 2px solid var(--plum);
  border-radius: var(--radius-pill);
  background: var(--plum);
  color: var(--white);
  font-family: var(--font);
  font-weight: 700;
  font-size: 16px;
  line-height: 44px;
  letter-spacing: -0.005em;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none !important;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}

.dn-button:hover, input[type=submit]:hover {
  background: var(--matcha);
  border-color: var(--matcha);
  color: var(--plum);
}

.dn-button:active, input[type=submit]:active { transform: translateY(1px); }

.no-results { display: none; margin-top: 20px; }
.tooltip { display: none !important; }

.header .search-container, .search:before {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.final-nav-div {
  background-color: var(--white);
  width: 100%;
  margin-left: 0 !important;
  border-bottom: none !important;
  display: none;
}

.final-nav-div a { color: var(--ink); }

.article-content .final-nav-div {
  border-top: 1px solid var(--line);
  margin: 20px 0 -30px 0;
}

.article-content .final-nav-div a { display: block; padding: 12px 0; }
.article-content .final-nav-div a:hover { text-decoration: none; color: var(--plum); }
.article-content .final-nav-div span.fa { float: right; }

.resizable-iframe {
  height: 0;
  position: relative;
  padding-bottom: 75%;
}

.resizable-iframe iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* ====================================================
   Content frame
   ==================================================== */
.header-inner, .footer-inner, .zdwrap, .promoted-articles {
  margin: 0 auto;
  padding: 0 10%;
  width: 100%;
  max-width: 1440px;
}

main {
  margin: 56px auto 0;
  width: 100%;
  display: table;
}

#launcher { display: none !important; }

button.ada-embed-button { background-color: var(--plum) !important; }

.pagination ul { text-align: center; }
.pagination li { display: inline-block; margin-left: 4px; }
.pagination li a {
  color: inherit;
  display: inline-block;
  padding: 8px 14px;
  border-radius: var(--radius-pill);
}
.pagination li a:hover, .pagination-current span {
  text-decoration: none;
  color: var(--plum);
  background: var(--lavender);
}
.pagination-current span { padding: 8px 14px; border-radius: var(--radius-pill); font-weight: 700; }

/* ====================================================
   Header
   Light lavender surface with a brand-pink asterisk. Both are drawn
   in CSS, so the old header background image is not needed.
   The big asterisk is straightened (-15deg) so one arm is vertical,
   and its centre sits on the right edge, 40px above the bottom edge.
   The right edge splits the vertical arm down the middle. The bottom
   edge passes through the solid hub of the asterisk, below which the
   arms would leave a small lavender triangle, so that gap never
   appears. Change the size with --ast. Below 960px only the small
   plum asterisk shows.
   ==================================================== */
.header {
  --ast: 460px; /* size of the big asterisk */
  width: 100%;
  height: 440px;
  position: relative;
  overflow: hidden;
  background-color: var(--lavender);
  background-image: none;
}

/* Large asterisk, cropped by the right edge */
.header::before {
  content: '';
  position: absolute;
  right: calc(var(--ast) / -2);
  bottom: calc(var(--ast) / -2 + 46px);
  width: var(--ast);
  height: var(--ast);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23FF21ED' d='M99.5297 47.3735L94.4273 28.3193C94.084 27.0301 92.7526 26.259 91.4635 26.6084L67.7225 32.9699L74.084 9.22893C74.4273 7.93977 73.6623 6.60844 72.3731 6.26507L53.3189 1.16266C52.0297 0.819288 50.6984 1.58435 50.355 2.8735L43.9936 26.6145L26.602 9.22893C25.6563 8.28314 24.1201 8.28314 23.1743 9.22893L9.23457 23.1807C8.28878 24.1265 8.28878 25.6627 9.23457 26.6084L26.6141 43.988L2.87312 50.3494C1.58397 50.6928 0.812882 52.0241 1.16228 53.3133L6.26469 72.3675C6.60806 73.6566 7.93939 74.4277 9.22854 74.0783L32.9695 67.7169L26.6081 91.4578C26.2647 92.747 27.0297 94.0783 28.3189 94.4217L47.3731 99.5241C48.6623 99.8675 49.9936 99.1024 50.337 97.8133L56.6984 74.0723L74.0779 91.4518C75.0237 92.3976 76.5599 92.3976 77.5056 91.4518L91.4514 77.506C92.3972 76.5603 92.3972 75.0241 91.4514 74.0783L74.0719 56.6988L97.8129 50.3374C99.1081 49.994 99.8731 48.6687 99.5297 47.3735Z'/%3E%3C/svg%3E") no-repeat center / contain;
  transform: rotate(-15deg);
  pointer-events: none;
}

/* Small asterisk, bottom left */
.header::after {
  content: '';
  position: absolute;
  left: 5%;
  bottom: 48px;
  width: 56px;
  height: 56px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2347127F' d='M99.5297 47.3735L94.4273 28.3193C94.084 27.0301 92.7526 26.259 91.4635 26.6084L67.7225 32.9699L74.084 9.22893C74.4273 7.93977 73.6623 6.60844 72.3731 6.26507L53.3189 1.16266C52.0297 0.819288 50.6984 1.58435 50.355 2.8735L43.9936 26.6145L26.602 9.22893C25.6563 8.28314 24.1201 8.28314 23.1743 9.22893L9.23457 23.1807C8.28878 24.1265 8.28878 25.6627 9.23457 26.6084L26.6141 43.988L2.87312 50.3494C1.58397 50.6928 0.812882 52.0241 1.16228 53.3133L6.26469 72.3675C6.60806 73.6566 7.93939 74.4277 9.22854 74.0783L32.9695 67.7169L26.6081 91.4578C26.2647 92.747 27.0297 94.0783 28.3189 94.4217L47.3731 99.5241C48.6623 99.8675 49.9936 99.1024 50.337 97.8133L56.6984 74.0723L74.0779 91.4518C75.0237 92.3976 76.5599 92.3976 77.5056 91.4518L91.4514 77.506C92.3972 76.5603 92.3972 75.0241 91.4514 74.0783L74.0719 56.6988L97.8129 50.3374C99.1081 49.994 99.8731 48.6687 99.5297 47.3735Z'/%3E%3C/svg%3E") no-repeat center / contain;
  transform: rotate(-15deg);
  pointer-events: none;
}

.header-block {
  width: 100%;
  height: 80px;
  background: var(--white);
}

body.home .header { height: 440px; }

.logo { float: left; margin-top: 20px; }
.logo span { margin-left: 14px; font-size: 16px; }
.logo a { display: inline-block; }
.logo img { width: 112px; }

.header .header-inner {
  height: 100%;
  position: relative;
  z-index: 1;
}

.header .search-container {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
}

.search-result { margin: 24px 0; }
.no-results-heading { display: block; }
span.cannot-find { margin-top: 20px; display: inline-block; }
.search-result-meta,
.search-result-description,
.search-results-subheading,
.search-result-votes { display: none; }

/* Hero title: large, tight, high contrast */
.header .search-container .search-title {
  max-width: 760px;
  margin: 0 auto 32px;
  padding: 0 30px;
  color: var(--ink);
  font-size: 48px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.header .search-container .search-element {
  width: 50%;
  max-width: 680px;
  display: inline-block;
}

.header a { text-decoration: none !important; }

.header .menu-main-items { float: right; margin-top: 22px; position: relative; z-index: 3; }
.header .menu-main-items > li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 16px;
  position: relative;
}

.logo span a,
.header .menu-main-items > li > a {
  line-height: 38px;
  color: var(--ink);
  font-size: 16px;
  font-weight: 600;
}

.logo span a:after,
.header .menu-main-items > li > a:after {
  width: 0;
  height: 2px;
  content: '';
  display: block;
  margin-top: -3px;
  background: var(--plum);
  -webkit-transition: width .3s;
  transition: width .3s;
}

.logo span a:hover:after,
.header .menu-main-items > li > a:hover:after { width: 100%; }

.header .menu-main-items li.item-separator {
  width: 1px;
  height: 16px;
  margin-top: 2px;
  padding: 0 !important;
  background: var(--plum);
  opacity: .35;
}

.header .header-languages > a { text-transform: uppercase; letter-spacing: .04em; }
.header .header-languages span {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 4px;
  background: url("/hc/theming_assets/01HZPASFQ8NKY2JZRW1ZS2YAV5") 0 0 no-repeat;
  background-size: 18px 18px;
}

.header .drop-down-wrap {
  min-width: 80%;
  position: absolute;
  top: 58px;
  left: 50%;
  cursor: default;
  display: none;
  background: var(--white);
  border-radius: var(--radius-sm);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.header .drop-down-wrap li { cursor: pointer; border-top: 1px solid var(--line); }
.header .drop-down-wrap li:first-child { border-top: none; }
.header .drop-down-wrap li:hover { background: var(--lavender); }
.header .drop-down-wrap a {
  color: var(--ink);
  padding: 0 12px;
  display: block;
  line-height: 40px;
  font-size: 15px;
}

.header .mobile-language-selector {
  width: 64px;
  position: absolute;
  top: 3px;
  left: 0;
  opacity: 0;
  display: none;
}

/* ====================================================
   Search
   ==================================================== */
.search { display: block; position: relative; }

.search:before {
  width: 26px;
  height: 26px;
  content: '';
  background: url("/hc/theming_assets/01HZPAS8CXKAK6XZMJN812CR11") 0 0 no-repeat;
  background-size: 26px 26px;
  position: absolute;
  top: 50%;
  left: 24px;
  z-index: 2;
}

body.home .search:before {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}

.search input[type=search] {
  width: 100%;
  height: 64px;
  padding-left: 66px;
  padding-right: 24px;
  border: 2px solid transparent;
  border-radius: var(--radius-pill);
  background: var(--white);
  box-shadow: var(--shadow-search);
  color: var(--ink);
  font-size: 20px;
  font-weight: 400;
}

.search input[type=search]:focus {
  border-color: var(--plum);
  box-shadow: var(--shadow-search), 0 0 0 4px rgba(71, 18, 127, .18);
  outline: none;
}

.search input[type=submit] {
  width: 44px;
  min-width: initial;
  position: absolute;
  top: 0;
  left: 12px;
  bottom: 0;
  padding: 0;
  opacity: 0;
  z-index: 3;
}

body.home .search input[type=submit] { width: 52px; }

.ui-autocomplete.ui-menu {
  margin-top: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

.ui-autocomplete.ui-menu .ui-menu-item {
  font: 500 16px/22px var(--font);
  color: var(--ink);
  padding-top: 10px;
  padding-bottom: 10px;
}

.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus {
  border-color: transparent;
  background: var(--plum);
  color: var(--white);
}

/* ====================================================
   Footer
   ==================================================== */
.footer { width: 100%; margin-top: 40px; }

.footer .footer-links {
  padding-top: 56px;
  padding-bottom: 40px;
  background: var(--plum);
}

.footer .footer-links ul {
  width: 16%;
  margin-left: 7%;
  display: inline-block;
  vertical-align: top;
}

.footer .footer-links li { position: relative; }

.footer .footer-links .links-header {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--white);
  margin-bottom: 12px;
  padding-bottom: 12px;
  line-height: 1.3;
  border-bottom: 1px solid rgba(255, 255, 255, .35);
}

.footer .footer-links .links-header span {
  line-height: 18px;
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 12px;
  display: none;
}

.footer .footer-links li a {
  font-size: 14px;
  line-height: 1.9;
  font-weight: 400;
  display: block;
  color: var(--white);
}

.footer .footer-links li a:hover { color: var(--matcha); text-decoration: underline; }

#media-centre-link { display: none !important; }

.footer .footer-socials {
  margin-top: 32px;
  padding-top: 32px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, .25);
}

.footer .footer-socials a { height: 19px; display: inline-block; }

.footer .footer-socials a.facebook {
  width: 13px;
  margin-right: 20px;
  background: url("/hc/theming_assets/01HZPAS8P4AA0A9547ZZTKZPN7") 0 0 no-repeat;
  background-size: 13px 19px;
}

.footer .footer-socials a.twitter {
  width: 22px;
  background: url("/hc/theming_assets/01HZPAS8SX5BE6GMB584Z8KEQ2") 0 0 no-repeat;
  background-size: 22px 19px;
}

.footer .footer-bottom {
  padding-top: 32px;
  padding-bottom: 32px;
  background: var(--ink);
}

.footer .footer-bottom ul {
  float: right;
  text-align: right;
  font-size: 13px;
  color: var(--white);
}

.footer .footer-bottom ul:first-child { float: left; text-align: left; }
.footer .footer-bottom li:first-child { margin-bottom: 12px; }
.footer .footer-bottom a { color: var(--white); }
.footer .footer-bottom a:hover { color: var(--matcha); }

.footer .footer-bottom a.with-separator:before {
  width: 1px;
  height: 12px;
  content: '';
  background: rgba(255, 255, 255, .6);
  margin: 0 12px;
  display: inline-block;
  vertical-align: middle;
}

.footer .footer-bottom p {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
  padding-top: 24px;
  margin-top: 24px;
  text-align: center;
  color: rgba(255, 255, 255, .72);
  border-top: 1px solid rgba(255, 255, 255, .18);
}

.footer a:focus-visible { outline-color: var(--matcha); }

/* ====================================================
   Home
   ==================================================== */
.help-center-name { font-size: 35px; }

/* Contact banner */
.submit-ticket {
  margin: 64px 0 24px;
  padding: 56px 24px;
  text-align: center;
  background: var(--lavender);
  border-radius: var(--radius-lg);
}

.submit-ticket h3 {
  margin: 0 auto 28px auto;
  padding: 0 24px;
  font-size: 30px;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

/* Contact button: matcha, flips to plum on hover */
.submit-ticket .dn-button,
.submit-ticket input[type=submit] {
  background: var(--matcha);
  border-color: var(--matcha);
  color: var(--plum);
}

.submit-ticket .dn-button:hover,
.submit-ticket input[type=submit]:hover {
  background: var(--plum);
  border-color: var(--plum);
  color: var(--white);
}

/* Popular articles */
.promoted-articles h3 {
  font-size: 26px;
  margin: 0 0 20px;
}

.promoted-articles ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 40px;
}

.promoted-articles li {
  width: auto;
  float: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--line);
}

.promoted-articles li:nth-child(3n+1) { margin-left: 0; }

.promoted-articles li a {
  width: 100%;
  color: var(--ink);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  padding: 14px 0;
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.promoted-articles a:hover {
  text-decoration: none;
  color: var(--plum);
}

/* ====================================================
   Navigation pages: Home, Category and Section
   ==================================================== */
.knowledge-base h1 {
  font-size: 36px;
  margin: 0 0 40px 0;
  text-align: center;
}

.section-tree .section {
  display: inline-block;
  margin: 0 0 32px;
  vertical-align: top;
  width: 49%;
}

.section-tree h3 {
  font-size: 22px;
  line-height: 1.3;
  margin: 10px 0 8px;
}

.section-tree ul, ul.article-list {
  color: var(--ink);
  font-size: 15px;
  list-style-position: outside;
  list-style-type: disc;
}

.section-tree ul a:hover, ul.article-list a:hover {
  color: var(--plum);
  text-decoration: none;
}

.section-tree-with-article h2 {
  font-size: 18px;
  line-height: 1.3;
  margin: 10px 0 6px;
}

.section-tree-with-article ul { overflow: hidden; margin-top: 12px; }
.section-tree-with-article li.section { float: left; width: 50%; }
.section-tree-with-article li.section:nth-child(2n+1) { clear: both; }

.knowledge-base h4:before, .community h4:before {
  color: var(--plum);
  font-family: var(--font);
  font-size: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

.article-list li, .community li { margin-bottom: 0; padding-right: 30px; }
.article-list li { margin-bottom: 20px; }

/* ----- Category cards ----- */
.category-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.category-list li {
  height: auto;
  min-width: 0;
  background: transparent;
  text-align: center;
  color: var(--ink);
  font-weight: 400;
  vertical-align: top;
}

.category-list li a {
  width: 100%;
  height: 100%;
  min-height: 232px;
  padding: 8px 20px 28px;
  display: block;
  background: var(--white);
  border: 1.5px solid var(--line);
  border-radius: var(--radius-md);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.category-list li a:hover {
  text-decoration: none;
  border-color: var(--plum);
  box-shadow: var(--shadow-card);
  transform: translateY(-3px);
}

.category-list img {
  width: 72px;
  height: 72px;
  margin: 28px auto 20px;
  display: block;
}

.category-list li a span {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -0.015em;
  color: var(--ink);
}

.category-list li a span.fa {
  float: right;
  font-size: 24px;
  color: var(--plum);
  display: none;
}

.category-list li a div {
  width: 40px;
  border-top: 3px solid var(--matcha);
  border-radius: 3px;
  margin: 16px auto;
}

.section h3 a { color: inherit; font-size: .85em; font-weight: 700; }

.article-promoted span { cursor: default; margin-right: 5px; position: relative; display: none; }

.article-promoted span:before,
.article-promoted span:after { display: none; position: absolute; }

.article-promoted span:hover:before,
.article-promoted span:hover:after { display: block; }

.article-promoted span:before {
  background: var(--ink);
  border-radius: 4px;
  color: var(--white);
  content: attr(data-title);
  left: -10px;
  margin-top: 5px;
  padding: 3px 10px;
  top: 100%;
  white-space: nowrap;
  z-index: 1;
}

.article-promoted span:after {
  border-bottom: 5px solid var(--ink);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -5px;
  width: 0;
}

.see-all-articles {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin-top: 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.category-description, .section-description {
  color: var(--ink-muted);
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 32px;
}

.section-subscribe, .section-unsubscribe { float: right; margin-top: 5px; }

.category-list a, .section-list a {
  color: inherit;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
}

/* ====================================================
   Search results
   ==================================================== */
.search-results-heading { margin-bottom: 24px; }
.search-results-column p { margin-bottom: 12px; }
.search-results .no-results-heading { margin-bottom: 18px; }

.search-result a {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--plum);
}

/* ====================================================
   Article
   ==================================================== */
.article-metadata { float: left; padding-left: 55px; position: relative; }
.article-updated { color: var(--ink-muted); font-size: 13px; margin-top: 5px; }
.article-subscribe, .article-unsubscribe { float: right; }
.article-sidebar { margin-top: -4px; }
.article-sidebar h3 { font-size: 16px; padding-bottom: 16px; }
.article-sidebar ul { margin-bottom: 60px; }

.article-body {
  word-wrap: break-word;
  font-size: 17px;
  line-height: 1.7;
  max-width: 760px;
}

.article-body p { font-size: 17px; line-height: 1.7; margin-bottom: 20px; }

.article-body h2 { font-size: 28px; margin: 44px 0 16px; }
.article-body h3 { font-size: 22px; margin: 32px 0 12px; }
.article-body h4 { font-size: 18px; margin: 24px 0 8px; }

.article-body a { text-decoration: underline; text-underline-offset: 3px; }
.article-body a:hover { text-decoration-thickness: 2px; }

.article-body ul,
.article-body ol,
ul.cannot-find {
  margin: 8px 0 24px 24px;
  list-style-position: outside;
}

.article-body ul li,
.article-body ol li,
ul.cannot-find li { margin-bottom: 8px; line-height: 1.6; }

.article-body ul li:last-child,
.article-body ol li:last-child { margin-bottom: 0; }

.article-body li > ul,
.article-body li > ol { margin: 8px 0 0 24px; }

.article-body ul,
ul.cannot-find { list-style-type: disc; }
.article-body ul li::marker { color: var(--plum); }
.article-body ol { list-style-type: decimal; }
.article-body ol li::marker { color: var(--plum); font-weight: 700; }

.article-body blockquote {
  margin: 24px 0;
  padding: 16px 24px;
  border-left: 4px solid var(--plum);
  background: var(--lavender-soft);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.article-body code {
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--lavender);
  font-size: .92em;
}

.article-body pre {
  margin: 24px 0;
  padding: 16px 20px;
  overflow-x: auto;
  border-radius: var(--radius-sm);
  background: var(--ink);
  color: var(--white);
}

.article-body pre code { padding: 0; background: transparent; color: inherit; }

.article-body table { table-layout: fixed; width: 100%; border-collapse: collapse; margin: 24px 0; }
.article-body th { background: var(--lavender); text-align: left; font-weight: 700; }
.article-body th, .article-body td { padding: 12px 14px; border: 1px solid var(--line); vertical-align: top; }

.article-footer { margin: 56px 0 28px; }
.article-footer .share { float: right; }
.article-vote { float: left; position: relative; }
.article-more-questions { margin-bottom: 32px; }
.recent-articles li, .related-articles li { margin-bottom: 8px; }

.article-comments { clear: both; width: 100%; margin-top: 56px; float: left; }

.vote-reason-comment { clear: both; width: 100%; height: 170px; float: left; }

.dn-comment-error { margin: 14px 0; color: #A4161A; }

.comment-avatar { font-size: 16px; margin-bottom: 10px; }

.dn-comment-thanks { float: left; clear: both; margin: 14px 0; }

.article-footer .vote-reason-form-controls button {
  min-width: 120px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  padding: 0 12px;
  background: var(--white);
  color: var(--plum);
  border: 2px solid var(--plum);
  height: 44px;
  margin: 10px 0;
  border-radius: var(--radius-pill);
  font-weight: 700;
  cursor: pointer;
}

.article-footer .vote-reason-form-controls button:hover { background: var(--plum); color: var(--white); }

#comment_body { width: 100%; }

/* ====================================================
   Chat
   ==================================================== */
.chat {
  background: var(--plum);
  color: var(--white);
  border: 1px solid var(--plum);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  bottom: 0;
  box-shadow: 0 0 12px rgba(29, 7, 53, .25);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 38px;
  padding: 0 16px;
  position: fixed;
  right: 85px;
  -webkit-transition: bottom .5s ease-in, color .5s ease-in;
  -moz-transition: bottom .5s ease-in, color .5s ease-in;
  -ms-transition: bottom .5s ease-in, color .5s ease-in;
  -o-transition: bottom .5s ease-in, color .5s ease-in;
  transition: bottom .5s ease-in, color .5s ease-in;
}

.chat:before {
  content: "\E720";
  font-family: "entypo";
  font-size: 16px;
  margin-right: 10px;
  vertical-align: middle;
}

.chat:hover { text-decoration: none; color: var(--matcha); }
.chat-available { bottom: 0; }
.chat-unavailable { color: #D8CCE6; cursor: default !important; bottom: -50px; }

.app-icon.margin { margin: 0 25px 0 0; }

/* Error page */
.error-page { margin: 0 auto; max-width: 520px; padding-top: 5%; }
.error-page h1 { font-size: 52px; margin-bottom: 8px; }
.error-page h2 { font-size: 18px; margin-bottom: 8px; font-weight: 500; letter-spacing: 0; }
.error-page > a { display: block; margin-top: 28px; }

/* ====================================================
   Category and article layout
   ==================================================== */
.category-title {
  text-transform: none;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.025em;
  border-bottom: 1px solid var(--line);
  padding-bottom: 20px;
}

.category-title img {
  width: 50px;
  height: auto;
  max-height: 50px;
  display: none;
  margin: 0 20px;
}

.category-title span { vertical-align: middle; }

.category-wrap, .article-wrap { width: 100%; display: table; }

.category-navigation,
.article-navigation {
  width: 26%;
  min-width: 300px;
  display: table-cell;
}

.category-navigation ul,
.article-navigation ul {
  background-color: var(--lavender-soft);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.secondary-nav { display: none; }

.article-navigation .sections-articles { display: none; }
.article-navigation .sections-articles li:last-child div { border-bottom: none; }

.article-navigation .sections-header-title {
  font-weight: 700;
  background: var(--lavender);
}

.category-navigation div,
.article-navigation div {
  padding: 18px 16px;
  border-bottom: 1px solid var(--line);
}

.category-navigation li,
.article-navigation li { cursor: pointer; }

.category-navigation li.nav-title,
.article-navigation li.nav-title {
  cursor: default !important;
  font-size: 14px !important;
}

.section-tree-with-article li h2 { font-size: 16px !important; }

.category-navigation li.nav-title div,
.article-navigation li.nav-title div {
  border-bottom: none;
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.02em;
}

.category-navigation li a:hover,
.article-navigation li a:hover,
.category-navigation li.active,
.article-navigation li.active {
  text-decoration: none;
  background-color: var(--lavender);
}

.category-navigation li.active > a,
.article-navigation li.active > a { box-shadow: inset 4px 0 0 var(--plum); font-weight: 700; }

.category-navigation li.active div,
.article-navigation li.active div,
.category-navigation li:last-child a div,
.article-navigation .sections-header:last-child a div { border-bottom-color: transparent; }

.article-navigation li a.no-children:hover { background: transparent; cursor: default; }
.article-navigation li a.no-children:hover div { border-bottom-color: var(--line); }

.category-navigation li a,
.article-navigation li a {
  color: var(--ink);
  display: block;
  line-height: 1.3;
  font-weight: 500;
}

.category-navigation li a span.fa,
.article-navigation li a span.fa {
  float: right;
  font-size: 28px;
  color: var(--plum);
  margin-top: -6px;
}

.article-content img { max-width: 100%; height: auto !important; border-radius: var(--radius-sm); }

.article-content .article-header h1 {
  text-transform: none;
  font-size: 36px;
  line-height: 1.15;
  letter-spacing: -0.03em;
  margin-bottom: 32px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--line);
}

.article-content .subtle-wrap { margin-top: 0; border-top: none; padding: 0; }

.category-content,
.article-content {
  width: 74%;
  display: table-cell;
  padding-left: 56px;
  vertical-align: top;
}

.category-content a { color: var(--ink); }
.category-content a:hover { color: var(--plum); }

.section-tree-with-article li h2 { margin-bottom: 20px; font-weight: 700; }

/* ====================================================
   Vote
   ==================================================== */
.vote {
  display: table-cell;
  margin-left: 15px;
  margin-right: 10px;
  min-width: 95px;
  vertical-align: top;
}

.vote-sum, .vote-controls { display: inline-block; vertical-align: middle; }

.vote-sum {
  font-size: 15px;
  font-weight: 700;
  min-width: 60px;
  padding-left: 10px;
  text-align: center;
}

.vote-controls { border-radius: 5px; }

.vote-controls a {
  background: var(--white);
  border-color: var(--line);
  box-shadow: none;
  color: var(--ink-muted);
  display: block;
  font-family: var(--font);
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
}

.vote-up { border-radius: 5px 5px 0 0; }
.vote-down { border-radius: 0 0 5px 5px; border-top: 0; }
.vote-up:before { content: "\E763"; }
.vote-down:before { content: "\E760"; }

.vote-controls:hover { box-shadow: 0 1px 5px rgba(29, 7, 53, .2); }
.vote-controls:hover a { background: var(--white); border-color: var(--line-strong); color: var(--ink-muted); }
.vote-controls a:hover, .vote-controls [aria-selected=true] { background: var(--lavender); color: var(--plum); }
.vote-controls a:active { background: var(--line); color: var(--ink); }

.article-vote-count {
  position: absolute;
  left: 100%;
  margin-left: 106px;
  top: 4px;
  width: 300px;
  display: none !important;
}

.article-vote-question { font-size: 17px; font-weight: 700; }

.article-vote small { color: var(--ink-muted); display: block; }
.article-vote a:hover { text-decoration: none; }

.article-vote-controls { margin-top: 12px; }

.article-vote-up, .article-vote-down {
  min-width: 120px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  padding: 0 12px;
  background: var(--white);
  color: var(--plum);
  border: 2px solid var(--plum);
  border-radius: var(--radius-pill);
  font-weight: 700;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}

.article-vote-up { margin-right: 16px; }

.article-vote-up:before { color: var(--plum); content: "Yes"; }
.article-vote-down:before { color: var(--plum); content: "No"; }

.article-vote-up:hover, .article-vote-down:hover { background: var(--lavender); }

.article-voted {
  box-shadow: none;
  background-color: var(--plum) !important;
  opacity: 1;
}

.article-voted::before { color: var(--white); }

.article-vote-up .article-voted,
.article-vote-down .article-voted {
  box-shadow: none;
  background-color: var(--plum) !important;
}

/* ====================================================
   Nesty
   ==================================================== */
.nesty-input {
  width: 100%;
  max-width: 100%;
  height: 52px;
  border: 1.5px solid var(--line-strong);
  box-shadow: none;
  padding: 7px 16px 0 12px;
  display: block;
}

.nesty-panel li { font-size: 16px !important; min-height: 40px !important; }

/* ====================================================
   Animation
   ==================================================== */
@keyframes recent-activity-loader {
  0% { left: 0; }
  100% { left: 100%; }
}
@-webkit-keyframes recent-activity-loader {
  0% { left: 0; }
  100% { left: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-transition: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .category-list li a:hover { transform: none; }
}

/* ====================================================
   Responsive
   ==================================================== */
@media (max-width: 1600px) {
  .header .search-container .search-element { width: 48%; }
  .header-inner, .footer-inner, .zdwrap, .promoted-articles { padding: 0 7%; }
}

@media (max-width: 1250px) {
  .header .search-container .search-element { width: 56%; }
  .form { width: 55%; }
  .header .search-container { padding-right: 160px; }
}

@media (max-width: 1100px) {
  .header-inner, .footer-inner, .zdwrap, .promoted-articles { padding: 0 6%; }
  .header .search-container .search-element { width: 66%; }
  .form { width: 65%; }
  .category-list { gap: 16px; }
  .category-list li a span { font-size: 20px; }
  .category-list img { width: 64px; height: 64px; }
  .promoted-articles ul { gap: 0 28px; }
  .promoted-articles li a { font-size: 16px; }
}

@media (max-width: 960px) {
  h1 { font-size: 36px; }
  h2 { font-size: 28px; }
  h3 { font-size: 21px; }

  .form { width: 70%; }

  .header .search-container .search-title { font-size: 38px; margin-bottom: 28px; }
  .header::before { display: none; }
  .header .search-container { padding-right: 0; }

  .knowledge-base h1 { font-size: 32px; }

  .category-list li a { min-height: 200px; }
  .category-list li a span { font-size: 18px; }
  .category-list img { margin-top: 24px; }

  .promoted-articles h3 { font-size: 24px; }
  .promoted-articles ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .category-title img { margin-left: 34px; }

  .section-tree-with-article li.section { width: 100%; }

  .article-navigation { display: none; }

  .article-content { width: 100%; padding-left: 0; }
  .article-content .final-nav-div { display: block; }
  .article-body { max-width: none; }
}

@media (max-width: 860px) {
  .header-inner, .footer-inner, .zdwrap, .promoted-articles { padding: 0 4%; }

  .footer .footer-links ul:first-child { margin-left: 0; }

  .section-tree-with-article li h2 { font-size: 16px; }

  .category-title,
  .article-content .article-header h1 { font-size: 28px; }

  .category-title img { margin-left: 20px; width: 54px; }

  .article-navigation li { font-size: 14px; }
  .article-list li { font-size: 14px; }

  .category-navigation li a span.fa,
  .article-navigation li a span.fa { font-size: 20px; }

  .category-navigation div,
  .article-navigation div { padding-top: 16px; padding-bottom: 16px; }

  .community,
  .section-tree,
  .section-tree-with-article,
  .subtle-wrap,
  .article-sidebar section { padding: 20px 4% 30px 4%; }

  .category-content a { font-size: 15px !important; }
}

@media (max-width: 767px) {
  .form { width: 85%; }

  .zdwrap.small-no-padding { padding: 0; }

  .submit-ticket { margin-top: 40px; padding: 40px 16px; border-radius: var(--radius-md); }
  .submit-ticket h3 { font-size: 22px; line-height: 1.3; margin-bottom: 28px; padding: 0; }

  .main-column h1 { margin: 20px 0; }
  .article-header h1 { margin-top: 20px; }

  .cannot-find { margin-bottom: 20px; }

  .header .search-container .search-title { font-size: 34px; }
  .header .search-container .search-element { width: 84%; }

  .search input[type=search] { height: 54px; font-size: 18px; }

  /* Category cards become a simple list */
  .category-list {
    display: block;
    background: transparent;
    border-top: 1px solid var(--line);
  }

  .category-list li {
    width: 100%;
    height: auto;
    display: block;
    text-align: left;
    border: none;
    border-bottom: 1px solid var(--line);
    background: transparent;
  }

  .category-list li:last-child { border-bottom: none; }

  .category-list li a {
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    display: block;
    line-height: 56px;
    transform: none;
  }

  .category-list li a:hover { box-shadow: none; transform: none; background: var(--lavender-soft); }

  .category-list li a span { font-size: 17px; font-weight: 600; }
  .category-list li a span.fa { display: block; line-height: inherit; }
  .category-list li a div { display: none; }
  .category-list img { display: none; }

  .promoted-articles h3 { font-size: 20px; }

  .category-navigation { width: 100%; margin-bottom: 0; display: block; }

  .secondary-nav { display: block; }
  .secondary-nav li.active { display: none !important; }
  .secondary-nav li:not(.active) { display: block !important; }
  .secondary-nav li div { border-bottom: 1px solid var(--line) !important; }
  .secondary-nav li:last-child div { border-bottom: none !important; }

  .category-navigation li { font-size: 14px; }
  .category-navigation li.active span.fa { display: none; }
  .category-navigation li:not(.active) { display: none; }

  .category-navigation div { margin: 0 4%; padding-left: 0; padding-right: 0; }

  .category-content { width: 100%; padding-left: 0; display: block; }

  .category-title { display: none; }

  .community,
  .section-tree,
  .subtle-wrap,
  .article-sidebar section { border-top: none; margin-top: -50px; }

  .community,
  .section-tree,
  .section-tree-with-article,
  .subtle-wrap,
  .article-sidebar section { padding-top: 0; padding-bottom: 10px; }

  .category-description { margin-bottom: 0; }

  .section-tree-with-article .article-list { display: none; }

  .section-tree-with-article li h2 {
    margin: 0;
    line-height: 52px;
    border-top: 1px solid var(--line);
    cursor: pointer;
    font-size: 16px !important;
  }

  .section-tree-with-article h2 { font-size: 16px !important; }
  .section-tree-with-article li:first-child h2 { border-top: none; }

  .section-tree-with-article li h2:after {
    content: '\f107';
    font-family: FontAwesome;
    float: right;
    font-size: 24px;
    color: var(--plum);
  }

  .section-tree-with-article li h2.active:after { content: '\f106'; }

  main { margin-top: 16px; }

  .knowledge-base h1 { display: none; }

  .promoted-articles ul { display: block; width: 100%; }

  .promoted-articles li {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    border-top: none;
    border-bottom: 1px solid var(--line);
  }

  .promoted-articles li a {
    padding: 0;
    line-height: 52px;
    white-space: normal;
    overflow: initial;
    font-size: 16px;
  }

  .promoted-articles li a:hover { text-decoration: none; }

  .promoted-articles h3 { font-weight: 700; margin: 16px 0 12px 0; }

  .promoted-articles li a:after {
    content: '\f105';
    font-family: FontAwesome;
    float: right;
    font-size: 24px;
    color: var(--plum);
  }

  .article-content .final-nav-div { margin-bottom: 0; }

  .article-body, .article-body p { font-size: 16px; }
  .article-body h2 { font-size: 24px; margin-top: 36px; }
}

@media (max-width: 600px) {
  h1 { font-size: 26px; }
  h2 { font-size: 22px; }
  h3 { font-size: 18px; }
  p { font-size: 15px; }

  .header { height: 240px; }
  body.home .header { height: 240px; }
  .header::after { width: 44px; height: 44px; bottom: 24px; }

  .form, .form input[type=submit] { width: 100%; }

  .header .menu-main-items { margin-top: 0; }
  .header .menu-main-items > li { padding: 0 4px; }
  .header .menu-main-items > li > a { font-size: 13px; }
  .header .mobile-language-selector { display: block; }
  .header .search { margin-top: 20px; }
  .header .search-container .search-element { width: 88%; }
  .header .search-container .search-title { display: none; }

  .logo { margin-top: 10px; }
  .logo img { width: 92px; }
  .logo span { display: none; }

  .search:before, body.home .search:before {
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    left: 18px;
  }

  .search input[type=search], body.home .search input[type=search] {
    height: 48px;
    font-size: 17px;
    padding-left: 52px;
    padding-right: 14px;
  }

  .footer .footer-links ul { width: 100%; margin-left: 0 !important; margin-right: 0 !important; }
  .footer .footer-links li { display: none; }
  .footer .footer-links li:nth-child(2) { margin-top: -6px; }
  .footer .footer-links li:last-child { margin-bottom: 20px; }
  .footer .footer-links li.links-header {
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: normal;
    cursor: pointer;
    display: block !important;
  }
  .footer .footer-links li a { line-height: 32px; }
  .footer .footer-links li span { display: block !important; }
  .footer .footer-socials { border-top: none; margin-top: 14px; margin-bottom: -6px; padding-top: 0; }
  .footer .footer-bottom { padding-top: 24px; padding-bottom: 24px; }
  .footer .footer-bottom ul { float: none !important; text-align: center !important; }
  .footer .footer-bottom ul:nth-child(2) { display: none; }

  .section-tree-with-article h2 { font-size: 15px; }

  .search input[type=submit] { width: 38px !important; }

  .ui-autocomplete.ui-menu .ui-menu-item { font-size: 15px; }

  .category-title,
  .article-content .article-header h1 { font-size: 24px; }

  .article-content .article-header h1 { padding-bottom: 20px; margin-bottom: 20px; }
}

@media (max-width: 480px) {
  .header .search-container .search-element { width: 93%; }

  .category-navigation li { font-size: 14px; }

  .header-block { height: 65px; }

  .category-list li a span { font-size: 16px; }

  .promoted-articles li a { font-size: 15px; }
  .article-list li { font-size: 14px; line-height: 22px; }

  .search-results, .no-results, span.cannot-find { font-size: 14px; }

  .app-icon { width: 45%; margin-right: 1%; }
  .app-icon.margin { margin-right: 9%; }
}

@media (max-width: 380px) {
  .footer .footer-bottom ul { font-size: 11px; }
  .section-tree-with-article li h2 { font-size: 15px !important; }
  h2 { font-size: 20px; }
}

/* ====================================================
   Right to left
   ==================================================== */
[dir="rtl"] table { text-align: right; }

[dir="rtl"] .logo span { margin-left: 0; margin-right: 14px; }

[dir="rtl"] .logo,
[dir="rtl"] .upload-dropzone span { float: right; }

[dir="rtl"] .header .menu-main-items,
[dir="rtl"] .category-navigation li a span.fa,
[dir="rtl"] .article-navigation li a span.fa,
[dir="rtl"] .section-tree-with-article li h2:after,
[dir="rtl"] .article-content .final-nav-div span.fa { float: left; }

[dir="rtl"] .search:before { left: initial; right: 24px; }

[dir="rtl"] .search input[type=search] { padding-left: 24px; padding-right: 66px; }

[dir="rtl"] .fa-angle-right:before { content: '\f104'; }

[dir="rtl"] .category-content, [dir="rtl"] .article-content { padding-left: 0; padding-right: 56px; }

[dir="rtl"] .header::before { right: auto; left: calc(var(--ast) / -2); }

/* ====================================================
   WhatsApp widget
   ==================================================== */
.whatsapp-floating-widget {
  position: fixed;
  right: 24px;
  bottom: 84px;
  z-index: 10000;
}

.whatsapp-floating-widget iframe { display: block; }

@media (max-width: 600px) {
  .whatsapp-floating-widget { right: 16px; bottom: 16px; }
}