.elementor-275480 .elementor-element.elementor-element-691b14e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-275480 .elementor-element.elementor-element-691b14e0:not(.elementor-motion-effects-element-type-background), .elementor-275480 .elementor-element.elementor-element-691b14e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6a4af4c );}.elementor-275480 .elementor-element.elementor-element-41bbbf45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(8px/2);}.elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(8px/2);}.elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(8px/2);margin-left:calc(8px/2);}.elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-8px/2);margin-left:calc(-8px/2);}body.rtl .elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-8px/2);}body:not(.rtl) .elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-8px/2);}.elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-icon{width:14px;}.elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-icon i{font-size:14px;}.elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-text, .elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-text a{color:var( --e-global-color-primary );}.elementor-275480 .elementor-element.elementor-element-5bb4f1af .elementor-icon-list-item{font-size:14px;line-height:20px;}.elementor-275480 .elementor-element.elementor-element-510ba6ff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-275480 .elementor-element.elementor-element-19be0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-275480 .elementor-element.elementor-element-19be0b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-275480 .elementor-element.elementor-element-3637ffef{--box-border-width:0px;--box-padding:0px;--header-color:var( --e-global-color-mhmuted );--item-text-color:var( --e-global-color-mhmuted );--item-text-hover-color:var( --e-global-color-a34ed62 );--item-text-hover-decoration:underline;--item-text-active-color:var( --e-global-color-a34ed62 );}.elementor-275480 .elementor-element.elementor-element-3637ffef .elementor-toc__header-title{text-align:start;}.elementor-275480 .elementor-element.elementor-element-3637ffef .elementor-toc__header, .elementor-275480 .elementor-element.elementor-element-3637ffef .elementor-toc__header-title{font-size:12px;font-weight:500;text-transform:uppercase;line-height:18px;letter-spacing:3px;}.elementor-275480 .elementor-element.elementor-element-3637ffef .elementor-toc__list-item{font-size:16px;font-weight:500;line-height:20px;}.elementor-275480 .elementor-element.elementor-element-50b4e2c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:22px 22px;--row-gap:22px;--column-gap:22px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-275480 .elementor-element.elementor-element-50b4e2c7.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-275480 .elementor-element.elementor-element-29b12911{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:18px;--padding-left:0px;--padding-right:0px;}.elementor-275480 .elementor-element.elementor-element-14ea563b .elementor-heading-title{font-size:14px;font-weight:500;text-transform:uppercase;line-height:20px;letter-spacing:6px;color:var( --e-global-color-a34ed62 );}.elementor-275480 .elementor-element.elementor-element-5f76bdbc .elementor-heading-title{font-size:56px;line-height:1.02em;letter-spacing:-1px;color:var( --e-global-color-primary );}.elementor-275480 .elementor-element.elementor-element-25ffd70 .elementor-icon-list-icon i{color:var( --e-global-color-mhmuted );font-size:14px;}.elementor-275480 .elementor-element.elementor-element-25ffd70 .elementor-icon-list-icon svg{fill:var( --e-global-color-mhmuted );--e-icon-list-icon-size:14px;}.elementor-275480 .elementor-element.elementor-element-25ffd70 .elementor-icon-list-icon{width:14px;}body:not(.rtl) .elementor-275480 .elementor-element.elementor-element-25ffd70 .elementor-icon-list-text{padding-left:8px;}body.rtl .elementor-275480 .elementor-element.elementor-element-25ffd70 .elementor-icon-list-text{padding-right:8px;}.elementor-275480 .elementor-element.elementor-element-25ffd70 .elementor-icon-list-text, .elementor-275480 .elementor-element.elementor-element-25ffd70 .elementor-icon-list-text a{color:var( --e-global-color-mhmuted );}.elementor-275480 .elementor-element.elementor-element-25ffd70 .elementor-icon-list-item{font-size:14px;line-height:20px;}.elementor-275480 .elementor-element.elementor-element-4eb09c10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-275480 .elementor-element.elementor-element-61355861 .elementor-heading-title{font-size:12px;font-weight:500;text-transform:uppercase;line-height:18px;letter-spacing:3px;color:var( --e-global-color-mhmuted );}.elementor-275480 .elementor-element.elementor-element-65e1fea8{--grid-columns:3;--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-275480 .elementor-element.elementor-element-65e1fea8 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-275480 .elementor-element.elementor-element-65e1fea8 .e-loop-item > .elementor-section, .elementor-275480 .elementor-element.elementor-element-65e1fea8 .e-loop-item > .elementor-section > .elementor-container, .elementor-275480 .elementor-element.elementor-element-65e1fea8 .e-loop-item > .e-con, .elementor-275480 .elementor-element.elementor-element-65e1fea8 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-275480 .elementor-element.elementor-element-670e8ce0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-275480 .elementor-element.elementor-element-419c9f03{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:wrap;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-275480 .elementor-element.elementor-element-419c9f03:not(.elementor-motion-effects-element-type-background), .elementor-275480 .elementor-element.elementor-element-419c9f03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-66bc4b13 );}.elementor-275480 .elementor-element.elementor-element-3155043b .elementor-icon-wrapper{text-align:start;}.elementor-275480 .elementor-element.elementor-element-3155043b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-mhperitint );color:var( --e-global-color-a34ed62 );}.elementor-275480 .elementor-element.elementor-element-3155043b.elementor-view-framed .elementor-icon, .elementor-275480 .elementor-element.elementor-element-3155043b.elementor-view-default .elementor-icon{color:var( --e-global-color-mhperitint );border-color:var( --e-global-color-mhperitint );}.elementor-275480 .elementor-element.elementor-element-3155043b.elementor-view-framed .elementor-icon, .elementor-275480 .elementor-element.elementor-element-3155043b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-mhperitint );}.elementor-275480 .elementor-element.elementor-element-3155043b.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-a34ed62 );}.elementor-275480 .elementor-element.elementor-element-3155043b.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-a34ed62 );}.elementor-275480 .elementor-element.elementor-element-3155043b .elementor-icon{font-size:24px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-275480 .elementor-element.elementor-element-3155043b .elementor-icon svg{height:24px;}.elementor-275480 .elementor-element.elementor-element-52031a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-275480 .elementor-element.elementor-element-52031a9.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-275480 .elementor-element.elementor-element-6d2cafdc .elementor-heading-title{font-size:26px;line-height:30px;letter-spacing:-0.5px;color:var( --e-global-color-primary );}.elementor-275480 .elementor-element.elementor-element-5778c0b8{font-size:16px;line-height:24px;color:var( --e-global-color-mhmuted );}.elementor-275480 .elementor-element.elementor-element-112c13 .elementor-button{background-color:var( --e-global-color-a34ed62 );font-size:15px;line-height:20px;fill:var( --e-global-color-66bc4b13 );color:var( --e-global-color-66bc4b13 );border-radius:999px 999px 999px 999px;padding:16px 28px 16px 28px;}.elementor-275480 .elementor-element.elementor-element-112c13 .elementor-button:hover, .elementor-275480 .elementor-element.elementor-element-112c13 .elementor-button:focus{background-color:var( --e-global-color-mhviolethover );color:var( --e-global-color-66bc4b13 );}.elementor-275480 .elementor-element.elementor-element-112c13 .elementor-button-content-wrapper{flex-direction:row;}.elementor-275480 .elementor-element.elementor-element-112c13 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-275480 .elementor-element.elementor-element-112c13 .elementor-button:hover svg, .elementor-275480 .elementor-element.elementor-element-112c13 .elementor-button:focus svg{fill:var( --e-global-color-66bc4b13 );}@media(min-width:768px){.elementor-275480 .elementor-element.elementor-element-41bbbf45{--content-width:1100px;}.elementor-275480 .elementor-element.elementor-element-19be0b{--width:220px;}.elementor-275480 .elementor-element.elementor-element-670e8ce0{--content-width:1100px;}}@media(max-width:1024px) and (min-width:768px){.elementor-275480 .elementor-element.elementor-element-19be0b{--width:100%;}}@media(max-width:1024px){.elementor-275480 .elementor-element.elementor-element-510ba6ff{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-275480 .elementor-element.elementor-element-5f76bdbc .elementor-heading-title{font-size:46px;}.elementor-275480 .elementor-element.elementor-element-65e1fea8{--grid-columns:2;}}@media(max-width:767px){.elementor-275480 .elementor-element.elementor-element-41bbbf45{--padding-top:140px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-275480 .elementor-element.elementor-element-5f76bdbc .elementor-heading-title{font-size:38px;}.elementor-275480 .elementor-element.elementor-element-65e1fea8{--grid-columns:1;}.elementor-275480 .elementor-element.elementor-element-419c9f03{--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}}/* Start custom CSS *//* =====================================================================
   Magic Assistant Help Desk — Elementor V3 skin (custom CSS only)
   Embedded per template (Page Settings > Custom CSS) by tools/generate.py; loads only on Help Desk pages.
   Most styling lives in the widget/container settings. This file only covers what Elementor can't do
   natively: box-shadows and multi-stop gradients built from global colours, pseudo-elements, JS-driven
   states, the HTML-widget UI (search, chips, article count, feedback) and the classic-editor article body.
   Colours are Site Settings > Global Colors via var(--e-global-color-<id>) (see tools/global-colors.json).
   Fonts are never set here. Requires flexbox containers (Elementor V3). No atomic (V4) elements.
   ===================================================================== */

/* ---------- 1. Composite tokens (built from global colours) ---------- */
.mh {
  --mh-shadow: 0 26px 39px 0 color-mix(in srgb, var(--e-global-color-mhperi) 14%, transparent);
  --mh-shadow-blue: 0 20px 40px 0 color-mix(in srgb, var(--e-global-color-mhperi) 30%, transparent);
  --mh-shadow-hero: 22px 28px 75px 0 color-mix(in srgb, var(--e-global-color-a34ed62) 18%, transparent);
  --mh-ring: 0 0 0 4px color-mix(in srgb, var(--e-global-color-mhperi) 14%, transparent);
  --mh-grad: linear-gradient(120deg, var(--e-global-color-mhgradpink) 0%, var(--e-global-color-mhmagenta) 32%, var(--e-global-color-mhgradblue) 62%, var(--e-global-color-mhgradcyan) 100%);
  --mh-r-md: 12px;
  --mh-r-card: 16px;
  --mh-r-lg: 20px;
  --mh-ease: .18s ease;
  color: var(--e-global-color-primary);
  -webkit-font-smoothing: antialiased;
}
.mh, .mh * { box-sizing: border-box; }

/* Form controls and <kbd> don't inherit the font by default: point them at the surrounding (global) font. */
.mh :is(input, button, select, textarea, kbd, code) { font-family: inherit; }
.mh a { text-decoration: none; transition: color var(--mh-ease); }
.mh :is(.elementor-widget-text-editor, .elementor-widget-html, .mh-article-body) a:not([class]) { color: var(--e-global-color-a34ed62); }
.mh :is(.elementor-widget-text-editor, .elementor-widget-html, .mh-article-body) a:not([class]):hover { color: var(--e-global-color-mhperi); }
.mh a:focus-visible, .mh button:focus-visible, .mh input:focus-visible, .mh summary:focus-visible {
  outline: 2px solid var(--e-global-color-mhperi); outline-offset: 3px; border-radius: 6px;
}
.mh p:last-child { margin-bottom: 0; }

/* Font weights come from the theme / Site Settings. Magic uses semibold rather than bold, and links or
   emphasis inside a heading take the heading's weight instead of the theme's link weight. */
.mh :is(strong, b) { font-weight: 600; }
.mh :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title) :is(a, strong, b) { font-weight: inherit; }

/* Lucide (Elementor Custom Icons font): Elementor sizes the icon box from the surrounding line-height, which
   leaves the glyph sitting high. Size the <i> to the glyph so the flex wrappers centre it. */
.mh i[class^="lucide-"], .mh i[class*=" lucide-"] { line-height: 1; }
.mh i[class^="lucide-"]::before, .mh i[class*=" lucide-"]::before { display: block; line-height: 1; }

/* Shadows (Elementor's box-shadow control can't take a global colour) */
.mh .mh-shadow { box-shadow: var(--mh-shadow); }
.mh .mh-shadow-hero { box-shadow: var(--mh-shadow-hero); }
.mh-h1 .elementor-heading-title, .mh-h1--page .elementor-heading-title { text-wrap: balance; }
.mh-lede p { text-wrap: pretty; }

/* ---------- 6. SINGLE ARTICLE ---------- */
/* Breadcrumb (Post Info): chevron separators + link colour (no native control for either) */
.mh-post-crumbs .elementor-icon-list-items { flex-wrap: wrap; align-items: center; }
.mh-post-crumbs .elementor-icon-list-item::after { display: none !important; }
.mh-post-crumbs .elementor-icon-list-item + .elementor-icon-list-item::before {
  content: ""; width: 14px; height: 14px; margin-right: 8px; flex-shrink: 0; background: var(--e-global-color-mhmuted);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mh-post-crumbs a .elementor-icon-list-text, .mh-post-crumbs .elementor-icon-list-text a, .mh-post-crumbs .elementor-post-info__terms-list a { color: var(--e-global-color-a34ed62) !important; font-weight: 500; }
.mh-post-crumbs .elementor-icon-list-icon { display: none; }

/* Table of contents: sticky column, left rail + active bar, top heading level only (older posts use h3–h6) */
.e-con.mh-aside { position: sticky; top: 30px; align-self: flex-start; }
.admin-bar .e-con.mh-aside { top: 62px; }
.mh-toc .elementor-toc__toggle-button { display: none !important; }
.mh-toc .elementor-toc__body { max-height: calc(100vh - 120px); overflow: auto; }
.mh-toc .elementor-toc__list-wrapper { border-left: 2px solid var(--e-global-color-3de34b7); margin: 0 !important; padding: 0 !important; list-style: none !important; }
.mh-toc .elementor-toc__list-item { margin: 0 !important; }
.mh-toc :is(.elementor-toc__list-item, .elementor-toc__list-item-text-wrapper)::before { display: none !important; }
.mh-toc .elementor-toc__list-item-text { display: block; margin-left: -2px; padding: 7px 0 7px 16px; border-left: 2px solid transparent; font-weight: 500!important }
.mh-toc .elementor-toc__list-item-text.elementor-item-active { font-weight: 600; border-left-color: var(--e-global-color-a34ed62); }
.mh-toc .elementor-toc__list-wrapper .elementor-toc__list-wrapper { display: none; }

/* ---------- 7. ARTICLE BODY — classic-editor HTML (legacy posts + redesigned components) ---------- */
.mh-article-body { --gap: 22px; }
.mh-article-body .elementor-widget-theme-post-content > .elementor-widget-container,
.mh-article-body .elementor-widget-theme-post-content { font-size: 17px; line-height: 27px; color: var(--e-global-color-primary); }

/* Legacy (Gutenberg/classic) post content */
.mh-article-body h2 {
  margin: 32px 0 16px; font-size: 28px; line-height: 32px; letter-spacing: -0.5px; color: var(--e-global-color-primary);
  scroll-margin-top: 30px;
}
.mh-article-body :is(h3, h4, h5, h6) { margin: 24px 0 12px; font-size: 20px; line-height: 26px; color: var(--e-global-color-primary); scroll-margin-top: 30px; }
.mh-article-body p { font-size: 17px; line-height: 27px; margin: 0 0 18px; text-wrap: pretty; }
.mh-article-body :is(ul, ol):not([class]) { padding-left: 22px; margin: 0 0 18px; }
.mh-article-body :is(ul, ol):not([class]) li { margin-bottom: 6px; }
.mh-article-body img { max-width: 100%; height: auto; border-radius: 8px; }
.mh-article-body .wp-block-image,
.mh-article-body figure.wp-caption:not(.mh-skip) {
  margin: 0 0 22px; padding: 20px; background: var(--e-global-color-66bc4b13); border-radius: var(--mh-r-card); box-shadow: var(--mh-shadow);
  display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 100%;
}
.mh-article-body figcaption, .mh-article-body .wp-caption-text { font-size: 13px; color: var(--e-global-color-mhmuted); text-align: center; margin: 0; }
.mh-article-body blockquote {
  margin: 0 0 22px; padding: 18px 20px; border-radius: 12px; background: var(--e-global-color-mhperitint); border: 0; font-style: normal;
}
.mh-article-body table { width: 100%; border-collapse: collapse; background: var(--e-global-color-66bc4b13); border-radius: var(--mh-r-card); overflow: hidden; box-shadow: var(--mh-shadow); margin-bottom: 22px; }
.mh-article-body th, .mh-article-body td { padding: 12px 16px; border-bottom: 1px solid var(--e-global-color-6a4af4c); text-align: left; font-size: 15px; }
.mh-article-body th { background: var(--e-global-color-133dfa08); font-weight: 600; }
.mh-article-body code, .mh-article-body kbd { font-weight: 600; color: var(--e-global-color-a34ed62); background: var(--e-global-color-mhperitint); padding: 1px 6px; border-radius: 6px; }

/* Article components (classic-editor HTML in post_content; see tools/generate.py → article_html).
   Icons are Lucide (Elementor Custom Icons set "lucide"): <i class="lucide-… mh-ico" aria-hidden="true"></i>.
   The Single template loads the set's CSS so they don't depend on other widgets. */
.mh-article-body .mh-ico { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 24px; font-size: 18px; color: var(--e-global-color-a34ed62); }
.mh-article-body .elementor-widget-theme-post-content > :first-child { margin-top: 0; }
.mh-article-body > .elementor-widget-container > :last-child, .mh-article-body .elementor-widget-theme-post-content > :last-child { margin-bottom: 0; }

/* wpautop leaves empty <p> where an inline icon/link directly follows a block tag (callouts, notes, cards, grids) */
.mh-article-body .elementor-widget-theme-post-content p:empty { display: none; }

/* Figure */
.mh-article-body figure.mh-fig {
  margin: 0 0 22px; padding: 20px; background: var(--e-global-color-66bc4b13); border-radius: var(--mh-r-card); box-shadow: var(--mh-shadow);
  display: flex; flex-direction: column; align-items: center; gap: 12px; min-width: 0; max-width: 100%; box-sizing: border-box;
}
.mh-article-body figure.mh-fig img { display: block; max-width: 100%; height: auto; border-radius: 8px; }
.mh-article-body figure.mh-fig figcaption { font-size: 13px; color: var(--e-global-color-mhmuted); text-align: center; margin: 0; }
.mh-article-body figure.mh-fig--sm img { max-width: 160px; }

/* Videos (native <video> in figures; 1 column, stacks the same on phones) */
.mh-article-body .mh-videos { display: grid; gap: 0; }
.mh-article-body figure.mh-video { align-items: stretch; }
.mh-article-body figure.mh-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 8px; background: var(--e-global-color-mhsoftlilac); }

/* Callouts + notes */
.mh-article-body .mh-callout { display: flex; gap: 15px; align-items: flex-start; margin: 0 0 22px; padding: 18px 20px; border-radius: 12px; border: 1px solid transparent; }
.mh-article-body .mh-callout--info { background: var(--e-global-color-mhperitint); }
.mh-article-body .mh-callout--tip { background: var(--e-global-color-66bc4b13); border-color: var(--e-global-color-3de34b7); }
.mh-article-body .mh-callout--warn { background: color-mix(in srgb, var(--e-global-color-mhgradpink) 10%, transparent); border-color: color-mix(in srgb, var(--e-global-color-mhmagenta) 25%, transparent); }
.mh-article-body .mh-callout--tip .mh-ico { color: var(--e-global-color-mhperi); }
.mh-article-body .mh-callout--warn .mh-ico { color: var(--e-global-color-mhmagenta); }
.mh-article-body .mh-callout > p, .mh-article-body .mh-note > p { margin: 0; font-size: 16px; line-height: 24px; }
.mh-article-body .mh-callout__title { display: block; margin-bottom: 4px; }
.mh-article-body .mh-note { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: 12px; background: var(--e-global-color-mhperitint); }
.mh-article-body .mh-note > p { flex: 1 1 0; min-width: 0; font-size: 15px; line-height: 22px; }
.mh-article-body .mh-note > figure.mh-fig { flex: 1 1 100%; min-width: 0; box-shadow: none; padding: 0; background: var(--e-global-color-66bc4b13); margin: 0; }

/* Steps: numbered rail via CSS counters */
.mh-article-body ol.mh-steps { list-style: none; margin: 0 0 22px; padding: 0; counter-reset: mh-step; }
.mh-article-body ol.mh-steps > li { position: relative; margin: 0; padding: 4px 0 24px 50px; counter-increment: mh-step; }
.mh-article-body ol.mh-steps > li::before {
  content: counter(mh-step); position: absolute; left: 0; top: 0; box-sizing: border-box; width: 32px; height: 32px; padding-top: 2px;
  border-radius: 999px; background: var(--e-global-color-a34ed62); color: var(--e-global-color-66bc4b13); font-size: 14px; line-height: 1; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}
.mh-article-body ol.mh-steps > li::after { content: ""; position: absolute; left: 15px; top: 40px; bottom: 6px; width: 2px; background: var(--e-global-color-3de34b7); }
.mh-article-body ol.mh-steps > li:last-child::after { display: none; }
.mh-article-body ol.mh-steps > li > * { margin: 0 0 10px; }
.mh-article-body ol.mh-steps > li > :last-child { margin-bottom: 0; }
.mh-article-body ol.mh-steps > li > p { font-size: 17px; line-height: 25px; }
.mh-article-body ol.mh-steps > li > ul { padding-left: 18px; font-size: 16px; line-height: 24px; }
.mh-article-body ol.mh-steps > li > ul li { margin-bottom: 6px; }
.mh-article-body ol.mh-steps figure.mh-fig { padding: 18px; }
.mh-keys { display: flex; flex-wrap: wrap; gap: 10px; }
.mh-key { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 10px; background: var(--e-global-color-66bc4b13); border: 1px solid var(--e-global-color-3de34b7); font-size: 14px; }
.mh-key span { color: var(--e-global-color-mhmuted); }
.mh-article-body .mh-key kbd { font-weight: 600; color: var(--e-global-color-a34ed62); background: none; padding: 0; }

/* SmartScreen illustration */
.mh-smartscreen { margin: 0; background: var(--e-global-color-66bc4b13); border-radius: var(--mh-r-card); box-shadow: var(--mh-shadow); padding: 20px; display: flex; flex-direction: column; gap: 12px; }
.mh-smartscreen__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 15px; }
.mh-smartscreen__win { background: var(--e-global-color-primary); color: var(--e-global-color-133dfa08); border-radius: 10px; padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.mh-smartscreen__n { font-size: 12px; font-weight: 600; color: var(--e-global-color-mhperisoft); }
.mh-smartscreen__t { font-size: 17px; font-weight: 600; }
.mh-smartscreen__d { font-size: 13px; line-height: 19px; color: color-mix(in srgb, var(--e-global-color-133dfa08) 70%, transparent); }
.mh-smartscreen__link { font-size: 13px; font-weight: 600; text-decoration: underline; color: var(--e-global-color-66bc4b13); outline: 2px solid var(--e-global-color-mhperi); outline-offset: 3px; align-self: flex-start; border-radius: 3px; }
.mh-smartscreen__btns { align-self: flex-end; display: flex; gap: 8px; }
.mh-smartscreen__btn { font-size: 13px; padding: 6px 14px; border-radius: 5px; background: color-mix(in srgb, var(--e-global-color-133dfa08) 15%, transparent); }
.mh-smartscreen__btn.is-hl { outline: 2px solid var(--e-global-color-mhperi); outline-offset: 2px; }
.mh-smartscreen figcaption { font-size: 13px; color: var(--e-global-color-mhmuted); text-align: center; }

/* Card grids: specs, downloads, link cards, cards, columns, features */
.mh-article-body .mh-cards { display: grid; gap: 15px; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); margin: 0 0 22px; }
.mh-article-body .mh-cards--300 { grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); }
.mh-article-body .mh-cards--220 { grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }
.mh-article-body .mh-cards--feat { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 18px; }

