/* Move with Maricris: blog post components ("mwm-b-" blocks).
   One file styles both the public post page and the WordPress visual editor,
   so what Maricris sees while editing matches what readers get.
   :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) expands to the two places post content lives. Colours are the brand set only:
   gold #ca9e38, black, white, light #f6f5f2, gold tint #faf5e8. */

body.mce-content-body {
  --mwm-gold: #ca9e38; --mwm-black: #000; --mwm-white: #fff; --mwm-light: #f6f5f2;
  --mwm-title: 'Roboto', Arial, sans-serif; --mwm-sub: 'Lato', Arial, sans-serif;
  --mwm-hand: 'Caveat', cursive; --mwm-text: Arial, Helvetica, sans-serif;
  font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.8; color: #000;
  max-width: 820px; margin: 0 auto; padding: 24px 28px;
}
body.mce-content-body h2, body.mce-content-body h3 { font-family: 'Roboto', Arial, sans-serif; font-weight: 900; text-transform: uppercase; color: #000; }
body.mce-content-body a { color: #ca9e38; }
body.mce-content-body p span, body.mce-content-body li span { color: inherit !important; }

/* ---- base rhythm ---- */
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) p { margin: 0 0 22px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) h2:not(.mkd-post-title) { font-size: clamp(22px, 2.6vw, 28px); line-height: 1.2; letter-spacing: .06em; margin: 58px 0 24px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) h2:not(.mkd-post-title)::after {
  content: ""; display: block; width: 112px; height: 22px; margin: 14px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 22' fill='none' stroke='%23ca9e38' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M1 13h18l5-9 6 16 6-13 5 6h14l5-9 6 16 6-13 5 6h34'/%3E%3C/svg%3E") no-repeat left center / contain;
}
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) h3 { font-size: 19px; line-height: 1.3; letter-spacing: .08em; margin: 36px 0 14px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) h2 span, :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) h3 span { text-decoration: none !important; color: inherit !important; }

/* ---- lists ---- */
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) ul { list-style: none; margin: 0 0 24px; padding: 0; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) ul > li { position: relative; padding-left: 26px; margin: 0 0 9px; font-size: 17px; line-height: 1.6; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) ul > li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 10px; height: 2px; background: var(--mwm-gold); }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) ol { margin: 0 0 24px 22px; padding: 0; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) ol > li { padding-left: 6px; margin: 0 0 9px; font-size: 17px; line-height: 1.6; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) ol > li::marker { color: var(--mwm-gold); font-family: var(--mwm-title); font-weight: 900; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) ul.mwm-b-checks > li { padding-left: 32px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) ul.mwm-b-checks > li::before { left: 4px; top: .34em; width: 7px; height: 13px; background: none; border: solid var(--mwm-gold); border-width: 0 2px 2px 0; transform: rotate(45deg); }

/* ---- lead, handwritten line, pull statement ---- */
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) p.mwm-b-lead { font-family: var(--mwm-sub) !important; font-size: clamp(20px, 2.1vw, 23px); line-height: 1.6; color: #111; margin-bottom: 26px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) p.mwm-b-hand { font-family: var(--mwm-hand) !important; font-size: clamp(30px, 3.6vw, 40px); line-height: 1.15; color: var(--mwm-black); margin: 34px 0 30px; transform: rotate(-1.5deg); transform-origin: left center; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) p.mwm-b-pull { font-family: var(--mwm-title) !important; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; font-size: clamp(22px, 2.8vw, 30px); line-height: 1.25; color: var(--mwm-black); border-left: 5px solid var(--mwm-gold); padding: 6px 0 6px 26px; margin: 44px 0; }

/* ---- label ---- */
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-label { font-family: var(--mwm-title) !important; font-size: 12px !important; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--mwm-gold); line-height: 1.4; margin: 0 0 14px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-label strong { font-weight: inherit; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) h3.mwm-b-label::after, :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) h2.mwm-b-label::after { display: none; }

