.elementor-265897 .elementor-element.elementor-element-3716093e{--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-265897 .elementor-element.elementor-element-3716093e:not(.elementor-motion-effects-element-type-background), .elementor-265897 .elementor-element.elementor-element-3716093e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6a4af4c );}.elementor-265897 .elementor-element.elementor-element-63aa9d28{--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:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-3de34b7 );--border-color:var( --e-global-color-3de34b7 );--padding-top:30px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-265897 .elementor-element.elementor-element-63aa9d28:not(.elementor-motion-effects-element-type-background), .elementor-265897 .elementor-element.elementor-element-63aa9d28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-mhsoftlilac ) 0%, var( --e-global-color-6a4af4c ) 100%);}.elementor-265897 .elementor-element.elementor-element-2d9ed86a{--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:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-265897 .elementor-element.elementor-element-31b4a19d .elementor-heading-title{font-size:14px;font-weight:500;line-height:20px;color:var( --e-global-color-a34ed62 );}.elementor-265897 .elementor-element.elementor-element-36c47783 .elementor-icon-wrapper{text-align:start;}.elementor-265897 .elementor-element.elementor-element-36c47783.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-mhmuted );}.elementor-265897 .elementor-element.elementor-element-36c47783.elementor-view-framed .elementor-icon, .elementor-265897 .elementor-element.elementor-element-36c47783.elementor-view-default .elementor-icon{color:var( --e-global-color-mhmuted );border-color:var( --e-global-color-mhmuted );}.elementor-265897 .elementor-element.elementor-element-36c47783.elementor-view-framed .elementor-icon, .elementor-265897 .elementor-element.elementor-element-36c47783.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-mhmuted );}.elementor-265897 .elementor-element.elementor-element-36c47783 .elementor-icon{font-size:10px;}.elementor-265897 .elementor-element.elementor-element-36c47783 .elementor-icon svg{height:10px;}.elementor-265897 .elementor-element.elementor-element-1315fae6 .elementor-heading-title{font-size:14px;line-height:20px;color:var( --e-global-color-primary );}.elementor-265897 .elementor-element.elementor-element-6b3d4ea4{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-265897 .elementor-element.elementor-element-652b7d7{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-265897 .elementor-element.elementor-element-652b7d7.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-265897 .elementor-element.elementor-element-70140efd .elementor-heading-title{font-size:56px;line-height:1.02em;letter-spacing:-1px;color:var( --e-global-color-primary );}.elementor-265897 .elementor-element.elementor-element-ad4acda{width:var( --container-widget-width, 620px );max-width:620px;--container-widget-width:620px;--container-widget-flex-grow:0;font-size:18px;line-height:27px;color:var( --e-global-color-mhmuted );}.elementor-265897 .elementor-element.elementor-element-7b28cc1a{--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:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-265897 .elementor-element.elementor-element-11c85e1c{--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:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-265897 .elementor-element.elementor-element-11c85e1c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-265897 .elementor-element.elementor-element-35d338a0 .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-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(2px/2);}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(2px/2);}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(2px/2);}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-2px/2);}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-2px/2);}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-a34ed62 );}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-a34ed62 );}.elementor-265897 .elementor-element.elementor-element-1b3efb48{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-icon{padding-inline-end:6px;}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-item > a{font-size:16px;font-weight:500;line-height:20px;}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-265897 .elementor-element.elementor-element-1b3efb48 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-a34ed62 );}.elementor-265897 .elementor-element.elementor-element-79cd2e56{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-265897 .elementor-element.elementor-element-79cd2e56.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-265897 .elementor-element.elementor-element-2621dbc9{--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;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-265897 .elementor-element.elementor-element-3306d2f9{--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;--border-radius:20px 20px 20px 20px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-265897 .elementor-element.elementor-element-3306d2f9:not(.elementor-motion-effects-element-type-background), .elementor-265897 .elementor-element.elementor-element-3306d2f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-66bc4b13 );}.elementor-265897 .elementor-element.elementor-element-3fc0861b{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-265897 .elementor-element.elementor-element-3fc0861b .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-265897 .elementor-element.elementor-element-3fc0861b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-265897 .elementor-element.elementor-element-3fc0861b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-265897 .elementor-element.elementor-element-3fc0861b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-265897 .elementor-element.elementor-element-3fc0861b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-265897 .elementor-element.elementor-element-24bfba82{--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-265897 .elementor-element.elementor-element-2141aace{--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-265897 .elementor-element.elementor-element-2141aace:not(.elementor-motion-effects-element-type-background), .elementor-265897 .elementor-element.elementor-element-2141aace > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-66bc4b13 );}.elementor-265897 .elementor-element.elementor-element-10ce20ba .elementor-icon-wrapper{text-align:start;}.elementor-265897 .elementor-element.elementor-element-10ce20ba.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-mhperitint );color:var( --e-global-color-a34ed62 );}.elementor-265897 .elementor-element.elementor-element-10ce20ba.elementor-view-framed .elementor-icon, .elementor-265897 .elementor-element.elementor-element-10ce20ba.elementor-view-default .elementor-icon{color:var( --e-global-color-mhperitint );border-color:var( --e-global-color-mhperitint );}.elementor-265897 .elementor-element.elementor-element-10ce20ba.elementor-view-framed .elementor-icon, .elementor-265897 .elementor-element.elementor-element-10ce20ba.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-mhperitint );}.elementor-265897 .elementor-element.elementor-element-10ce20ba.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-a34ed62 );}.elementor-265897 .elementor-element.elementor-element-10ce20ba.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-a34ed62 );}.elementor-265897 .elementor-element.elementor-element-10ce20ba .elementor-icon{font-size:24px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-265897 .elementor-element.elementor-element-10ce20ba .elementor-icon svg{height:24px;}.elementor-265897 .elementor-element.elementor-element-4f6839f8{--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-265897 .elementor-element.elementor-element-4f6839f8.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-265897 .elementor-element.elementor-element-36fc1011 .elementor-heading-title{font-size:26px;line-height:30px;letter-spacing:-0.5px;color:var( --e-global-color-primary );}.elementor-265897 .elementor-element.elementor-element-c320dc3{font-size:16px;line-height:24px;color:var( --e-global-color-mhmuted );}.elementor-265897 .elementor-element.elementor-element-3448b3f .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-265897 .elementor-element.elementor-element-3448b3f .elementor-button:hover, .elementor-265897 .elementor-element.elementor-element-3448b3f .elementor-button:focus{background-color:var( --e-global-color-mhviolethover );color:var( --e-global-color-66bc4b13 );}.elementor-265897 .elementor-element.elementor-element-3448b3f .elementor-button-content-wrapper{flex-direction:row;}.elementor-265897 .elementor-element.elementor-element-3448b3f .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-265897 .elementor-element.elementor-element-3448b3f .elementor-button:hover svg, .elementor-265897 .elementor-element.elementor-element-3448b3f .elementor-button:focus svg{fill:var( --e-global-color-66bc4b13 );}@media(min-width:768px){.elementor-265897 .elementor-element.elementor-element-63aa9d28{--content-width:1100px;}.elementor-265897 .elementor-element.elementor-element-7b28cc1a{--content-width:1100px;}.elementor-265897 .elementor-element.elementor-element-11c85e1c{--width:240px;}.elementor-265897 .elementor-element.elementor-element-24bfba82{--content-width:1100px;}}@media(max-width:1024px) and (min-width:768px){.elementor-265897 .elementor-element.elementor-element-11c85e1c{--width:100%;}}@media(max-width:1024px){.elementor-265897 .elementor-element.elementor-element-70140efd .elementor-heading-title{font-size:46px;}.elementor-265897 .elementor-element.elementor-element-7b28cc1a{--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-265897 .elementor-element.elementor-element-3fc0861b{--grid-columns:1;}}@media(max-width:767px){.elementor-265897 .elementor-element.elementor-element-63aa9d28{--padding-top:140px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-265897 .elementor-element.elementor-element-70140efd .elementor-heading-title{font-size:38px;}.elementor-265897 .elementor-element.elementor-element-3fc0861b{--grid-columns:1;}.elementor-265897 .elementor-element.elementor-element-2141aace{--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; }

/* ---------- 5. CATEGORY ARCHIVE ---------- */
.mh-cat-hero__icon {
  width: 72px; height: 72px; border-radius: 20px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
  background: var(--e-global-color-66bc4b13); color: var(--e-global-color-a34ed62);
}
.mh-cat-hero__icon:empty { display: none; }

/* Topics nav (Icon List): item pills + JS active state */
.mh-topics .elementor-icon-list-item > a { padding: 10px 12px; border-radius: 10px; width: 100%; transition: background var(--mh-ease); }
.mh-topics .elementor-icon-list-item > a:hover { background: var(--e-global-color-mhperitint); }
.mh-topics .elementor-icon-list-item.is-active > a { background: var(--e-global-color-mhperitint); font-weight: 600; }
.mh-topics .elementor-icon-list-item.is-active :is(.elementor-icon-list-text, .elementor-icon-list-icon) { color: var(--e-global-color-a34ed62); }
.mh-topics .elementor-icon-list-item.is-active svg { fill: var(--e-global-color-a34ed62); }

/* Article count (Shortcode widget: [mh_topic_count] from the wp-magic plugin) */
.mh-count { font-size: 15px; color: var(--e-global-color-mhmuted); }

/* Article list: loop container, pagination pills */
.mh-list .elementor-loop-container { gap: 0 !important; }
.mh-list .elementor-pagination {
  display: flex; justify-content: center; gap: 6px; padding: 16px; margin-top: 4px; font-size: 15px; font-weight: 600;
  border-top: 1px solid var(--e-global-color-6a4af4c);
}
.mh-list .elementor-pagination .page-numbers { padding: 6px 12px; border-radius: 999px; color: var(--e-global-color-a34ed62); }
.mh-list .elementor-pagination .page-numbers.current { background: var(--e-global-color-mhperitint); }

/* ---------- 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; }/* End custom CSS */