/* Icon box: tile icon + title/description (+ optional round action) */
.mh-article-body .mh-ibox {
  position: relative; display: flex; align-items: center; gap: 15px; padding: 20px; height: 100%; box-sizing: border-box;
  background: var(--e-global-color-66bc4b13); border-radius: var(--mh-r-card); box-shadow: var(--mh-shadow); color: var(--e-global-color-primary); font-weight: 400; text-decoration: none;
}
.mh-ibox__icon {
  flex-shrink: 0; width: 44px; height: 44px; border-radius: 12px; background: var(--e-global-color-mhperitint); color: var(--e-global-color-a34ed62);
  display: inline-flex; align-items: center; justify-content: center; font-size: 19px;
}
.mh-ibox__body { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mh-ibox__title { font-size: 16px; line-height: 22px; color: var(--e-global-color-primary); }
.mh-ibox__desc { font-size: 14px; line-height: 20px; color: var(--e-global-color-mhmuted); }
.mh-ibox--spec .mh-ibox__body { flex-direction: column-reverse; }
.mh-ibox--spec .mh-ibox__title { font-weight: 600; }
.mh-ibox--spec .mh-ibox__desc { font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }
a.mh-ibox { transition: transform var(--mh-ease); }
a.mh-ibox:hover { transform: translateY(-4px); }
.mh-article-body .mh-ibox--dl { padding: 22px; }
.mh-ibox--dl .mh-ibox__icon { width: 48px; height: 48px; font-size: 21px; }
.mh-ibox--dl .mh-ibox__title { font-size: 18px; }
.mh-ibox__go { flex-shrink: 0; position: relative; width: 40px; height: 40px; border-radius: 999px; font-size: 0; color: transparent; overflow: hidden;
  background: var(--e-global-color-a34ed62); }
.mh-ibox__go:not(.mh-ibox__go--ext)::before { content: ""; position: absolute; inset: 11px; background: var(--e-global-color-66bc4b13);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E") center/contain no-repeat; }
.mh-ibox__go--ext { width: 16px; height: 16px; border-radius: 0; background: var(--e-global-color-mhmuted);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") center/contain no-repeat; }

/* Generic white card (cards, columns) */
.mh-article-body .mh-card { display: flex; gap: 15px; align-items: flex-start; padding: 20px; background: var(--e-global-color-66bc4b13); border-radius: var(--mh-r-card); box-shadow: var(--mh-shadow); }
.mh-article-body .mh-card > p { margin: 0; font-size: 15px; line-height: 22px; color: var(--e-global-color-mhmuted); }
.mh-article-body .mh-card__title { display: block; font-size: 16px; color: var(--e-global-color-primary); margin-bottom: 4px; }
.mh-article-body .mh-col { flex-direction: column; gap: 12px; padding: 22px; }
.mh-article-body .mh-col__label { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--e-global-color-a34ed62); }
.mh-article-body .mh-col > ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 22px; }
.mh-article-body .mh-col > ul li { margin: 0; }

/* Definitions */
.mh-article-body dl.mh-defs { margin: 0 0 22px; padding: 6px 22px; background: var(--e-global-color-66bc4b13); border-radius: var(--mh-r-card); box-shadow: var(--mh-shadow); }
.mh-article-body .mh-def { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: flex-start; padding: 16px 0; border-bottom: 1px solid var(--e-global-color-6a4af4c); font-size: 16px; line-height: 23px; }
.mh-article-body .mh-def:last-child { border-bottom: 0; }
.mh-article-body .mh-def dt { flex: 0 0 170px; display: flex; gap: 12px; align-items: flex-start; margin: 0; }
.mh-article-body .mh-def dd { flex: 1 1 260px; margin: 0; color: var(--e-global-color-759280b7); }

/* Features (image + text cards) */
.mh-article-body .mh-feature { background: var(--e-global-color-66bc4b13); border-radius: var(--mh-r-lg); box-shadow: var(--mh-shadow); overflow: hidden; display: flex; flex-direction: column; }
.mh-article-body .mh-feature__media { background: linear-gradient(180deg, var(--e-global-color-mhsoftlilac) 0%, var(--e-global-color-6a4af4c) 100%); height: 200px; overflow: hidden; padding: 18px 18px 0; display: flex; justify-content: center; margin: 0; }
.mh-article-body .mh-feature__media img { display: block; width: 100%; height: auto; border-radius: 10px 10px 0 0; box-shadow: var(--mh-shadow); }
.mh-article-body .mh-feature__body { padding: 22px; display: flex; flex-direction: column; gap: 8px; }
.mh-article-body .mh-feature__body h3 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 18px; line-height: 24px; }
.mh-article-body .mh-feature__body p { margin: 0; font-size: 15px; line-height: 22px; color: var(--e-global-color-mhmuted); }
.mh-article-body .mh-feature__body p a { font-size: 14px; }