/* ---- quick facts ---- */
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-facts { display: flex; flex-wrap: wrap; gap: 12px; margin: 34px 0 28px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-facts p.mwm-b-fact { flex: 1 1 200px; margin: 0; padding: 16px 20px; border: 1px solid rgba(202,158,56,.55); border-left: 4px solid var(--mwm-gold); background: var(--mwm-white); font-size: 17px; line-height: 1.4; font-weight: 700; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-facts p.mwm-b-fact strong { display: block; font-family: var(--mwm-title); font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #6b6b6b; margin: 0 0 6px; }

/* ---- cards in columns ---- */
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; margin: 0 0 30px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-card { background: var(--mwm-light); border-top: 3px solid var(--mwm-gold); padding: 26px 24px 20px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-card p, :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-card li { font-size: 16px; line-height: 1.55; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-card ul, :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-card ol { margin-bottom: 4px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-card > :last-child { margin-bottom: 0; }

/* ---- stats ---- */
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) ul.mwm-b-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 12px; margin: 4px 0 0; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) ul.mwm-b-stats > li { display: flex; flex-direction: column-reverse; padding: 0; margin: 0; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) ul.mwm-b-stats > li::before { display: none; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-stat-value { font-family: var(--mwm-title); font-size: 26px; font-weight: 900; line-height: 1.1; color: var(--mwm-black) !important; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-stat-label { font-family: var(--mwm-title); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #6b6b6b !important; margin-top: 4px; }

/* ---- steps ---- */
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-steps { margin: 0 0 34px; border-bottom: 1px solid rgba(202,158,56,.4); }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-step { border-top: 1px solid rgba(202,158,56,.4); padding: 28px 0 8px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-step-title { display: flex; align-items: baseline; gap: 14px; font-family: var(--mwm-title) !important; font-size: 18px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; line-height: 1.3; margin: 0 0 14px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-step-title strong { font-weight: inherit; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-num { flex: 0 0 auto; font-size: 38px; line-height: 1; letter-spacing: 0; color: var(--mwm-gold) !important; min-width: 44px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-step p, :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-step li { font-size: 17px; line-height: 1.75; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-step p { margin: 0 0 16px; }
@media (min-width: 700px) { :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-step > :not(.mwm-b-step-title) { margin-left: 58px; } }

/* ---- note box ---- */
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-note { background: #faf5e8; border-left: 5px solid var(--mwm-gold); padding: 30px 32px 26px; margin: 48px 0; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-note p { font-size: 17px; line-height: 1.75; margin: 0 0 14px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-note > :last-child { margin-bottom: 0; }

/* ---- invitation panel ---- */
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-invite { border: 2px solid var(--mwm-gold); padding: 40px 36px 34px; margin: 56px 0 20px; text-align: center; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-invite h2:not(.mkd-post-title), :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-invite h3 { margin-top: 0; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-invite h2:not(.mkd-post-title)::after { margin-left: auto; margin-right: auto; background-position: center; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-invite p { font-size: 17px; line-height: 1.75; margin: 0 auto 18px; max-width: 600px; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-invite > :last-child { margin-bottom: 0; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-invite p strong a { font-family: var(--mwm-title); font-weight: 700; letter-spacing: .04em; }

/* ---- fine print, figure, divider ---- */
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) p.mwm-b-fine { font-size: 14px; line-height: 1.6; font-style: italic; color: #5c5c5c; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) figure.mwm-b-figure { margin: 36px 0; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) figure.mwm-b-figure img { display: block; width: 100%; height: auto; }
:is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) hr.mwm-b-beat { border: 0; height: 26px; margin: 46px auto; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 22' fill='none' stroke='%23ca9e38' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M1 13h18l5-9 6 16 6-13 5 6h14l5-9 6 16 6-13 5 6h34'/%3E%3C/svg%3E") no-repeat center / contain; }

/* buttons inside the editor (the public page already has .mwm-btn from the kit) */
body.mce-content-body a.mwm-btn { display: inline-block; font-family: 'Roboto', Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; color: #fff; background: #ca9e38; border: 2px solid #ca9e38; padding: 15px 26px; }

@media (max-width: 600px) {
  :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-note { padding: 24px 22px 20px; }
  :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-invite { padding: 30px 20px 26px; }
  :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-card { padding: 22px 20px 16px; }
  :is(body.mwm-post .mkd-content .mkd-post-text, body.mce-content-body) .mwm-b-num { font-size: 32px; min-width: 36px; }
}

/* ---- public page only: reading progress bar and a little motion ---- */
.mwm-read-bar { position: fixed; top: 0; left: 0; height: 3px; width: 0; background: #ca9e38; z-index: 100000; pointer-events: none; }
body.admin-bar .mwm-read-bar { top: 32px; }
@media (max-width: 782px) { body.admin-bar .mwm-read-bar { top: 46px; } }

/* ---- public page only: page frame ---- */
/* The theme narrows the article to 65% of the column and paints the page grey. Use the full column on white, like the rest of the site. */
body.mwm-post .mkd-content .mkd-container, body.mwm-post .mkd-content .mkd-container-inner { background-color: #fff !important; }
body.mwm-post .mkd-content .mkd-post-text a.mwm-btn { text-decoration: none; }
body.mwm-post .mkd-blog-holder.mkd-blog-single { max-width: 860px; }
body.mwm-post .mkd-blog-holder.mkd-blog-single.mkd-blog-standard > article,
body.mwm-post .mkd-blog-holder.mkd-blog-single.mkd-blog-standard > div { width: 100%; }
/* Phones and small tablets: the theme leaves about 43px empty on each side of a post. Use 20px, like the blog list. */
@media (max-width: 820px) {
  body.mwm-post .mkd-content .mkd-container > .mkd-container-inner { width: auto !important; max-width: none; margin-left: 20px; margin-right: 20px; }
  body.mwm-post .mkd-blog-holder.mkd-blog-single { padding-left: 0; padding-right: 0; }
}
@media (max-width: 600px) {
  body.mwm-post .mkd-content .mkd-container > .mkd-container-inner { margin-left: 18px; margin-right: 18px; }
  body.mwm-post .mkd-blog-holder.mkd-blog-single { padding-top: 22px; }
  body.mwm-post .mkd-content .mkd-post-title { margin-top: 24px !important; }
}

/* ---- public page only: tags and share row (moved above the newsletter block by script) ---- */
body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 24px; border-top: 1px solid rgba(202,158,56,.4); padding: 26px 0 0; margin: 44px 0 0; }
body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder::before, body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder::after { display: none; }
body.mwm-post .mkd-content .mkd-tags-share-holder .mkd-single-tags-holder, body.mwm-post .mkd-content .mkd-tags-share-holder .mkd-share-icons-single { float: none; width: auto; margin: 0; padding: 0; }
body.mwm-post .mkd-content .mkd-tags-share-holder .mkd-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder .mkd-tags a { display: inline-flex; align-items: center; font-family: var(--mwm-title); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; text-decoration: none !important; line-height: 1.2 !important; height: auto !important; box-sizing: border-box; color: var(--mwm-black) !important; background: transparent; border: 1px solid rgba(202,158,56,.7); padding: 10px 14px 9px; margin: 0; transition: background .2s, color .2s; }
body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder .mkd-tags a:hover, body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder .mkd-tags a:focus-visible { background: var(--mwm-gold); color: #fff !important; }
body.mwm-post .mkd-content .mkd-tags-share-holder .mkd-share-icons-single { display: flex; align-items: center; gap: 8px; margin-left: auto; }
body.mwm-post .mkd-content .mkd-tags-share-holder .mkd-share-label { float: none; margin: 0; padding: 0; line-height: 1; font-weight: 700; color: var(--mwm-black); }
body.mwm-post .mkd-content .mkd-tags-share-holder .mkd-social-share-holder { float: none; margin: 0; }
body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder ul { display: flex; gap: 2px; margin: 0; padding: 0; list-style: none; }
body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder ul > li { float: none; margin: 0; padding: 0; font-size: 0; line-height: 0; }
body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder ul > li::before { display: none !important; content: none !important; }
body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder a.mkd-share-link { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 0; background: none !important; color: var(--mwm-black) !important; text-decoration: none !important; transition: color .2s, transform .2s; }
body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder a.mkd-share-link:hover, body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder a.mkd-share-link:focus-visible { transform: translateY(-2px); }
body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder a.mkd-share-link:hover span, body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder a.mkd-share-link:focus-visible span { color: var(--mwm-gold) !important; }
body.mwm-post .mkd-content .mkd-post-text .mkd-tags-share-holder a.mkd-share-link span { color: var(--mwm-black) !important; font-size: 19px; line-height: 1; margin: 0; transition: color .2s; }

/* ---- public page only: previous / next post ---- */
body.mwm-post .mkd-content .mkd-post-text .mwm-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0 0 26px; }
body.mwm-post .mkd-content .mkd-post-text a.mwm-post-nav-link { display: flex; align-items: center; gap: 16px; min-height: 96px; padding: 16px 18px; border: 1px solid rgba(202,158,56,.55); background: var(--mwm-white); color: var(--mwm-black) !important; text-decoration: none !important; transition: background .2s, border-color .2s, transform .2s; }
body.mwm-post .mkd-content .mkd-post-text a.mwm-post-nav-link:hover, body.mwm-post .mkd-content .mkd-post-text a.mwm-post-nav-link:focus-visible { background: #faf5e8; border-color: var(--mwm-gold); transform: translateY(-2px); }
body.mwm-post .mkd-content .mkd-post-text a.mwm-post-nav-next { flex-direction: row-reverse; text-align: right; }
body.mwm-post .mwm-post-nav-img { flex: 0 0 64px; width: 64px; height: 64px; overflow: hidden; }
body.mwm-post .mwm-post-nav-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.mwm-post .mwm-post-nav-text { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
body.mwm-post .mwm-post-nav-dir { font-family: var(--mwm-title); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--mwm-gold); }
body.mwm-post .mwm-post-nav-title { font-family: var(--mwm-title); font-size: 15px; font-weight: 700; line-height: 1.3; letter-spacing: .02em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 600px) { body.mwm-post .mkd-content .mkd-post-text .mwm-post-nav { grid-template-columns: 1fr; } body.mwm-post .mwm-post-nav-link.is-empty { display: none; } }
/* small previous / next links beside the date at the top of the post */
body.mwm-post .mkd-post-info .mwm-post-nav-mini { margin-left: auto; display: flex; gap: 18px; white-space: nowrap; }
body.mwm-post .mkd-post-info .mwm-post-nav-mini a { color: var(--mwm-black); text-decoration: none; border-bottom: 1px solid var(--mwm-gold); padding-bottom: 2px; }
body.mwm-post .mkd-post-info .mwm-post-nav-mini a:hover { color: var(--mwm-gold); }
@media (max-width: 600px) { body.mwm-post .mkd-post-info { flex-wrap: wrap; row-gap: 10px; } body.mwm-post .mkd-post-info .mwm-post-nav-mini { margin-left: 0; width: 100%; justify-content: space-between; } }

/* ---- public page only: comments ---- */
body.mwm-post .mkd-content .mkd-blog-single > .mkd-comment-holder, body.mwm-post .mkd-content .mkd-blog-single > .mkd-comment-form { width: 100%; max-width: 860px; margin-left: auto; margin-right: auto; box-sizing: border-box; float: none; }
body.mwm-post .mkd-content .mkd-comment-holder { margin-top: 64px; padding: 44px 0 0; border-top: 1px solid rgba(202,158,56,.4); }
body.mwm-post .mkd-content .mkd-comment-number { margin: 0 0 26px; padding: 0; border: 0; }
body.mwm-post .mkd-content .mkd-comment-number-title, body.mwm-post .mkd-content .comment-reply-title { font-family: var(--mwm-title) !important; font-size: clamp(20px, 2.4vw, 24px); font-weight: 900; letter-spacing: .06em; text-transform: uppercase; line-height: 1.2; color: var(--mwm-black); margin: 0; }
body.mwm-post .mkd-content .mkd-comment-number-title::after { content: ""; display: block; width: 112px; height: 22px; margin: 14px 0 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 22' fill='none' stroke='%23ca9e38' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M1 13h18l5-9 6 16 6-13 5 6h14l5-9 6 16 6-13 5 6h34'/%3E%3C/svg%3E") no-repeat left center / contain; }
body.mwm-post .mkd-content .mkd-comments ul { list-style: none; margin: 0; padding: 0; }
body.mwm-post .mkd-content .mkd-comment-list > li { margin: 0; padding: 26px 0; border-top: 1px solid #e9e6dc; }
body.mwm-post .mkd-content .mkd-comment-list > li:first-child { border-top: 0; padding-top: 4px; }
body.mwm-post .mkd-content .mkd-comment-list ul.children { margin: 24px 0 0 26px; padding: 0 0 0 24px; border-left: 3px solid var(--mwm-gold); }
body.mwm-post .mkd-content .mkd-comment-list ul.children > li { margin: 0 0 22px; padding: 0; }
body.mwm-post .mkd-content .mkd-comment-list ul.children > li:last-child { margin-bottom: 0; }
body.mwm-post .mkd-content .mkd-comment { display: flex; align-items: flex-start; gap: 18px; margin: 0; padding: 0; border: 0; background: none; }
body.mwm-post .mkd-content .mkd-comment-image { flex: 0 0 52px; width: 52px; float: none; margin: 0; padding: 0; }
body.mwm-post .mkd-content .mkd-comment-image img { display: block; width: 52px; height: 52px; border-radius: 50%; }
body.mwm-post .mkd-content .mkd-comment-text { position: relative; flex: 1 1 auto; min-width: 0; padding: 0; margin: 0; float: none; width: auto; }
body.mwm-post .mkd-content .mkd-comment-info { margin: 0 0 10px; padding: 0 110px 0 0; }
body.mwm-post .mkd-content .mkd-comment-name { display: inline; font-family: var(--mwm-title) !important; font-size: 15px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mwm-black); margin: 0; }
body.mwm-post .mkd-content .mkd-comment-name a { color: var(--mwm-black); text-decoration: none; }
body.mwm-post .mkd-content .mkd-comment-name .post-author-comment-icon { display: none; }
body.mwm-post .mkd-content .mkd-post-author-comment > .mkd-comment-text .mkd-comment-name::after { content: "Author"; display: inline-block; vertical-align: middle; margin-left: 10px; padding: 3px 8px; font-size: 10px; letter-spacing: .16em; color: #fff; background: var(--mwm-gold); }
body.mwm-post .mkd-content .mkd-comment-date { display: block; margin: 5px 0 0; font-family: var(--mwm-title); font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: #6b6b6b; }
body.mwm-post .mkd-content .mkd-comment-reply-holder { position: absolute; top: 0; right: 0; float: none; margin: 0; }
body.mwm-post .mkd-content .mkd-comment-reply-holder a { font-family: var(--mwm-title); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--mwm-gold); text-decoration: none; border-bottom: 1px solid var(--mwm-gold); padding-bottom: 2px; margin-left: 14px; }
body.mwm-post .mkd-content .mkd-comment-reply-holder a:hover { color: var(--mwm-black); border-color: var(--mwm-black); }
body.mwm-post .mkd-content .mkd-text-holder p { font-size: 16px; line-height: 1.7; margin: 0 0 10px; }
body.mwm-post .mkd-content .mkd-text-holder p:last-child { margin-bottom: 0; }
body.mwm-post .mkd-content .mkd-comment-pager { max-width: 860px; margin: 20px auto 0; }

body.mwm-post .mkd-content .mkd-comment-form { margin-top: 40px; margin-bottom: 20px; background: var(--mwm-light); padding: 40px 40px 34px; }
body.mwm-post .mkd-content .mkd-comment-list #respond { margin-top: 22px; background: var(--mwm-light); padding: 28px 28px 24px; }
body.mwm-post .mkd-content .mkd-comment-form #respond { margin: 0; padding: 0; }
body.mwm-post .mkd-content .comment-reply-title small { display: inline-block; margin-left: 14px; }
body.mwm-post .mkd-content .comment-reply-title small a { font-size: 11px; letter-spacing: .16em; color: var(--mwm-gold); text-decoration: none; border-bottom: 1px solid var(--mwm-gold); }
body.mwm-post .mkd-content form.comment-form { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; margin: 22px 0 0; }
body.mwm-post .mkd-content form.comment-form > * { grid-column: 1 / -1; min-width: 0; }
body.mwm-post .mkd-content form.comment-form > p.mwm-c-half { grid-column: auto; }
body.mwm-post .mkd-content form.comment-form p { margin: 0 0 20px; }
body.mwm-post .mkd-content form.comment-form label { display: block; font-family: var(--mwm-title) !important; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--mwm-black); margin: 0 0 8px; }
body.mwm-post .mkd-content form.comment-form .mwm-c-hint { font-weight: 400; letter-spacing: .04em; text-transform: none; color: #6b6b6b; }
body.mwm-post .mkd-content form.comment-form input[type="text"], body.mwm-post .mkd-content form.comment-form input[type="email"], body.mwm-post .mkd-content form.comment-form input[type="number"], body.mwm-post .mkd-content form.comment-form textarea { width: 100%; height: auto; box-sizing: border-box; font-family: var(--mwm-text) !important; font-size: 16px; line-height: 1.5; color: var(--mwm-black); background: #fff; border: 1px solid var(--mwm-gray); border-radius: 0; padding: 14px 16px; margin: 0; outline: none; box-shadow: none; transition: border-color .2s; }
body.mwm-post .mkd-content form.comment-form textarea { min-height: 150px; resize: vertical; display: block; }
body.mwm-post .mkd-content form.comment-form input:focus, body.mwm-post .mkd-content form.comment-form textarea:focus { border-color: var(--mwm-gold); }
body.mwm-post .mkd-content form.comment-form input:focus-visible, body.mwm-post .mkd-content form.comment-form textarea:focus-visible { outline: 3px solid var(--mwm-gold); outline-offset: 2px; }
body.mwm-post .mkd-content form.comment-form .logged-in-as { font-size: 14px; line-height: 1.6; color: #555; margin-bottom: 18px; }
body.mwm-post .mkd-content form.comment-form .logged-in-as a { color: var(--mwm-gold); }
body.mwm-post .mkd-content form.comment-form .comment-form-cookies-consent { display: flex; align-items: flex-start; gap: 10px; }
body.mwm-post .mkd-content form.comment-form .comment-form-cookies-consent input { width: auto; margin: 3px 0 0; flex: 0 0 auto; }
body.mwm-post .mkd-content form.comment-form .comment-form-cookies-consent label { font-family: var(--mwm-text) !important; font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; line-height: 1.5; margin: 0; color: #444; }
body.mwm-post .mkd-content form.comment-form .aiowps-captcha input { width: 140px; display: block; margin-top: 8px; }
body.mwm-post .mkd-content form.comment-form .form-submit { margin: 6px 0 0; }
body.mwm-post .mkd-content form.comment-form button.mwm-btn { cursor: pointer; }
@media (max-width: 600px) {
  body.mwm-post .mkd-content .mkd-comment-holder { margin-top: 48px; padding-top: 34px; }
  body.mwm-post .mkd-content .mkd-comment-form { padding: 28px 20px 24px; }
  body.mwm-post .mkd-content form.comment-form { grid-template-columns: 1fr; }
  body.mwm-post .mkd-content .mkd-comment { gap: 12px; }
  body.mwm-post .mkd-content .mkd-comment-image, body.mwm-post .mkd-content .mkd-comment-image img { width: 40px; height: 40px; flex-basis: 40px; }
  body.mwm-post .mkd-content .mkd-comment-list ul.children { margin-left: 8px; padding-left: 14px; }
  body.mwm-post .mkd-content .mkd-comment-info { padding-right: 0; }
  body.mwm-post .mkd-content .mkd-comment-reply-holder { position: static; margin: 0 0 8px; }
  body.mwm-post .mkd-content .mkd-comment-reply-holder a { margin: 0 14px 0 0; }
}
/* comments: remove the theme's card shadow, reply arrow and extra gaps; hide the form panel when comments are closed */
body.mwm-post .mkd-content .mkd-comment { box-shadow: none; }
body.mwm-post .mkd-content .mkd-comment::before, body.mwm-post .mkd-content .mkd-comment::after { display: none; }
body.mwm-post .mkd-content .mkd-comment-list ul.children > li::before { display: none !important; content: none !important; }
body.mwm-post .mkd-content .mkd-comment-info { display: block; }
body.mwm-post .mkd-content .mkd-comment .mkd-text-holder { margin: 0; padding: 0; }
body.mwm-post .mkd-content .mkd-comment-form:not(:has(form)) { display: none; }
body.mwm-post .mkd-content .mkd-comments > p { font-size: 14px; color: #6b6b6b; margin: 18px 0 0; }
body.mwm-post .mkd-content #respond form.comment-form input[type="text"], body.mwm-post .mkd-content #respond form.comment-form input[type="email"], body.mwm-post .mkd-content #respond form.comment-form input[type="number"], body.mwm-post .mkd-content #respond form.comment-form textarea { border: 1px solid var(--mwm-gray) !important; background: #fff !important; }
body.mwm-post .mkd-content #respond form.comment-form input:focus, body.mwm-post .mkd-content #respond form.comment-form textarea:focus { border-color: var(--mwm-gold) !important; }
body.mwm-post .mkd-content .mkd-comment-form { margin-top: 30px; }
body.mwm-post .mkd-content .mkd-comment-number { margin-bottom: 20px; }
/* comments: the security question stays out of the way until the required fields are filled in */
body.mwm-post .mkd-content form.comment-form .mwm-c-captcha.is-hidden { display: none; }
body.mwm-post .mkd-content form.comment-form .mwm-c-captcha { animation: mwmCaptchaIn .35s ease-out; }
@keyframes mwmCaptchaIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { body.mwm-post .mkd-content form.comment-form .mwm-c-captcha { animation: none; } }
body.mwm-post .mkd-content #respond form.comment-form .aiowps-captcha { margin-bottom: 8px; }
body.mwm-post .mkd-content #respond form.comment-form .aiowps-captcha-equation { margin: 0 0 22px; font-size: 16px; }
body.mwm-post .mkd-content #respond form.comment-form .aiowps-captcha-equation strong { font-family: var(--mwm-title); font-weight: 700; letter-spacing: .04em; }
body.mwm-post .mkd-content #respond form.comment-form .aiowps-captcha-equation input[name="aiowps-captcha-answer"] { width: 150px !important; display: block; margin-top: 10px; }
body.mwm-post .mkd-content form.comment-form .aiowps-captcha-equation + p:empty { display: none; }
