.mm-article-layout {
    --mm-article-muted: #535862;
    --mm-article-border: #e9eaeb;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    max-width: 1200px;
    margin-inline: auto;
    gap: 32px;
}
html.mm-dark .mm-article-layout {
    --mm-article-muted: #94979c;
    --mm-article-border: #22262f;
}
.mm-article-layout > #content-container { min-width: 0; width: 100%; }
.mm-article-sidebar { min-width: 0; padding: 16px; color: var(--mm-article-muted); }
.mm-article-sidebar > * + * { margin-top: 24px; }
.mm-article-sidebar img, .mm-article-sidebar iframe { max-width: 100%; }
.mm-article-sidebar input, .mm-article-sidebar select { max-width: 100%; box-sizing: border-box; }
.mm-article-newsletter { padding: 16px; border: 1px solid var(--mm-article-border); border-radius: 12px; }
.mm-article-newsletter h2 { margin: 0 0 16px; font-size: 16px; font-weight: 600; color: #181d27; }
.mm-article-newsletter .mailpoet_form { padding: 0 !important; background: transparent !important; }
.mm-article-newsletter .mailpoet_paragraph { margin-bottom: 16px; }
.mm-article-newsletter .mailpoet_text { width: 100%; padding: 10px 12px !important; border: 1px solid #a4a7ae !important; border-radius: 8px; background: #fff !important; color: #181d27 !important; font-size: 14px !important; }
.mm-article-newsletter .mailpoet_text::placeholder { color: #535862; opacity: 1; }
.mm-article-newsletter label { font-size: 14px; line-height: 1.5; }
.mm-article-newsletter input[type="checkbox"] { margin-right: 6px; accent-color: #067647; }
.mm-article-newsletter .mailpoet_submit { width: 100%; padding: 10px 12px !important; border: 1px solid #181d27 !important; border-radius: 8px; background: #181d27 !important; color: #fff !important; font-size: 14px !important; font-weight: 600; cursor: pointer; }
.mm-article-newsletter input:focus-visible { outline: 2px solid #079455; outline-offset: 3px; }
html.mm-dark .mm-article-newsletter h2 { color: #f5f5f6; }
html.mm-dark .mm-article-newsletter .mailpoet_text { background: #13161b !important; color: #f5f5f6 !important; border-color: #61656c !important; }
html.mm-dark .mm-article-newsletter .mailpoet_text::placeholder { color: #cecfd2; }
html.mm-dark .mm-article-newsletter .mailpoet_submit { background: #f5f5f6 !important; color: #181d27 !important; border-color: #f5f5f6 !important; }
.mm-article-toc h2 { font-size: 14px; font-weight: 600; margin: 0 0 12px; }
.mm-article-toc ul { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--mm-article-border); }
.mm-article-toc a { display: block; padding: 8px 12px; color: inherit; overflow-wrap: anywhere; font-size: 14px; line-height: 1.5; }
.mm-article-toc a:hover { text-decoration: underline; }
.mm-article-toc a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.mm-article-toc-child a { padding-left: 24px; }
.mm-article-ad > p { font-size: 12px; margin: 0 0 8px; }
/* Center the "Annons" label and creative, matching the front page and analysis ad slots. */
.mm-article-ad { text-align: center; }
.mm-article-ad > :not(p) { margin-inline: auto; }
[data-mm-editorial-heading] { scroll-margin-top: 120px; }
.mm-article-toc { display: none; }
.mm-article-header { max-width: 1200px; margin-inline: auto; padding: 32px 16px 0; }
.mm-article-back { font-size: 14px; text-decoration: underline; }
.mm-article-categories { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; margin-bottom: 8px; font-size: 12px; }
.mm-article-header .mm-article-categories a { padding: 4px 10px; border-radius: 20px; background: #ecfdf3; color: #067647; }
html.mm-dark .mm-article-categories a { background: #053321; color: #75e0a7; }
.mm-article-header h1 { font-size: clamp(32px, 4vw, 48px); font-weight: 600; line-height: 1.15; letter-spacing: -.02em; margin: 16px 0; overflow-wrap: anywhere; }
.mm-article-intro { max-width: 880px; font-size: 20px; line-height: 1.5; margin-block: 16px; }
.mm-article-meta, .mm-article-author { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.mm-article-meta { margin-block: 20px; font-size: 14px; }
.mm-article-meta time { margin-left: auto; }
.mm-article-author img { width: 40px; height: 40px; border-radius: 50%; }
.mm-article-topics { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.mm-article-topics a { font-size: 12px; padding: 4px 10px; border: 1px solid currentColor; border-radius: 20px; overflow-wrap: anywhere; }
.mm-article-hero img { width: 100%; height: auto; max-height: 600px; object-fit: cover; border-radius: 12px; display: block; }
.mm-article-header a { color: inherit; }
.mm-article-header a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.mm-article-sidebar[hidden], .mm-article-toc[hidden] { display: none; }
/* MM-2186 newsletter and TOC, based on Figma sidebar contexts. */
.mm-article-newsletter { border: 0; border-radius: 0; padding: 0; }
.mm-article-newsletter h2 { font-size: 16px; line-height: 24px; font-weight: 600; margin: 0 0 16px; color: #242424; }
html.mm-dark .mm-article-newsletter h2 { color: #94979c; }
.mm-newsletter-controls { position: relative; display: flex; align-items: stretch; width: 100%; height: 44px; border: 1px solid #d5d7da; border-radius: 8px; background: #fff; box-sizing: border-box; box-shadow: 0 1px 2px #0a0d120d; }
html.mm-dark .mm-newsletter-controls { border-color: #373a41; background: #0c0e12; }
.mm-article-newsletter .mm-newsletter-controls .mailpoet_text::placeholder { color: #717680; opacity: 1; }
html.mm-dark .mm-article-newsletter .mm-newsletter-controls .mailpoet_text::placeholder { color: #85888e; }
.mm-newsletter-controls > .mailpoet_paragraph { flex: 1; min-width: 0; margin: 0 !important; }
.mm-newsletter-controls > .mailpoet_paragraph > label { display: none !important; }
.mm-article-newsletter .mm-newsletter-controls .mailpoet_text { height: 42px; min-width: 0; margin: 0 !important; padding: 9px 14px !important; border: 0 !important; background: transparent !important; font: 16px/24px "MM Editorial Inter", Inter, sans-serif !important; box-shadow: none; box-sizing: border-box; }
html.mm-dark .mm-article-newsletter .mm-newsletter-controls .mailpoet_text { background: transparent !important; }
.mm-newsletter-choices { flex: none; min-width: 96px; max-width: 48%; font-size: 16px; line-height: 24px; }
.mm-newsletter-choices summary { display: flex; align-items: center; justify-content: flex-end; gap: 2px; height: 42px; padding: 9px 14px; cursor: pointer; list-style: none; color: #535862; box-sizing: border-box; }
.mm-newsletter-choices summary::-webkit-details-marker { display: none; }
.mm-newsletter-choices summary > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mm-newsletter-choices summary::after { content: ""; flex: none; width: 16px; height: 16px; background: currentColor; mask: url("assets/newsletter-chevron.svg") center / 16px 16px no-repeat; }
html.mm-dark .mm-newsletter-choices summary { color: #94979c; }
.mm-newsletter-choices fieldset { position: absolute; z-index: 2; top: calc(100% + 8px); left: 0; right: 0; margin: 0; padding: 12px; border: 1px solid #d5d7da; border-radius: 8px; background: #fff; box-shadow: 0 8px 16px #0a0d121a; }
html.mm-dark .mm-newsletter-choices fieldset { background: #13161b; border-color: #373a41; }
.mm-newsletter-choices legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.mm-newsletter-choices .mailpoet_checkbox_label { display: flex; align-items: center; gap: 8px; margin: 0; padding: 4px 0; font-size: 14px; line-height: 20px; }
.mm-article-newsletter .mm-newsletter-enhanced .mailpoet_submit { height: 44px; padding: 9px 16px !important; font-size: 16px !important; line-height: 24px !important; box-sizing: border-box; background: #242424 !important; border-color: #242424 !important; color: #fff !important; }
html.mm-dark .mm-article-newsletter .mm-newsletter-enhanced .mailpoet_submit { background: #fff !important; border-color: #fff !important; color: #000 !important; }
.mm-article-newsletter .mm-newsletter-consent, .mm-newsletter-choice-error { margin: 16px 0; font-size: 14px; line-height: 20px; color: #535862; }
.mm-article-newsletter .mm-newsletter-consent { margin-top: 6px; font-size: 13px; line-height: 18px; }
.mm-newsletter-consent a { color: inherit; text-decoration: underline; }
html.mm-dark .mm-newsletter-consent { color: #94979c; }
.mm-newsletter-choice-error { color: #b42318; }
html.mm-dark .mm-newsletter-choice-error { color: #fda29b; }
.mm-newsletter-choice-error[hidden] { display: none; }
.mm-article-sidebar > * + * { margin-top: 32px; }
.mm-article-toc h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.mm-article-toc ul { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; border: 0; }
.mm-article-toc a { width: fit-content; padding: 4px 12px; font-size: 14px; line-height: 20px; font-weight: 600; border-radius: 9999px; text-decoration: none; }
.mm-article-toc a[aria-current] { background: #2c2c2c; color: #fff; }
html.mm-dark .mm-article-toc a[aria-current] { background: #fafafa; color: #000; }
@media (min-width: 1024px) {
    .mm-article-layout { grid-template-columns: 240px minmax(0, 1fr); }
    .mm-article-layout > #content-container { grid-column: 2; grid-row: 1; }
    .mm-article-sidebar { grid-column: 1; grid-row: 1; padding-top: 32px; }
    .mm-article-toc:not([hidden]) { display: block; }
    .mm-article-layout-empty { grid-template-columns: minmax(0, 890px); justify-content: center; }
    .mm-article-layout-empty > #content-container { grid-column: 1; }
}
/* Article shell, Figma 6774:6711 and 6774:6742. */
@font-face { font-family: "MM Editorial Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/fonts/Inter-Regular.ttf") format("truetype"); }
@font-face { font-family: "MM Editorial Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../../assets/fonts/Inter-Medium.ttf") format("truetype"); }
@font-face { font-family: "MM Editorial Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../../assets/fonts/Inter-SemiBold.ttf") format("truetype"); }
.mm-article-header, .mm-article-layout { font-family: "MM Editorial Inter", Inter, sans-serif; box-sizing: border-box; }
.mm-article-header { max-width: 1280px; padding: 96px 32px 32px; }
.mm-article-heading-group { max-width: 768px; margin-bottom: 48px; }
.mm-article-header .mm-article-back { display: inline-flex; align-items: center; min-height: 36px; padding: 8px 12px 8px 36px; background: url("assets/back.svg") no-repeat 12px center; background-size: 20px 20px; font-size: 14px; line-height: 20px; font-weight: 600; text-decoration: none; color: #535862; }
.mm-article-header h1 { max-width: 768px; font-size: 48px; line-height: 60px; margin: 16px 0 24px; letter-spacing: -.96px; }
.mm-article-header .mm-article-intro { max-width: 768px; font-size: 20px; line-height: 30px; margin: 0; color: #535862; }
.mm-article-intro > :first-child { margin-top: 0; }
.mm-article-intro > :last-child { margin-bottom: 0; }
.mm-article-details { display: flex; flex-direction: column; gap: 32px; }
.mm-article-badges, .mm-article-categories, .mm-article-topics { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.mm-article-badges { justify-content: flex-start; }
.mm-article-header .mm-article-categories a, .mm-article-header .mm-article-topics a { font-size: 14px; line-height: 20px; padding: 4px 12px; border: 0; border-radius: 9999px; font-weight: 500; text-decoration: none; }
.mm-article-header .mm-article-topics a { background: #fafafa; color: #414651; }
.mm-article-header .mm-article-meta { margin: 0; gap: 48px; font-size: 14px; line-height: 20px; font-weight: 500; }
.mm-article-meta .mm-article-author { flex: 1; font-weight: 600; gap: 8px; }
.mm-article-meta time { margin-left: 0; }
.mm-article-reading-time { padding-left: 24px; background: url("assets/clock.svg") no-repeat left center; background-size: 16px 16px; }
.mm-article-hero img { border-radius: 4px; max-height: 630px; aspect-ratio: 1216 / 630; object-fit: cover; }
html.mm-dark .mm-article-header .mm-article-intro, html.mm-dark .mm-article-header .mm-article-back { color: #94979c; }
html.mm-dark .mm-article-header .mm-article-topics a { background: #13161b; color: #cecfd2; }
.mm-article-sidebar { padding: 0; }
.mm-article-mobile-author { display: none; }
.mm-article-author-name { display: flex; flex-direction: column; }
.mm-article-author-name strong { font-weight: 600; }
.mm-article-author-name small { font-size: 14px; line-height: 20px; font-weight: 400; color: #535862; }
html.mm-dark .mm-article-author-name small { color: #94979c; }
@media (min-width: 1024px) {
    .mm-article-layout { max-width: 1280px; padding-inline: 32px; grid-template-columns: 288px minmax(0, 1fr); gap: 64px; }
    .mm-article-layout > #content-container { max-width: 720px; padding: 0; margin: 0; }
    .mm-article-layout .mm-article-sidebar { padding: 0; }
    .mm-article-layout-empty { grid-template-columns: minmax(0, 720px); }
    .mm-article-layout-empty > .mm-article-sidebar { display: none; }
}
@media (max-width: 767px) {
    .mm-article-layout #content-container .mm-article-mobile-author { margin-top: 24px; display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 20px; font-weight: 600; color: inherit; text-decoration: none; }
    .mm-article-layout #content-container .mm-article-mobile-author img { margin: 0; flex-shrink: 0; width: 32px; height: 32px; object-fit: cover; border-radius: 9999px; }
    .mm-article-mobile-author small { font-size: 12px; line-height: 18px; }
    .mm-article-layout { padding-inline: 16px; }
    .mm-article-layout > #content-container { padding-inline: 0; }
    .mm-article-sidebar { border-top: 0; padding-top: 0; margin-top: 0; }
    .mm-article-header { padding: 48px 16px; }
    .mm-article-header h1 { font-size: 36px; line-height: 44px; letter-spacing: -.72px; }
    .mm-article-header .mm-article-intro { font-size: 18px; line-height: 28px; }
    .mm-article-heading-group { margin-bottom: 24px; }
    .mm-article-header h1 { margin-bottom: 16px; }
    .mm-article-details { gap: 8px; }
    .mm-article-header .mm-article-meta { gap: 48px; padding-top: 20px; font-size: 12px; line-height: 18px; }
    .mm-article-meta .mm-article-author { display: none; }
    .mm-article-meta time { flex: 1; }
    .mm-article-reading-time { padding: 0; background: none; }
    .mm-article-hero img { aspect-ratio: 343 / 240; }
    .mm-article-badges { justify-content: flex-start; }
}

/* Desktop article navigation, Figma 6774:6742 and 6774:6761. */
.mm-article-layout .mm-article-adjacent { display: none; }
@media (min-width: 1024px) {
    .mm-article-layout .mm-article-previous { display: inline-flex; }
    .mm-article-layout .mm-article-adjacent { align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 10px 18px; border-radius: 8px; color: #535862; font-size: 16px; line-height: 24px; font-weight: 600; text-decoration: none; box-sizing: border-box; }
    /* The label wrapper's 2px padding is included in the gap and trailing padding. */
    .mm-article-layout .mm-article-previous { padding-left: 16px; }
    .mm-article-adjacent::before, .mm-article-next::after { content: ""; width: 20px; height: 20px; flex: none; background: currentColor; mask: url("assets/back.svg") center / 20px 20px no-repeat; }
    .mm-article-next::before { display: none; }
    .mm-article-next::after { mask-image: url("assets/arrow-right.svg"); }
    .mm-article-adjacent:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
    html.mm-dark .mm-article-layout .mm-article-adjacent { color: #94979c; }
}
@media (min-width: 1280px) {
    .mm-article-layout > #content-container { position: relative; }
    .mm-article-layout:not(.mm-article-layout-empty) .mm-article-next { display: inline-flex; position: absolute; top: 0; left: calc(100% + 16px); width: 128px; }
}

/* Authored rich text only; embedded widgets keep their own component typography. */
.mm-article-layout #content-container [data-mm-article-body] { font-family: "MM Editorial Inter", Inter, sans-serif; color: #535862; font-size: 18px; line-height: 28px; }
.mm-article-layout #content-container [data-mm-article-body] > p { margin: 0 0 18px; font-size: 18px; line-height: 28px; font-weight: 400; }
.mm-article-layout #content-container [data-mm-article-body] h2[data-mm-editorial-heading] { margin: 32px 0 20px; color: #181d27; font-size: 30px; line-height: 38px; font-weight: 600; letter-spacing: 0; }
.mm-article-layout #content-container [data-mm-article-body] h3[data-mm-editorial-heading] { margin: 32px 0 16px; color: #181d27; font-size: 24px; line-height: 32px; font-weight: 600; letter-spacing: 0; }
.mm-article-layout #content-container [data-mm-article-body] > .wp-block-image { margin: 48px 0; }
.mm-article-layout #content-container [data-mm-article-body] > .wp-block-image img { display: block; margin: 0; max-width: 100%; height: auto; border-radius: 4px; }
html.mm-dark .mm-article-layout #content-container [data-mm-article-body] { color: #94979c; }
html.mm-dark .mm-article-layout #content-container [data-mm-article-body] :is(h2, h3)[data-mm-editorial-heading] { color: #f7f7f7; }
@media (max-width: 767px) {
    .mm-article-layout #content-container [data-mm-article-body], .mm-article-layout #content-container [data-mm-article-body] > p { font-size: 16px; line-height: 24px; }
    .mm-article-layout #content-container [data-mm-article-body] > p { margin-bottom: 16px; }
    .mm-article-layout #content-container [data-mm-article-body] h2[data-mm-editorial-heading] { font-size: 24px; line-height: 32px; margin-bottom: 16px; }
    .mm-article-layout #content-container [data-mm-article-body] h3[data-mm-editorial-heading] { font-size: 20px; line-height: 30px; margin-bottom: 12px; }
    .mm-article-layout #content-container [data-mm-article-body] > .wp-block-image { margin-block: 40px; }
}

/* Explicit follow-up notice, Figma 6774:6746. */
.mm-article-layout #content-container .mm-editorial-followup { position: relative; display: flex; align-items: flex-start; gap: 16px; padding: 15px; margin-bottom: 32px; border: 1px solid #d5d7da; border-radius: 12px; background: #fff; color: #535862; box-shadow: 0 1px 2px #0a0d120d; }
.mm-article-layout #content-container .mm-editorial-followup[hidden] { display: none; }
.mm-article-layout #content-container .mm-editorial-followup img { flex: none; width: 20px; height: 20px; margin: 0; }
.mm-editorial-followup-content { min-width: 0; flex: 1; }
.mm-article-layout #content-container .mm-editorial-followup p { margin: 0; font-size: 14px; line-height: 20px; font-weight: 400; }
.mm-article-layout #content-container .mm-editorial-followup p:first-child { padding-right: 32px; margin-bottom: 4px; color: #414651; }
.mm-article-layout #content-container .mm-editorial-followup strong { font-weight: 600; }
.mm-editorial-followup-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.mm-article-layout #content-container .mm-editorial-followup button, .mm-article-layout #content-container .mm-editorial-followup a { border: 0; padding: 0; background: transparent; color: inherit; font: 600 14px/20px "MM Editorial Inter", Inter, sans-serif; text-decoration: none; cursor: pointer; }
.mm-editorial-followup :is(button,a):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.mm-article-layout #content-container .mm-editorial-followup .mm-editorial-followup-close { position: absolute; right: 7px; top: 7px; width: 36px; height: 36px; padding: 8px; box-sizing: border-box; }
html.mm-dark .mm-article-layout #content-container .mm-editorial-followup { background: #0c0e12; border-color: #373a41; color: #94979c; }
html.mm-dark .mm-article-layout #content-container .mm-editorial-followup p:first-child { color: #cecfd2; }

/* Override legacy article link decoration without changing embedded component links. */
.mm-article-layout #content-container .mm-article-next { color: var(--mm-article-muted); text-decoration: none; }
.mm-article-layout #content-container [data-mm-article-body] > .wp-block-image:not(.is-resized):not(.alignleft):not(.alignright) img { width: 100%; }

/* Configured information notice, Figma 6775:7564. */
.mm-article-layout #content-container .mm-editorial-information { position: relative; display: flex; align-items: flex-start; gap: 16px; padding: 15px; margin-top: 40px; border: 1px solid #d5d7da; border-radius: 12px; background: #fff; color: #535862; box-shadow: 0 1px 2px #0a0d120d; font: 400 14px/20px "MM Editorial Inter", Inter, sans-serif; }
.mm-editorial-information-content { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.mm-article-layout #content-container .mm-editorial-information img { flex: none; width: 20px; height: 20px; margin: 0; }
.mm-article-layout #content-container .mm-editorial-information p { margin: 0 0 14px; font-size: 14px; line-height: 20px; font-weight: 400; }
.mm-article-layout #content-container .mm-editorial-information p:last-child { margin-bottom: 0; }
.mm-article-layout #content-container .mm-editorial-information .mm-editorial-information-title { padding-right: 32px; margin: 0 0 4px; color: #414651; }
.mm-editorial-information strong { font-weight: 600; }
.mm-article-layout #content-container .mm-editorial-information button { border: 0; padding: 0; background: transparent; color: #414651; font: 600 14px/20px "MM Editorial Inter", Inter, sans-serif; cursor: pointer; }
.mm-editorial-information [data-mm-information-toggle] { margin-top: 12px; }
.mm-editorial-information button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.mm-article-layout #content-container .mm-editorial-information .mm-editorial-information-close { position: absolute; right: 7px; top: 7px; width: 36px; height: 36px; padding: 8px; box-sizing: border-box; }
.mm-article-layout #content-container .mm-editorial-information[hidden], .mm-article-layout #content-container .mm-editorial-information [hidden] { display: none; }
html.mm-dark .mm-article-layout #content-container .mm-editorial-information { background: #0c0e12; border-color: #373a41; color: #94979c; }
html.mm-dark .mm-article-layout #content-container .mm-editorial-information :is(.mm-editorial-information-title, button) { color: #cecfd2; }

/* Existing editor-configured sponsor block; preserve its native products and links. */
.mm-article-layout #content-container .mm-editorial-sponsored { padding: 32px 0; margin: 0; }
.mm-article-layout #content-container .mm-editorial-sponsored .sponsored-instruments-heading { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 8px; padding: 32px 0 0; margin: 0 0 32px; border-bottom: 0; border-top: 1px solid #e9eaeb; }
.mm-article-layout #content-container .mm-editorial-sponsored .sponsored-instruments-heading > a { justify-content: flex-start; margin: 0; }
.mm-article-layout #content-container .mm-editorial-sponsored .sponsored-instruments-heading > div { font: 500 16px/24px "MM Editorial Inter", Inter, sans-serif; color: #717680; white-space: normal; }
.mm-article-layout #content-container .mm-editorial-sponsored .sponsored-instruments-heading h3 { margin: 0; font: 600 30px/38px "MM Editorial Inter", Inter, sans-serif; color: #181d27; }
.mm-article-layout #content-container .mm-editorial-sponsored .sponsored-instruments-heading img { max-width: 200px; object-fit: contain; object-position: left; }
html.mm-dark .mm-article-layout #content-container .mm-editorial-sponsored .sponsored-instruments-heading { border-color: #252b37; }
html.mm-dark .mm-article-layout #content-container .mm-editorial-sponsored .sponsored-instruments-heading > div { color: #94979c; }
html.mm-dark .mm-article-layout #content-container .mm-editorial-sponsored .sponsored-instruments-heading h3 { color: #f7f7f7; }

.mm-editorial-sponsored .mm-sponsored-products { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.mm-editorial-sponsored .mm-sponsored-product { display: flex; align-items: center; gap: 20px; padding: 23px 23px 23px 19px; min-width: 0; border: 1px solid #e9eaeb; border-radius: 16px; background: #fff; }
.mm-editorial-sponsored .mm-sponsored-product.mm-sponsored-selected { background: #fafafa; }
.mm-editorial-sponsored .mm-sponsored-select { display: flex; flex: none; }
.mm-editorial-sponsored .mm-sponsored-select input { appearance: none; width: 20px; height: 20px; border: 1px solid #d5d7da; border-radius: 50%; margin: 0; cursor: pointer; }
.mm-editorial-sponsored .mm-sponsored-select input:checked { border: 6px solid #242424; background: #fff; }
.mm-editorial-sponsored .mm-sponsored-details { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.mm-editorial-sponsored :is(.mm-sponsored-product-top,.mm-sponsored-product-bottom,.mm-sponsored-product-badges,.mm-sponsored-copy) { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; }
.mm-article-layout #content-container .mm-editorial-sponsored .mm-instrument-detail-link { color: #181d27; font: 600 16px/24px "MM Editorial Inter",Inter,sans-serif; text-decoration: none; overflow-wrap: anywhere; }
.mm-editorial-sponsored .mm-sponsored-product-badges { flex: none; }
.mm-editorial-sponsored .mm-sponsored-leverage { border: 1px solid #d5d7da; border-radius: 6px; padding: 1px 5px; font: 500 12px/18px "MM Editorial Inter",Inter,sans-serif; color: #414651; background: #fff; }
.mm-editorial-sponsored .mm-sponsored-direction { display: inline-flex; align-items: center; gap: 2px; padding: 2px 6px 2px 8px; border-radius: 9999px; font: 500 12px/18px "MM Editorial Inter",Inter,sans-serif; color: #fff; background: #242424; }
.mm-editorial-sponsored .mm-sponsored-copy { position: relative; justify-content: flex-start; color: #535862; font: 400 12px/18px "MM Editorial Inter",Inter,sans-serif; }
.mm-editorial-sponsored .copy-text { overflow-wrap: anywhere; }
.mm-editorial-sponsored .copy-text-btn { padding: 0; border: 0; background: none; flex: none; cursor: pointer; }
.mm-editorial-sponsored .copy-text-tooltip { display: none; position: absolute; bottom: 100%; padding: 4px 8px; border-radius: 4px; background: #242424; color: #fff; }
.mm-editorial-sponsored .copy-text-tooltip.show { display: block; }
.mm-article-layout #content-container .mm-editorial-sponsored :is(.mm-sponsored-direction,.copy-text-btn) img { width: 12px; height: 12px; margin: 0; max-width: none; }
.mm-editorial-sponsored .mm-sponsored-ranking { display: flex; gap: 4px; flex: none; }
.mm-editorial-sponsored .mm-sponsored-ranking span { width: 20px; height: 8px; border-radius: 9999px; background: #d5d7da; }
.mm-editorial-sponsored .mm-sponsored-ranking .mm-sponsored-ranking-active { background: #aaf0c4; }
.mm-article-layout #content-container .mm-editorial-sponsored .mm-sponsored-broker-tracking { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 0; }
.mm-article-layout #content-container .mm-editorial-sponsored .mm-sponsored-buy { display: inline-flex; flex: 1 1 160px; align-items: center; justify-content: center; gap: 12px; height: 44px; box-sizing: border-box; padding: 9px 15px; border: 1px solid #222; border-radius: 8px; color: #fff; background: #000; text-decoration: none; font: 600 16px/24px "MM Editorial Inter",Inter,sans-serif; }
.mm-article-layout #content-container .mm-editorial-sponsored .mm-sponsored-buy-avanza { background: #00c28a; border-color: #00a97a; }
.mm-article-layout #content-container .mm-editorial-sponsored .mm-sponsored-buy img { height: auto; width: auto; max-width: none; margin: 0; }
.mm-editorial-sponsored :is(input,a,button):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
html.mm-dark .mm-editorial-sponsored .mm-sponsored-product { background: #0c0e12; border-color: #252b37; }
html.mm-dark .mm-editorial-sponsored .mm-sponsored-product.mm-sponsored-selected { background: #13161b; }
html.mm-dark .mm-editorial-sponsored .mm-sponsored-select input { border-color: #373a41; }
html.mm-dark .mm-editorial-sponsored .mm-sponsored-select input:checked { border-color: #fff; background: #13161b; }
html.mm-dark .mm-article-layout #content-container .mm-editorial-sponsored .mm-instrument-detail-link { color: #f7f7f7; }
html.mm-dark .mm-editorial-sponsored .mm-sponsored-leverage { color: #cecfd2; background: #0c0e12; border-color: #373a41; }
html.mm-dark .mm-editorial-sponsored .mm-sponsored-copy { color: #94979c; }
html.mm-dark .mm-editorial-sponsored .mm-sponsored-direction-long { color: #000; background: #fff; }
html.mm-dark .mm-editorial-sponsored .mm-sponsored-direction-short { color: #94979c; background: #13161b; }
html.mm-dark .mm-editorial-sponsored .mm-sponsored-ranking span:not(.mm-sponsored-ranking-active) { background: #373a41; }
@media (max-width: 767px) {
    .mm-editorial-sponsored .mm-sponsored-products { grid-template-columns: minmax(0,1fr); }
    .mm-editorial-sponsored .mm-sponsored-product { gap: 16px; padding: 20px 16px; }
    .mm-editorial-sponsored .mm-sponsored-ranking span { width: 16px; }
}

.mm-article-layout #content-container .mm-editorial-sponsored .mm-sponsored-buy-avanza img { width: 20.2623px; height: 24px; }
.mm-article-layout #content-container .mm-editorial-sponsored .mm-sponsored-buy-nordnet img { width: 41px; height: 10.0785px; }
.mm-editorial-sponsored .mm-sponsored-product-top > .mm-instrument-detail-link { min-width: 0; flex: 1; }

.mm-article-layout #content-container .mm-editorial-sponsored .mm-sponsored-brokers { padding-top: 32px; }
.mm-editorial-sponsored .mm-sponsored-direction-long img { filter: invert(1); }
html.mm-dark .mm-editorial-sponsored .mm-sponsored-direction-long img { filter: none; }
@media (max-width: 767px) {
    .mm-editorial-sponsored .mm-sponsored-broker-tracking { flex-direction: column; }
    .mm-article-layout #content-container .mm-editorial-sponsored .mm-sponsored-buy { flex: none; width: 100%; white-space: nowrap; }
}

/* Selectable sponsor cards must not inherit the native full-card navigation overlay. */
.mm-editorial-sponsored .mm-sponsored-product .mm-instrument-detail-link::after { content: none; }
.mm-editorial-sponsored .mm-sponsored-select { position: relative; z-index: 2; }

/* Figma6775:7564: a nine-line preview preserves the configured paragraph breaks. */
.mm-editorial-information [data-mm-information-preview] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; white-space: pre-line; }

/* Figma text roles take precedence over the legacy sitewide article palette. */
.mm-article-header, .mm-article-layout { font-feature-settings: normal; }
.mm-article-layout #content-container .mm-editorial-information .mm-editorial-information-title strong { font-weight: 600; }
html.mm-editorial.mm-dark .mm-article-layout #content-container [data-mm-article-body] blockquote > p:not(:where(.has-background, .has-background *, .wp-block-cover, .wp-block-cover *, .has-text-color, .has-text-color *)),
html.mm-editorial.mm-dark .mm-article-layout #content-container [data-mm-article-body] > p:not(:where(.has-background, .has-background *, .wp-block-cover, .wp-block-cover *, .has-text-color, .has-text-color *)),
html.mm-editorial.mm-dark .mm-article-layout #content-container [data-mm-article-body] [data-mm-editorial-text]:not(:where(.has-background, .has-background *, .wp-block-cover, .wp-block-cover *, .has-text-color, .has-text-color *)),
html.mm-editorial.mm-dark .mm-article-layout #content-container .mm-editorial-information p { color: #94979c !important; }
html.mm-editorial.mm-dark .mm-article-layout #content-container .mm-editorial-information .mm-editorial-information-title,
html.mm-editorial.mm-dark .mm-article-layout #content-container .mm-editorial-information .mm-editorial-information-title strong { color: #cecfd2 !important; }
html.mm-editorial.mm-dark .mm-article-header h1,
html.mm-editorial.mm-dark .mm-article-layout #content-container :is(h2, h3)[data-mm-editorial-heading]:not(:where(.has-background, .has-background *, .wp-block-cover, .wp-block-cover *, .has-text-color, .has-text-color *)) { color: #f7f7f7 !important; }
html.mm-editorial.mm-dark .mm-article-header :is(.mm-article-intro, .mm-article-intro p) { color: #94979c !important; }
/* The article shell owns its gutters; the legacy main wrapper adds a second set. */
body.single-post > main.main-primary .mm-article-header,
body.single-post > main.main-primary .mm-article-layout { width: calc(100% + 32px); margin-inline: calc((100% - min(1280px, 100% + 32px)) / 2); }
@media (min-width: 1024px) {
    body.single-post > main.main-primary .mm-article-header,
    body.single-post > main.main-primary .mm-article-layout { width: calc(100% + 64px); margin-inline: calc((100% - min(1280px, 100% + 64px)) / 2); }
}
/* Preserve native tracking hooks without inheriting their legacy card surface. */
html.mm-editorial.mm-dark .mm-article-layout #content-container .mm-editorial-sponsored .mm-sponsored-product { background: #0c0e12 !important; border-color: #22262f; }
html.mm-editorial.mm-dark .mm-article-layout #content-container .mm-editorial-sponsored .mm-sponsored-product.mm-sponsored-selected { background: #13161b !important; }
html.mm-editorial.mm-dark .mm-article-layout #content-container .mm-editorial-sponsored .mm-sponsored-broker-tracking { background: transparent !important; }
.mm-article-header, .mm-article-layout { font-weight: 400; }
.mm-article-header .mm-article-meta { font-weight: 400; }
.mm-article-layout #content-container [data-mm-article-body] [data-mm-editorial-text] { font-weight: 400; }

/* Tablet prose already has md:px-8; align stacked sidebar content to that gutter. */
@media (min-width: 768px) and (width < 1024px) {
    .mm-article-layout > .mm-article-sidebar { padding-inline: 32px; }
}

/* Keep Figma newsletter roles above the legacy important editorial palette. */
html.mm-editorial.mm-dark .mm-article-newsletter h2 { color: #94979c !important; }
html.mm-editorial .mm-article-newsletter .mm-newsletter-controls .mailpoet_text::placeholder { color: #717680 !important; -webkit-text-fill-color: #717680 !important; opacity: 1; }
html.mm-editorial.mm-dark main .mm-article-newsletter .mm-newsletter-controls input.mailpoet_text { background: transparent !important; }
html.mm-editorial.mm-dark .mm-article-newsletter .mm-newsletter-controls .mailpoet_text::placeholder { color: #85888e !important; -webkit-text-fill-color: #85888e !important; }

/* Figma inactive top-level TOC rows have no pill padding. */
.mm-article-toc li:not(.mm-article-toc-child) > a:not([aria-current]) { padding: 0; }

/* Authored inline-styled boxes (e.g. "Författare") assume a light page; in dark mode the sitewide
   !important text colors made them light-on-lavender. Remap them to the dark notice tokens. */
html.mm-editorial.mm-dark .mm-article-layout #content-container [data-mm-article-body] > div[style*="background"]:not([class]) { background-color: #13161b !important; border: 1px solid #22262f; color: #94979c !important; }
html.mm-editorial.mm-dark .mm-article-layout #content-container [data-mm-article-body] > div[style*="background"]:not([class]) :is(p, li, span) { color: #94979c !important; }
html.mm-editorial.mm-dark .mm-article-layout #content-container [data-mm-article-body] > div[style*="background"]:not([class]) :is(strong, b, h2, h3, h4) { color: #f7f7f7 !important; }