/* Chips */
.mh-article-body .mh-chiprow { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.mh-badge { display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; background: var(--e-global-color-6a4af4c); border: 1px solid var(--e-global-color-3de34b7); color: var(--e-global-color-primary); }

/* Related links list */
.mh-article-body ul.mh-linklist { list-style: none; margin: 0 0 22px; padding: 6px; background: var(--e-global-color-66bc4b13); border-radius: var(--mh-r-card); box-shadow: var(--mh-shadow); }
.mh-article-body ul.mh-linklist li { margin: 0; }
.mh-article-body ul.mh-linklist a { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 10px; color: var(--e-global-color-primary); font-weight: 500; font-size: 16px; line-height: 22px; }
.mh-article-body ul.mh-linklist a:hover { background: var(--e-global-color-mhperitint); }
.mh-article-body ul.mh-linklist .mh-ico { color: var(--e-global-color-mhperi); font-size: 17px; }
.mh-article-body ul.mh-linklist a::after {
  content: ""; margin-left: auto; width: 16px; height: 16px; flex-shrink: 0; background: var(--e-global-color-mhmuted);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* FAQ (native details/summary; same-name groups open one at a time) */
.mh-article-body .mh-faq { margin: 0 0 22px; padding: 6px 25px; background: var(--e-global-color-66bc4b13); border-radius: var(--mh-r-lg); box-shadow: var(--mh-shadow); }
.mh-article-body .mh-faq details { border-bottom: 1px solid var(--e-global-color-6a4af4c); }
.mh-article-body .mh-faq details:last-child { border-bottom: 0; }
.mh-article-body .mh-faq summary {
  display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 0; cursor: pointer; list-style: none;
  font-size: 17px; line-height: 24px; font-weight: 600; color: var(--e-global-color-primary);
}
.mh-article-body .mh-faq summary::-webkit-details-marker { display: none; }
.mh-article-body .mh-faq summary:hover { color: var(--e-global-color-a34ed62); }
.mh-article-body .mh-faq summary::after {
  content: ""; width: 16px; height: 16px; flex-shrink: 0; background: var(--e-global-color-a34ed62); transition: transform var(--mh-ease);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mh-article-body .mh-faq details[open] > summary::after { transform: rotate(180deg); }
.mh-article-body .mh-faq__a { padding: 0 40px 20px 0; }
.mh-article-body .mh-faq__a p { margin: 0; font-size: 16px; line-height: 25px; color: var(--e-global-color-759280b7); }
.mh-article-body .mh-faq__a p + p { margin-top: 10px; }

/* Next-step card */
.mh-article-body a.mh-next {
  display: flex; align-items: center; gap: 20px; margin: 10px 0 22px; padding: 25px 28px; border-radius: var(--mh-r-lg);
  background: var(--e-global-color-primary); box-shadow: var(--mh-shadow-hero); color: var(--e-global-color-133dfa08); font-weight: 400; transition: transform var(--mh-ease);
}
.mh-article-body a.mh-next:hover { transform: translateY(-4px); }
.mh-next__text { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.mh-next__label { font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--e-global-color-mhperisoft); }
.mh-next__title { font-size: 22px; line-height: 28px; color: var(--e-global-color-133dfa08); }
.mh-article-body a.mh-next::before { content: ""; order: 2; flex-shrink: 0; width: 44px; height: 44px; border-radius: 999px; background: var(--e-global-color-66bc4b13); }
.mh-article-body a.mh-next::after { content: ""; order: 3; flex-shrink: 0; width: 18px; height: 18px; margin-left: -51px; margin-right: 13px;
  background: var(--e-global-color-a34ed62); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat; }

/* ---------- 8. Article footer: feedback (HTML widget + JS) + related cards ---------- */
.mh-feedback {
  display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 25px 30px;
  border-radius: var(--mh-r-lg); background: var(--e-global-color-133dfa08); border: 1px solid var(--e-global-color-3de34b7);
}
.mh-feedback__q { font-size: 18px; font-weight: 600; }
.mh-feedback__btns { display: flex; gap: 10px; }
.mh .mh-btn-secondary {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; border-radius: 999px; cursor: pointer;
  background: var(--e-global-color-66bc4b13) !important; border: 1px solid var(--e-global-color-3de34b7) !important; color: var(--e-global-color-primary) !important;
  font-size: 15px; font-weight: 600; transition: border-color var(--mh-ease), color var(--mh-ease), transform .1s;
}
.mh .mh-btn-secondary:hover { border-color: var(--e-global-color-mhperi) !important; color: var(--e-global-color-a34ed62) !important; }
.mh .mh-btn-secondary:active { transform: scale(.97); }
.mh-feedback__done { display: none; align-items: center; gap: 10px; font-size: 18px; font-weight: 600; color: var(--e-global-color-a34ed62); }
.mh-feedback.is-done .mh-feedback__ask { display: none; }
.mh-feedback.is-done .mh-feedback__done { display: inline-flex; }
.mh-feedback__ask { display: contents; }
.mh-related .elementor-loop-container { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; }

/* ---------- 9. Responsive (only what has no native responsive control) ---------- */
@media (max-width: 1024px) {
  .e-con.mh-aside { position: static; }
  .mh-toc .elementor-toc__body { max-height: none; }
  .e-con.mh-article-body { max-width: 100%; }
}
@media (max-width: 767px) {
  .mh-search__field { height: 54px; }
  .mh-search input[type="search"] { font-size: 16px; }
  .mh-feedback { padding: 20px; }
  .mh-article-body h2 { font-size: 24px; line-height: 28px; }
  .mh-article-body .mh-faq { padding: 4px 18px; }
  .mh-article-body .mh-faq__a { padding-right: 0; }
  .mh-article-body table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .mh-article-body figure.mh-fig { padding: 12px; }
  .mh-article-body ol.mh-steps > li { padding-left: 44px; }
  .mh-article-body ol.mh-steps figure.mh-fig { padding: 10px; }
  .mh-article-body .mh-callout { padding: 16px; gap: 12px; }
  .mh-article-body .mh-ibox, .mh-article-body .mh-card, .mh-article-body .mh-ibox--dl { padding: 16px; }
  .mh-article-body dl.mh-defs { padding: 4px 16px; }
  .mh-article-body .mh-def dt { flex-basis: 100%; }
  .mh-article-body .mh-feature__media { height: 170px; }
  .mh-article-body a.mh-next { padding: 20px; gap: 14px; }
  .mh-article-body a.mh-next::after { margin-left: -45px; }
  .mh-next__title { font-size: 19px; line-height: 25px; }
  .mh-article-body .mh-faq summary { font-size: 16px; line-height: 22px; padding: 15px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .mh *, .mh *::before, .mh *::after { transition: none !important; }
  .mh .elementor-element:hover, a.mh-next:hover, a.mh-ibox:hover { transform: none !important; }
}

/* ---------- 10. Flex sizing helpers (flex-basis/min-width have no native control) ---------- */
.e-con.mh-grow { flex: 1 1 0% !important; width: auto !important; min-width: 0; }
.e-con.mh-basis-320 { flex-basis: 320px !important; }
.e-con.mh-basis-360 { flex-basis: 360px !important; }
.e-con.mh-basis-380 { flex-basis: 380px !important; }
.e-con.mh-fit { flex: 0 0 auto !important; width: auto !important; }
.e-con.mh-fixed { flex: 0 0 auto !important; }
.e-con.mh-article-body { max-width: 760px; }

/* ---------- 12. NEW / UPDATED badges (wp-magic "Helpdesk Highlights" [mh_badge] in the loop items) ---------- */
.mh-flag {
  display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; white-space: nowrap;
  font-size: 11px; line-height: 1; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
}
.mh-flag--new { background: var(--e-global-color-a34ed62); color: var(--e-global-color-66bc4b13); }
.mh-flag--updated { background: var(--e-global-color-mhperitint); color: var(--e-global-color-a34ed62); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--e-global-color-mhperi) 35%, transparent); }
/* No badge: hide the empty Shortcode widget so it leaves no gap */
.mh-badge-w:not(:has(.mh-flag)) { display: none; }
.mh-badge-w .elementor-shortcode { display: flex; }
/* Title + badge row: the title can wrap, the badge keeps its size */
:is(.mh-row__head, .mh-rcard__head) > .elementor-widget { flex: 0 1 auto; min-width: 0; }
:is(.mh-row__head, .mh-rcard__head) > .mh-badge-w { flex-shrink: 0; }
/* Related card: keep "Read →" at the bottom now that cards carry an excerpt */
.mh-rcard__more { margin-top: auto; }

.mh-btn-secondary > span {
    display: flex;
}

.mh-rcard {
    transition: all 0.18s ease!important;
}
/* ===== Client Help Center additions (on top of the assistant Help Desk skin) ===== */
.mh-js { display: none !important; }
/* Excerpts built from article text: clamp by lines so they end in an ellipsis, and keep the
   article-body paragraph style off the <p> they come wrapped in */
.mh-client :is(.mh-row__text, .mh-rcard__text) { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.mh-client .mh-rcard__text { -webkit-line-clamp: 3; }
.mh-client :is(.mh-row__text, .mh-rcard__text) p { display: inline; margin: 0 !important; font: inherit !important; color: inherit !important; line-height: inherit !important; }

/* Most client articles have no headings: drop the empty "On this page" column instead of showing it blank */
.mh-client .e-con.mh-aside:has(.mh-toc):not(:has(.elementor-toc__list-item)) { display: none !important; }
/* The mh_related query pads small topics with recent help articles, which can be assistant ones: hide those */
.mh-client .e-loop-item:has(a.mh-rcard[href*="/help/assistants/"]) { display: none !important; }
/* Related cards stack on phones: no equal-height gap above "Read" */
@media (max-width: 767px) {
  .mh-client .mh-rcard { min-height: 0 !important; height: auto !important; }
  .mh-client .mh-rcard__more { margin-top: 8px; }
}/* End custom CSS */