/* ============================================================================
   BM Garage - Insights
   Lifted from the MM Carz theme's Insights layout (wp-rebuild style.css) by
   tools/make_insights_css.py. Do not hand-edit: re-run the tool.

   BM's style.css already defines --ink/--text/--muted/--bg/--bg-soft/--cream/--line/
   --brand-blue/--sans/--serif/--label-ls, all within a shade of MM's and on the same
   Manrope stack, so they are inherited rather than redefined.

   Everything in the first block is a token MM's rules use that BM has no equivalent for.
   ============================================================================ */
:root {
  /* layout constants, carried from the MM theme unchanged */
  --article-maxw: 2100px;
  --mm-yt-rail: 76px;
  --mm-yt-side: 248px;
  --mm-yt-h: 50px;

  /* MM's --pad is clamp(24px,4vw,75px); BM's own equivalent is --gutter. Follow BM. */
  --pad: var(--gutter, clamp(20px, 4vw, 64px));

  /* MM uses --blue and --brand-red as accents. MM Carz is red-accented; BM Garage is BLUE,
     and its palette contains no red at all, so both follow BM's single accent rather than
     importing MM's brand into this site. (Deliberately NOT mapped to the WordPress preset
     --wp--preset--color--vivid-red: that is defined by block-library CSS in the page, not by
     the theme, so it would resolve to nothing on any page that did not load it.) */
  --blue: var(--brand-blue, #0266b1);
  --brand-red: var(--brand-blue, #0266b1);

  /* Per-card values the markup sets INLINE on the element (category colour, cover image).
     These are only fallbacks for when it has not set one. */
  --cat: var(--brand-blue, #0266b1);
  --pillar: var(--brand-blue, #0266b1);
  --thumb: none;

  /* MM-only chrome that does not exist on BM: the live-stream bar and its viewport fix.
     Zero, so any rule doing calc() against them still resolves. */
  --mm-livebar-h: 0px;
  --mm-vvfix: 0px;
}

body.mm-article-page.mm-yt-page{padding-top: 0;}
body.mm-article-page .mm-article__hero{padding-top: calc(58px + clamp(24px, 3vw, 44px));}
body.mm-article-page .mm-site-header--overlay{background: transparent; box-shadow: none;}
body.mm-article-page .mm-site-header--overlay :is(.mm-nav a, .mm-icon, .mm-menu-burger, .mm-ins-burger){color: #33383c;}
body.mm-article-page .mm-site-header--overlay .mm-logo img{display: none;}
body.mm-article-page .mm-site-header--overlay .mm-logo .mm-logo__ink{display: block;}
body.mm-article-page .mm-site-header--overlay.is-stuck{background: rgba(255, 255, 255, .82); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); box-shadow: none;}
body.mm-article-page .mm-site-header--overlay.is-stuck .mm-nav__sub a{background: rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);}
@media (max-width: 1200px){
body .mm-yt{--mm-yt-h: 50px;}
.mm-site-header .mm-ins-burger{display: none;}
}
html.mm-oc-open .mm-yt-bottnav{display: none !important;}
body.mm-yt-page footer.mm-footer{display: none;}
.mm-yt{--mm-yt-h: 58px;          /* fixed site header height (body:not(.home) padding-top) */
  --mm-yt-side: 248px;      /* expanded sidebar */
  --mm-yt-rail: 76px;       /* collapsed icon rail */
  display: grid;
  grid-template-columns: var(--mm-yt-side) minmax(0, 1fr);
  align-items: start;}
.mm-yt.is-rail{grid-template-columns: var(--mm-yt-rail) minmax(0, 1fr);}
.mm-ins-burger{display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; background: none; color: #fff; cursor: pointer; border-radius: 50%; transition: background .2s ease;}
.mm-ins-burger:hover{background: rgba(255,255,255,.16); opacity: 1;}
.mm-ins-burger svg{width: 22px; height: 22px;}
.mm-yt__side{position: sticky; top: var(--mm-yt-h); align-self: start;
  height: calc(100vh - var(--mm-yt-h));
  overflow-y: auto; overflow-x: hidden;
  display: flex; flex-direction: column;
  scrollbar-width: thin;                      /* Hanamaru clone (C:\Hanamaru-Website components.css .sidebar): */
  scrollbar-color: transparent transparent;   /* standard props -> Chrome uses the NATIVE thin bar (composited, */}
.mm-yt__side:hover{scrollbar-color: rgba(20, 22, 24, .25) transparent;}
.mm-yt__side::-webkit-scrollbar{width: 4px;}
.mm-yt__side::-webkit-scrollbar-track{background: transparent;}
.mm-yt__side::-webkit-scrollbar-thumb{background: transparent; border-radius: 4px;}
.mm-yt__side:hover::-webkit-scrollbar-thumb{background: rgba(20, 22, 24, .25);}
.mm-yt__side-inner{flex: 1; padding: clamp(14px, 1.8vw, 22px) 14px 14px; display: flex; flex-direction: column; gap: 22px;}
.mm-yt__fineprint{margin-top: auto; padding-top: 16px; font-size: 11px; color: var(--muted); line-height: 1.5;}
.mm-yt__rail{display: none; flex-direction: column; align-items: center; gap: 8px; padding: 14px 4px;}
.mm-yt.is-rail .mm-yt__rail{display: flex;}
.mm-yt.is-rail .mm-yt__side-inner{display: none;}
.mm-yt__railitem{display: flex; flex-direction: column; align-items: center; gap: 5px; width: 62px; padding: 11px 2px; border: 0; background: none; color: var(--ink); cursor: pointer; border-radius: 12px; font-family: var(--sans); font-size: 10px; font-weight: 500; text-decoration: none; transition: background .18s ease;}
.mm-yt__railitem:hover{background: var(--bg-soft); opacity: 1;}
.mm-yt__railitem svg{width: 22px; height: 22px;}
.mm-yt-trend__head{display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; letter-spacing: -.01em; color: var(--ink); margin: 0 0 12px;}
.mm-yt-trend__flame{display: inline-flex; color: #e2683b;}
.mm-yt-trend__flame svg{width: 18px; height: 18px; fill: currentColor; stroke: none;}
.mm-yt-trend__tabs{display: flex; gap: 16px; margin: 0 0 16px; border-bottom: 1px solid var(--line);}
.mm-yt-trend__tab{background: none; border: 0; padding: 0 0 9px; margin-bottom: -1px; font-family: var(--sans); font-size: 12.5px; font-weight: 500; color: var(--muted); cursor: pointer; border-bottom: 2px solid transparent;}
.mm-yt-trend__tab:hover{color: var(--ink); opacity: 1;}
.mm-yt-trend__tab.is-active{color: var(--ink); font-weight: 600; border-bottom-color: var(--ink);}
.mm-yt-trend__list{display: flex; flex-direction: column; gap: 16px; counter-reset: mmtrend;}
.mm-yt-trend__item{display: grid; grid-template-columns: 16px minmax(0, 1fr); column-gap: 9px; color: var(--ink); counter-increment: mmtrend;}
.mm-yt-trend__item::before{content: counter(mmtrend); grid-column: 1; grid-row: 1; align-self: center; justify-self: center;
  font-size: 14px; font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums;}
.mm-yt-trend__item > *{grid-column: 2;}
.mm-yt-trend__item:hover{opacity: 1;}
.mm-yt-trend__item:hover .mm-yt-trend__title{color: var(--brand-blue);}
.mm-yt-trend__thumb{position: relative; grid-row: 1; display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: var(--bg-soft);}
.mm-yt-trend__thumb img{width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease;}
.mm-yt-trend__item:hover .mm-yt-trend__thumb img{transform: scale(1.04);}
.mm-yt-trend__badge{position: absolute; right: 6px; bottom: 6px; padding: 2px 6px; border-radius: 5px; background: rgba(20,22,24,.82); color: #fff; font-size: 10px; font-weight: 600;}
.mm-yt-trend__title{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13px; line-height: 1.34; font-weight: 600; margin-top: 8px;}
.mm-yt-trend__views{display: block; font-size: 11.5px; color: var(--muted); margin-top: 3px;}
.mm-yt-sub{border-top: 1px solid var(--line); padding-top: 20px; display: flex; flex-direction: column;}
.mm-yt-sub__title{font-size: 15px; font-weight: 600; color: var(--ink); margin: 0 0 4px;}
.mm-yt-sub__sub{font-size: 12.5px; color: var(--muted); line-height: 1.5; margin: 0 0 14px;}
.mm-yt-sub__field{margin-bottom: 10px;}
.mm-yt-sub__input{width: 100%; border: 0; border-bottom: 1px solid var(--line); background: none; padding: 8px 2px; font-family: var(--sans); font-size: 13.5px; color: var(--ink);}
.mm-yt-sub__input:focus{outline: none; border-bottom-color: var(--ink);}
.mm-yt-sub__hp{position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0;}
.mm-yt-sub__btn{align-self: flex-start; font-family: var(--sans); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--label-ls); color: #fff; background: var(--brand-blue); border: 0; border-radius: 8px; padding: 11px 22px; cursor: pointer; transition: opacity .2s ease;}
.mm-yt-sub__btn:hover{opacity: .88;}
.mm-yt-sub__ok{font-size: 12.5px; color: #2f7d6b; margin: 12px 0 0;}
.mm-yt-sub__ok[hidden]{display: none;}
.mm-yt-sub__ok.is-err,
.mm-insdrawer__sub-ok.is-err,
.mm-article__sub .mm-yt-sub__ok.is-err{color: #a3392f;}
.mm-yt-soc{border-top: 1px solid var(--line); padding-top: 18px;}
.mm-yt-soc__head{font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--label-ls); color: var(--muted); margin: 0 0 12px; text-align: center;}
.mm-yt-soc__row{display: flex; flex-wrap: wrap; gap: 18px 26px; justify-content: center; max-width: calc(5 * 14px + 4 * 26px); margin-inline: auto;}
.mm-yt-soc__row a{display: inline-flex;}
.mm-yt-soc__row a:hover{opacity: .7;}
.mm-yt-soc__row svg{width: 14px; height: 14px; display: block;}
.mm-yt__content{min-width: 0; padding: clamp(14px, 1.8vw, 22px) clamp(12px, 1.4vw, 22px) clamp(60px, 8vw, 110px);}
@media (orientation: portrait) and (max-width: 599px){
.mm-yt__content{padding-top: 20px;}
}
.mm-yt__pills{display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px;}
.mm-yt__pill{font-family: var(--sans); font-size: 12px; font-weight: 500; color: var(--ink); background: var(--bg-soft); border: 1px solid transparent; border-radius: 999px; padding: 7px 14px; cursor: pointer; transition: background .18s ease, color .18s ease; white-space: nowrap;}
.mm-yt__pill:hover{background: var(--cream); opacity: 1;}
.mm-yt__pill.is-active{background: var(--ink); color: #fff;}
.mm-yt__grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 16px;}
.mm-yt.is-rail .mm-yt__grid{grid-template-columns: repeat(4, 1fr);}
.mm-yt__grid[hidden]{display: none;}
.mm-yt-card{display: flex; flex-direction: column; min-width: 0; padding: 8px; border-radius: 16px; transition: background-color .2s ease, box-shadow .2s ease, padding .2s ease, margin .2s ease;}
.mm-yt-card[hidden]{display: none;}
.mm-yt-card:hover{position: relative; z-index: 1; padding: 14px; margin: -6px; background-color: color-mix(in srgb, var(--cat, var(--ink)) 13%, #fff); box-shadow: 0 18px 42px -18px color-mix(in srgb, var(--cat, var(--ink)) 66%, transparent);}
.mm-yt-card__thumb{position: relative; display: block; overflow: hidden; border-radius: 12px; aspect-ratio: 16 / 9; background: var(--bg-soft);}
.mm-yt-card__thumb::before{content: ''; position: absolute; inset: 0; z-index: 0;
  background-image: var(--thumb); background-size: cover; background-position: center;
  filter: blur(22px) saturate(1.25); transform: scale(1.18);}
.mm-yt-card__thumb img{position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; transition: transform .6s cubic-bezier(.2,.7,.2,1);}
.mm-yt-card__thumb.is-fill img{object-fit: cover;}
.mm-yt-card__thumb.is-fill::before{display: none;}
.mm-yt-card:hover .mm-yt-card__thumb img{transform: scale(1.05);}
.mm-yt-card__badge{position: absolute; right: 8px; bottom: 8px; z-index: 3; padding: 3px 7px; border-radius: 6px; background: rgba(20,22,24,.82); color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .02em; transition: opacity .3s ease;}
.mm-yt-card__thumb:hover .mm-yt-card__badge,
.mm-yt--feed .mm-yt-card.is-previewing .mm-yt-card__badge{opacity: 0;}
.mm-yt-card__veil{position: absolute; inset: 0; z-index: 2; display: flex; align-items: flex-end; padding: 14px; background: linear-gradient(to top, rgba(20,22,24,.86), rgba(20,22,24,.18) 62%, transparent); opacity: 0; transition: opacity .28s ease;}
.mm-yt-card__thumb:hover .mm-yt-card__veil{opacity: 1;}
.mm-yt-card__veil-text{color: #fff; font-size: 12.5px; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.mm-yt-card__foot{position: relative; display: flex; gap: 12px; padding: 12px 2px 2px;}
.mm-yt-card__av{flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--cat, var(--ink)); color: #fff;}
.mm-yt-card__av svg{width: 19px; height: 19px; stroke-width: 1.7;}
.mm-yt-card__info{min-width: 0; flex: 1;}
.mm-yt-card__title{font-size: 14.5px; font-weight: 600; line-height: 1.34; margin: 0 0 5px;}
.mm-yt-card__title a{color: var(--ink); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.mm-yt-card__title a:hover{opacity: 1; color: var(--brand-blue);}
.mm-yt-card__meta{font-size: 12.5px; color: var(--muted); line-height: 1.45;}
.mm-yt-card__meta span[aria-hidden]{opacity: .55; margin: 0 5px;}
.mm-yt-card__kebab{flex: 0 0 auto; width: 30px; height: 30px; margin: -3px -4px 0 0; border: 0; background: none; color: var(--muted); cursor: pointer; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; transition: background .18s ease, color .18s ease;}
.mm-yt-card__kebab:hover{background: var(--bg-soft); color: var(--ink);}
.mm-yt-card__kebab svg{width: 18px; height: 18px; fill: currentColor; stroke: none;}
.mm-yt-card__menu{position: absolute; right: 0; top: 40px; z-index: 200; min-width: 168px; padding: 6px; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 12px 30px -10px rgba(20,22,24,.28);}
.mm-yt-card__menu[hidden]{display: none;}
.mm-yt-card__menu-item{display: flex; align-items: center; gap: 10px; width: 100%; border: 0; background: none; padding: 9px 11px; border-radius: 7px; font-family: var(--sans); font-size: 13px; text-align: left; color: var(--ink); cursor: pointer;}
.mm-yt-card__menu-item:hover{background: var(--bg-soft); opacity: 1;}
.mm-yt-card__menu-item svg{width: 16px; height: 16px; flex: 0 0 auto; color: var(--muted);}
.mm-yt__empty, .mm-yt__none{text-align: center; padding: clamp(50px, 9vw, 120px) 0; color: var(--muted);}
.mm-yt__empty h2{font-weight: 400; margin-bottom: .4em; color: var(--ink);}
.mm-yt__none[hidden]{display: none;}
@media (max-width: 1200px){
.mm-yt__grid{grid-template-columns: repeat(2, 1fr);}
.mm-yt.is-rail .mm-yt__grid{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 1024px){
.mm-yt, .mm-yt.is-rail{grid-template-columns: 1fr;}
.mm-yt__side{display: none;}
.mm-ins-burger{display: none;}
.mm-yt__pills{flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.mm-yt__pills::-webkit-scrollbar{display: none;}
.mm-yt__grid, .mm-yt.is-rail .mm-yt__grid{grid-template-columns: repeat(2, 1fr);}
}
.mm-yt-bottnav{position: fixed; left: 0; right: 0; bottom: var(--mm-vvfix, 0px); z-index: 1000; display: none; align-items: stretch;
  height: calc(56px + env(safe-area-inset-bottom, 0px)); padding-bottom: env(safe-area-inset-bottom, 0px);
  background: rgba(255, 255, 255, .72); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);
  border-top: 1px solid rgba(20, 22, 24, .07);}
.mm-yt-bottnav a{flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  color: var(--muted); font-size: 10px; font-weight: 500; letter-spacing: .02em; text-decoration: none;}
.mm-yt-bottnav a svg{width: 22px; height: 22px;}
.mm-yt-bottnav a.is-active{color: var(--blue, #0266b1);}
.mm-yt-bottnav--auto{transition: transform .32s cubic-bezier(.2, .7, .2, 1);}
.mm-yt-bottnav--auto.is-hidden{transform: translateY(calc(100% + env(safe-area-inset-bottom, 0px)));}
@media (any-pointer: coarse) and (max-width: 1440px),
       (min-width: 901px) and (max-width: 1366px) and (orientation: landscape) and (max-aspect-ratio: 3/2),
       (orientation: portrait) and (max-width: 1024px),
       (orientation: landscape) and (max-height: 500px){
.mm-yt-bottnav{display: flex;}
.mm-yt__side{display: none;}
.mm-yt, .mm-yt.is-rail{grid-template-columns: 1fr;}
.mm-yt{padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));}
.mm-article{padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));}
body:has(.mm-yt-bottnav) #mm-chat-fab{transform: translateY(calc(-56px - env(safe-area-inset-bottom, 0px))) !important;}
}
@media (max-width: 560px){
.mm-yt__grid, .mm-yt.is-rail .mm-yt__grid{grid-template-columns: 1fr; gap: 26px;}
.mm-yt--feed .mm-yt__content{padding-left: 0; padding-right: 0;}
.mm-yt--feed .mm-yt__pills, .mm-yt--feed .mm-trend-tabbar{margin-left: 16px; margin-right: 16px;}
.mm-yt--feed .mm-yt__grid{gap: 14px;}
.mm-yt--feed .mm-yt-card{padding: 0; border-radius: 0;}
.mm-yt--feed .mm-yt-card:hover{padding: 0; margin: 0; background: none; box-shadow: none;}
.mm-yt--feed .mm-yt-card__thumb{border-radius: 0; aspect-ratio: auto;}
.mm-yt--feed .mm-yt-card__thumb img{height: auto; object-fit: unset;}
.mm-yt--feed .mm-yt-card__veil{transition: opacity .4s ease;}
.mm-yt--feed .mm-yt-card.is-previewing .mm-yt-card__veil{opacity: 1;}
.mm-yt--feed .mm-yt-card__foot{padding: 13px 16px 6px;}
}
@media (max-width: 560px) and (orientation: portrait){
.mm-lib__grid{display: grid; grid-auto-flow: column;
    grid-auto-columns: calc((100% - 16px) / 2); grid-template-columns: none;
    gap: 16px; overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    padding-bottom: 8px; scrollbar-width: none;}
.mm-lib__grid::-webkit-scrollbar{display: none;}
.mm-lib__grid .mm-yt-card{scroll-snap-align: start; min-width: 0;}
}
.mm-article{--article-maxw: 2100px; --pad: clamp(24px, 4vw, 75px); padding-bottom: clamp(60px, 9vw, 120px);}
.mm-article__wrap{width: 100%; max-width: var(--article-maxw); margin: 0 auto; padding-left: var(--pad); padding-right: max(20px, calc(var(--pad) - (100vw - 100%) + 30px));}
@media (orientation: portrait) and (max-width: 767px){
.mm-article__wrap{padding-left: 20px; padding-right: 20px;}
}
.mm-article__hero{margin-top: 0; padding: clamp(24px, 3vw, 44px) 0 clamp(20px, 2.4vw, 32px);
  background:
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 74%, var(--bg) 100%),
    radial-gradient(130% 160% at 12% -10%,
      color-mix(in srgb, var(--pillar, var(--brand-blue)) 42%, #fff) 0%,
      color-mix(in srgb, var(--pillar, var(--brand-blue)) 20%, #fff) 52%,
      color-mix(in srgb, var(--pillar, var(--brand-blue)) 7%, #fff) 100%);}
.mm-article__hero-inner{display: grid; grid-template-columns: minmax(0, 1024px) minmax(320px, 1fr); gap: clamp(40px, 4.5vw, 88px); align-items: center;}
@media (max-width: 900px){
.mm-article__hero-inner{grid-template-columns: 1fr; gap: 22px;}
}
.mm-article__cat{display: inline-block; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--label-ls); color: var(--brand-blue); margin-bottom: 16px;}
.mm-article__cat:hover{opacity: 1; text-decoration: underline; text-underline-offset: 3px;}
.mm-article__title{font-size: clamp(1.5rem, 2.1vw, 1.95rem); font-weight: 500; line-height: 1.24; letter-spacing: -0.015em; margin: 0 0 16px;}
.mm-article__meta{display: flex; flex-wrap: wrap; align-items: center; gap: 9px; font-size: 14px; color: var(--muted);}
.mm-article__meta span[aria-hidden]{opacity: .5;}
.mm-article__cover{position: relative; margin: 0; border-radius: 16px; overflow: hidden; background: var(--bg-soft); aspect-ratio: 1.9 / 1; box-shadow: 0 24px 60px -30px rgba(20,22,24,.44);}
.mm-article__cover::before{content: ''; position: absolute; inset: 0; z-index: 0;
  background-image: var(--thumb); background-size: cover; background-position: center;
  filter: blur(26px) saturate(1.25); transform: scale(1.18);}
.mm-article__cover img{position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain;}
.mm-article__cover.is-fill img{object-fit: cover;}
.mm-article__cover.is-fill::before{display: none;}
.mm-article__cover.is-empty{background: color-mix(in srgb, var(--pillar, var(--brand-blue)) 12%, var(--bg-soft));}
@media (orientation: portrait) and (max-width: 599px){
.mm-article__cover{margin-left: -20px; margin-right: -20px; border-radius: 0; aspect-ratio: auto; box-shadow: none;}
.mm-article__cover.is-empty{aspect-ratio: 1.9 / 1;}
.mm-article__cover img{height: auto; object-fit: unset;}
}
.mm-article__actionbar-wrap{}
.mm-article__actionbar{max-width: var(--article-maxw); margin: 0 auto; padding: 6px clamp(16px, 1.8vw, 36px) 14px; display: flex; align-items: center; justify-content: center; gap: 4px;}
.mm-article__act{position: relative; height: 40px; min-width: 40px; padding: 0 11px; border: 0; background: none; border-radius: 20px; color: var(--muted); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; transition: background .18s ease, color .18s ease;}
.mm-article__act:hover{background: var(--bg-soft); color: var(--ink);}
.mm-article__act svg{width: 20px; height: 20px;}
.mm-article__act.is-on{color: var(--brand-red);}
.mm-article__act.is-on svg{fill: currentColor; stroke: currentColor;}
.mm-article__act[data-act="bookmark"].is-on{color: var(--brand-blue);}
.mm-article__act[data-act="listen"].is-on{color: #0266b1;}
.mm-article__act[data-act="listen"].is-on svg{fill: none; stroke: #0266b1;}
.mm-article__act[data-act="listen"].is-on::before{content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
    background: rgba(2, 102, 177, .12);
    border: 1.5px solid rgba(2, 102, 177, .55);
    animation: mmlistenpulse 1.9s cubic-bezier(.22,.61,.36,1) infinite;}
@media (prefers-reduced-motion: reduce){
.mm-article__act[data-act="listen"].is-on::before{animation: none; opacity: .55;}
}
.mm-article__act--text{font-family: var(--sans); font-weight: 600; font-size: 15px;}
.mm-article__act--text small{font-size: 11px;}
.mm-article__act-count{font-size: 12.5px; font-weight: 600; color: inherit; font-variant-numeric: tabular-nums;}
.mm-article__act-count[hidden]{display: none;}
.mm-article__act.is-copied::after{content: "Link copied"; position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); font-size: 10px; font-weight: 600; color: #fff; background: var(--ink); padding: 3px 8px; border-radius: 6px; white-space: nowrap; z-index: 6;}
.mm-article__columns{display: grid; grid-template-columns: minmax(0, 1fr) 460px; gap: clamp(48px, 8vw, 145px); align-items: start; padding-top: clamp(34px, 4vw, 56px);}
@media (orientation: portrait) and (max-width: 599px){
.mm-article__columns{padding-top: 12px;}
}
@media (max-width: 1180px){
.mm-article__columns{grid-template-columns: minmax(0, 1fr) 380px; gap: clamp(40px, 5vw, 80px);}
}
@media (max-width: 1024px){
.mm-article__columns{grid-template-columns: 1fr; gap: clamp(44px, 6vw, 64px);}
}
@media (min-width: 901px) and (max-width: 1366px) and (orientation: landscape) and (max-aspect-ratio: 3/2),
       (min-width: 901px) and (max-width: 1440px) and (orientation: landscape) and (any-pointer: coarse){
.mm-article__columns{grid-template-columns: minmax(0, 1fr) 360px; gap: clamp(32px, 4vw, 64px);}
}
.mm-article__main{min-width: 0; max-width: 1100px;}
@media (min-width: 1600px){
.mm-article__main{max-width: none;}
}
.mm-article__body{font-size: 15.5px; line-height: 1.74; color: var(--ink);}
.mm-article__body.is-lg{font-size: 17px; line-height: 1.76;}
.mm-article__body.is-xl{font-size: 19px; line-height: 1.8;}
.mm-article__body > p{margin: 0 0 1.3em;}
.mm-article__body h2{font-family: var(--serif); font-size: clamp(1.2rem, 1.9vw, 1.5rem); font-weight: 400; letter-spacing: -0.01em; line-height: 1.28; margin: 1.7em 0 .55em;}
.mm-article__body h3{font-family: var(--serif); font-size: clamp(1.05rem, 1.5vw, 1.22rem); font-weight: 500; margin: 1.5em 0 .5em;}
.mm-article__body h4{font-size: .98rem; font-weight: 700; margin: 1.4em 0 .4em;}
.mm-article__body ul, .mm-article__body ol{margin: 0 0 1.35em; padding-left: 1.3em;}
.mm-article__body li{margin: 0 0 .5em;}
.mm-article__body a{color: var(--brand-blue); text-decoration: underline; text-underline-offset: 2px;}
.mm-article__body a:hover{opacity: .7;}
.mm-article__body blockquote{margin: 1.6em 0; padding: 4px 0 4px 24px; border-left: 2px solid var(--ink); font-family: var(--serif); font-size: 1.25em; font-weight: 400; line-height: 1.45; color: var(--ink);}
.mm-article__body strong, .mm-article__body b{font-weight: 700;}
.mm-article__gallery{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: clamp(20px, 3vw, 34px) 0; align-items: start;}
.mm-galitem{position: relative; display: block; overflow: hidden; border-radius: 6px;}
.mm-article__gallery img{display: block; width: 100%; border-radius: 0; background: none;}
.mm-galitem.is-fill{aspect-ratio: 4 / 3;}
.mm-galitem.is-fill:only-child{aspect-ratio: 16 / 10;}
.mm-galitem.is-fill img{height: 100%; object-fit: cover;}
.mm-galitem:not(.is-fill) img{height: auto; object-fit: unset;}
@media (max-width: 680px){
.mm-article__gallery{grid-template-columns: repeat(2, 1fr); gap: 8px;}
}
@media (orientation: portrait) and (max-width: 599px){
.mm-article__gallery{grid-template-columns: 1fr; gap: 12px;}
.mm-galitem, .mm-galitem.is-fill, .mm-galitem.is-fill:only-child{aspect-ratio: auto;}
.mm-galitem img, .mm-galitem.is-fill img{height: auto; object-fit: unset;}
}
.mm-article__disclaimer{margin-top: 2.2em; padding-top: 1.4em; border-top: 1px solid var(--line); font-size: 13.5px; line-height: 1.65; color: var(--muted);}
.mm-article__foot{display: none;}
.mm-article__back{display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--label-ls); color: var(--ink);}
.mm-article__back:hover{opacity: 1; color: var(--brand-blue);}
.mm-article__back svg{width: 22px; height: 13px;}
.mm-article__readbar{position: fixed; top: 0; left: 0; right: 0; z-index: 130; background: var(--bg); border-bottom: 1px solid var(--line); transform: translateY(-100%); transition: transform .3s ease; will-change: transform;}
.mm-article__readbar.is-shown{transform: none;}
.mm-article__readbar-inner{max-width: var(--article-maxw); margin: 0 auto; height: 58px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 16px; padding: 0 clamp(16px, 1.8vw, 36px) 0 12px;}
.mm-article__readbar-lead{display: flex; align-items: center; gap: 10px; justify-self: start;}
.mm-article__readbar .mm-ins-burger{color: var(--ink);}
.mm-article__readbar .mm-ins-burger:hover{background: var(--bg-soft);}
.mm-article__readbar-logo{display: flex; align-items: center;}
.mm-article__readbar-logo:hover{opacity: 1;}
.mm-article__readbar-logo img{width: 66px; height: auto; display: block; transform: translateY(-3px);}
.mm-article__readbar-title{justify-self: center; max-width: min(52ch, 42vw); font-size: 14px; font-weight: 600; color: var(--ink); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mm-article__readbar-share{justify-self: end; display: flex; align-items: center; gap: 2px;}
.mm-article__readbar-sbtn{position: relative; width: 34px; height: 34px; border: 0; background: none; border-radius: 50%; color: var(--muted); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background .18s ease, color .18s ease;}
.mm-article__readbar-sbtn:hover{background: var(--bg-soft); color: var(--ink);}
.mm-article__readbar-sbtn svg{width: 15px; height: 15px; display: block;}
.mm-article__readbar-sbtn.is-copied::after{content: "Copied"; position: absolute; top: calc(100% + 4px); right: 0; font-size: 10px; font-weight: 600; color: #fff; background: var(--ink); padding: 3px 8px; border-radius: 6px; white-space: nowrap; z-index: 6;}
.mm-article__readbar-progress{position: absolute; left: 0; bottom: -1px; height: 2px; width: 0; background: var(--brand-blue); transition: width .1s linear;}
@media (max-width: 680px){
.mm-article__readbar-inner{grid-template-columns: auto 1fr auto;}
.mm-article__readbar-title{display: none;}
}
@media (max-width: 680px) and (orientation: portrait){
.mm-article__readbar-inner{grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; padding: 0 6px 0 10px;}
.mm-article__readbar-title{display: block; justify-self: center; max-width: 100%; font-size: 12.5px;}
.mm-article__readbar-logo img{width: 56px;}
}
html.mm-insdrawer-open{overflow: hidden;}
.mm-insdrawer{position: fixed; inset: 0; z-index: 200; visibility: hidden;}
.mm-insdrawer.is-open{visibility: visible;}
.mm-insdrawer__scrim{position: absolute; inset: 0; background: rgba(10,12,15,.4); backdrop-filter: blur(2px); opacity: 0; transition: opacity .3s ease;}
.mm-insdrawer.is-open .mm-insdrawer__scrim{opacity: 1;}
.mm-insdrawer__panel{position: absolute; top: 0; left: 0; bottom: 0; width: min(310px, 85vw); display: flex; flex-direction: column; gap: 20px; padding: 13px 16px 16px 12px; background: var(--bg); box-shadow: 0 0 60px rgba(10,12,15,.28); overflow-y: auto; transform: translateX(-100%); transition: transform .32s cubic-bezier(.4,0,.2,1);}
.mm-insdrawer.is-open .mm-insdrawer__panel{transform: none;}
.mm-insdrawer__head{display: flex; align-items: center; gap: 10px;}
.mm-insdrawer__close{color: var(--ink);}
.mm-insdrawer__close:hover{background: var(--bg-soft);}
.mm-insdrawer__logo{display: flex; align-items: center;}
.mm-insdrawer__logo:hover{opacity: 1;}
.mm-insdrawer__logo img{width: 66px; height: auto; display: block;}
.mm-insdrawer__nav{display: flex; flex-direction: column;}
.mm-insdrawer__nav a{display: flex; align-items: center; gap: 12px; padding: 10px 10px; border-radius: 10px; font-size: 14.5px; font-weight: 600; color: var(--ink); transition: background .15s ease;}
.mm-insdrawer__nav a:hover{background: var(--bg-soft); opacity: 1;}
.mm-insdrawer__nav a > svg{width: 19px; height: 19px; flex: 0 0 auto; color: var(--muted);}
.mm-insdrawer__catdot{display: inline-flex; flex: 0 0 auto; color: var(--pillar, var(--brand-blue));}
.mm-insdrawer__catdot svg{width: 18px; height: 18px;}
.mm-insdrawer__divider{margin: 8px 0; border: 0; border-top: 1px solid var(--line);}
.mm-insdrawer__sub{border-top: 1px solid var(--line); padding-top: 18px;}
.mm-insdrawer__sub-title{font-size: 15px; font-weight: 600; color: var(--ink); margin: 0 0 4px;}
.mm-insdrawer__sub-sub{font-size: 12.5px; color: var(--muted); line-height: 1.5; margin: 0 0 14px;}
.mm-insdrawer__sub-input{width: 100%; border: 0; border-bottom: 1px solid var(--line); background: none; padding: 8px 2px; font-family: var(--sans); font-size: 13.5px; color: var(--ink);}
.mm-insdrawer__sub-input:focus{outline: none; border-bottom-color: var(--ink);}
.mm-insdrawer__sub-btn{margin-top: 14px; width: 100%; font-family: var(--sans); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--label-ls); color: #fff; background: var(--brand-blue); border: 0; border-radius: 8px; padding: 11px 22px; cursor: pointer; transition: opacity .2s ease;}
.mm-insdrawer__sub-btn:hover{opacity: .88;}
.mm-insdrawer__sub-ok{font-size: 12.5px; color: #2f7d6b; margin: 12px 0 0;}
.mm-insdrawer__sub-ok[hidden]{display: none;}
.mm-insdrawer__socials{display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 18px; padding-top: 4px;}
.mm-insdrawer__socials a{display: inline-flex;}
.mm-insdrawer__socials a:hover{opacity: .7;}
.mm-insdrawer__socials svg{width: 15px; height: 15px; display: block;}
.mm-insdrawer__copy{margin-top: auto; font-size: 11px; color: var(--muted);}
html.mm-ins-yt .mm-insdrawer{z-index: 1100;}
html.mm-insdrawer-open #mm-chat-fab{display: none !important;}
@media (max-width: 1024px),
       (min-width: 901px) and (max-width: 1366px) and (orientation: landscape) and (max-aspect-ratio: 3/2),
       (min-width: 901px) and (max-width: 1440px) and (orientation: landscape) and (any-pointer: coarse){
html.mm-ins-yt .mm-ins-stickbar .mm-ins-burger,
  .mm-article__readbar .mm-ins-burger{display: inline-flex;}
}
@media (max-width: 680px) and (orientation: portrait){
.mm-article__readbar .mm-ins-burger{display: none;}
}
.mm-article__rail{display: flex; flex-direction: column; gap: clamp(30px, 3vw, 44px); min-width: 0;}
.mm-article__comments-head{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px;}
.mm-article__comments-title{display: inline-flex; align-items: center; gap: 9px; font-size: 1.15rem; font-weight: 600; letter-spacing: -.01em; margin: 0; color: var(--ink);}
.mm-article__comments-title svg{width: 19px; height: 19px; color: var(--muted);}
.mm-article__comments-n{font-size: 13px; font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums;}
.mm-article__comments-n[hidden]{display: none;}
.mm-article__csort{position: relative;}
.mm-article__csort-btn{display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; padding: 6px 4px; font-family: var(--sans); font-size: 12.5px; color: var(--muted); cursor: pointer;}
.mm-article__csort-btn:hover{color: var(--ink);}
.mm-article__csort-btn svg{width: 15px; height: 15px;}
.mm-article__csort-menu{position: absolute; top: calc(100% + 4px); right: 0; z-index: 20; min-width: 150px; padding: 6px; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 12px 30px -10px rgba(20,22,24,.28);}
.mm-article__csort-menu[hidden]{display: none;}
.mm-article__csort-menu button{display: block; width: 100%; text-align: left; border: 0; background: none; padding: 8px 11px; border-radius: 7px; font-family: var(--sans); font-size: 13px; color: var(--ink); cursor: pointer;}
.mm-article__csort-menu button:hover{background: var(--bg-soft);}
.mm-article__csort-menu button.is-active{color: var(--brand-blue); font-weight: 600;}
.mm-article__cform{margin-bottom: 26px;}
.mm-article__composer{display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start;}
.mm-article__cavatar-wrap{position: relative; width: 40px; height: 40px;}
.mm-article__cavatar{position: relative; width: 40px; height: 40px; padding: 0; border: 0; background: none; cursor: pointer;}
.mm-article__cavatar-circle{width: 40px; height: 40px; border-radius: 50%; background: color-mix(in srgb, var(--pillar, var(--brand-blue)) 22%, #fff); color: color-mix(in srgb, var(--pillar, var(--brand-blue)) 80%, #000); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700;}
.mm-article__cavatar-edit{position: absolute; right: -3px; bottom: -3px; width: 17px; height: 17px; border-radius: 50%; background: var(--ink); color: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 0 0 2px var(--bg);}
.mm-article__cavatar-edit svg{width: 9px; height: 9px;}
.mm-article__avpop{position: absolute; top: calc(100% + 8px); left: 0; z-index: 30; width: 236px; padding: 12px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 16px 38px -12px rgba(20,22,24,.32);}
.mm-article__avpop[hidden]{display: none;}
.mm-article__avpop-label{font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--label-ls); color: var(--muted); margin: 0 0 8px;}
.mm-article__avpop-label + .mm-article__avpop-row{margin-bottom: 12px;}
.mm-article__avpop-row{display: flex; flex-wrap: wrap; gap: 6px;}
.mm-article__avpick{width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 50%; background: var(--bg-soft); font-size: 16px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; transition: transform .12s ease;}
.mm-article__avpick:hover{transform: scale(1.08);}
.mm-article__avpick.is-active{border-color: var(--ink); box-shadow: 0 0 0 2px var(--ink);}
.mm-article__avpick [data-avpick-letter]{font-size: 14px; font-weight: 700; color: var(--muted);}
.mm-article__avcolor{width: 26px; height: 26px; border: 0; border-radius: 50%; cursor: pointer; padding: 0; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); transition: transform .12s ease;}
.mm-article__avcolor:hover{transform: scale(1.12);}
.mm-article__avcolor.is-active{box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ink);}
.mm-article__cfield{min-width: 0; display: flex; flex-direction: column; gap: 12px;}
.mm-article__cinput{position: relative;}
.mm-article__cbody{width: 100%; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; padding: 8px 34px 8px 2px; font-family: var(--sans); font-size: 14px; line-height: 1.55; color: var(--ink); resize: none; min-height: 24px; overflow: hidden;}
.mm-article__cform.is-active .mm-article__cbody{padding: 10px 34px 10px 2px; resize: vertical; min-height: 48px;}
.mm-article__cbody:focus{outline: none; border-bottom-color: var(--ink);}
.mm-article__cemoji{position: absolute; right: 2px; bottom: 4px; width: 26px; height: 26px; border: 0; background: none; border-radius: 50%; color: var(--muted); cursor: pointer; display: inline-flex; align-items: center; justify-content: center;}
.mm-article__cemoji:hover{background: var(--bg-soft); color: var(--ink);}
.mm-article__cemoji svg{width: 18px; height: 18px;}
.mm-article__emojipop{position: absolute; right: 0; bottom: calc(100% + 6px); z-index: 20; display: grid; grid-template-columns: repeat(6, 1fr); gap: 2px; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 30px -10px rgba(20,22,24,.28);}
.mm-article__emojipop[hidden]{display: none;}
.mm-article__emojiitem{width: 30px; height: 30px; border: 0; background: none; border-radius: 8px; font-size: 17px; line-height: 1; cursor: pointer;}
.mm-article__emojiitem:hover{background: var(--bg-soft);}
.mm-article__cextra{display: none; gap: 10px;}
.mm-article__cform.is-active .mm-article__cextra{display: flex;}
.mm-article__cextra input{flex: 1; min-width: 0; border: 0; border-bottom: 1px solid var(--line); background: none; padding: 7px 2px; font-family: var(--sans); font-size: 13px; color: var(--ink);}
.mm-article__cextra input:focus{outline: none; border-bottom-color: var(--ink);}
.mm-article__cform-foot{display: none; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 14px;}
.mm-article__cform.is-active .mm-article__cform-foot{display: flex;}
.mm-article__cstatus{margin-right: auto;}
.mm-article__ccancel{font-family: var(--sans); font-size: 12.5px; font-weight: 600; color: var(--muted); background: none; border: 0; padding: 10px 12px; cursor: pointer;}
.mm-article__ccancel:hover{color: var(--ink);}
.mm-article__cbtn{font-family: var(--sans); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--label-ls); color: #fff; background: var(--brand-blue); border: 0; border-radius: 8px; padding: 10px 20px; cursor: pointer; transition: opacity .2s ease;}
.mm-article__cbtn:hover{opacity: .88;}
.mm-article__cbtn:disabled{opacity: .5; cursor: default;}
.mm-article__cstatus{font-size: 12px;}
.mm-article__cstatus.is-ok{color: #2f7d6b;}
.mm-article__cstatus.is-err{color: var(--brand-red);}
.mm-article__cstatus[hidden]{display: none;}
.mm-article__cempty{font-size: 13.5px; color: var(--muted); font-style: italic; margin: 0;}
.mm-article__clist{display: flex; flex-direction: column; gap: 20px;}
.mm-article__citem{display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px;}
.mm-article__cav{width: 34px; height: 34px; border-radius: 50%; background: var(--bg-soft); color: var(--muted); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700;}
.mm-article__cmain{min-width: 0;}
.mm-article__cmeta{display: flex; align-items: baseline; gap: 8px; margin-bottom: 3px;}
.mm-article__cauthor{font-size: 13.5px; font-weight: 600; color: var(--ink);}
.mm-article__ctime{font-size: 11.5px; color: var(--muted);}
.mm-article__ctext{font-size: 14px; line-height: 1.6; color: var(--ink); margin: 0; overflow-wrap: break-word;}
.mm-article__sub{border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: clamp(24px, 3vw, 32px) 0 0;}
.mm-article__sub .mm-yt-sub__title{font-size: 15px; font-weight: 600; color: var(--ink); margin: 0 0 4px;}
.mm-article__sub .mm-yt-sub__sub{font-size: 12.5px; color: var(--muted); line-height: 1.5; margin: 0 0 14px;}
.mm-article__sub .mm-yt-sub__input{width: 100%; border: 0; border-bottom: 1px solid var(--line); background: none; padding: 8px 2px; font-family: var(--sans); font-size: 13.5px; color: var(--ink);}
.mm-article__sub .mm-yt-sub__input:focus{outline: none; border-bottom-color: var(--ink);}
.mm-article__sub .mm-yt-sub__btn{margin-top: 14px; width: 100%; font-family: var(--sans); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--label-ls); color: #fff; background: var(--brand-blue); border: 0; border-radius: 8px; padding: 11px 22px; cursor: pointer; transition: opacity .2s ease;}
.mm-article__sub .mm-yt-sub__btn:hover{opacity: .88;}
.mm-article__sub .mm-yt-sub__ok{font-size: 12.5px; color: #2f7d6b; margin: 12px 0 0;}
.mm-article__sub .mm-yt-sub__ok[hidden]{display: none;}
.mm-article__rfeed{display: block;}
.mm-article__rfeed-title{font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--label-ls); color: var(--muted); margin: 0 0 14px;}
.mm-article__rcats{position: relative; margin: 0 0 16px;}
.mm-article__rcats-track{display: flex; gap: 8px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none;}
.mm-article__rcats-track::-webkit-scrollbar{display: none;}
.mm-article__rcats-track .mm-yt__pill{flex: 0 0 auto;}
.mm-article__rcats-nav{position: absolute; top: 0; height: 100%; width: 40px; border: 0; cursor: pointer; display: inline-flex; align-items: center; color: var(--ink); z-index: 2;}
.mm-article__rcats-nav[hidden]{display: none;}
.mm-article__rcats-nav svg{width: 18px; height: 18px;}
.mm-article__rcats-prev{left: 0; justify-content: flex-start; padding-left: 2px; background: linear-gradient(90deg, var(--bg) 42%, transparent);}
.mm-article__rcats-next{right: 0; justify-content: flex-end; padding-right: 2px; background: linear-gradient(90deg, transparent, var(--bg) 42%);}
.mm-article__rlist{display: flex; flex-direction: column; gap: 18px;}
.mm-article__ritem{position: relative; display: grid; grid-template-columns: 148px minmax(0, 1fr) 30px; gap: 14px; align-items: start;}
.mm-article__ritem[hidden]{display: none;}
.mm-article__rthumb{display: block; overflow: hidden; border-radius: 9px; aspect-ratio: 16 / 10; background: var(--bg-soft);}
.mm-article__rthumb img{width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.2,1);}
.mm-article__ritem:hover .mm-article__rthumb img{transform: scale(1.05);}
.mm-article__rtext{min-width: 0; color: var(--ink);}
.mm-article__rtext:hover{opacity: 1;}
.mm-article__rtitle{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13.5px; font-weight: 600; line-height: 1.32;}
.mm-article__rtext:hover .mm-article__rtitle{color: var(--brand-blue);}
.mm-article__rmeta{display: block; margin-top: 5px; font-size: 11.5px; color: var(--muted);}
.mm-article__rkebab{align-self: start; width: 28px; height: 28px; margin: -2px -4px 0 0; border: 0; background: none; color: var(--muted); cursor: pointer; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; transition: background .18s ease, color .18s ease;}
.mm-article__rkebab:hover{background: var(--bg-soft); color: var(--ink);}
.mm-article__rkebab svg{width: 17px; height: 17px;}
.mm-article__rmenu{position: absolute; right: -4px; top: 30px; z-index: 200; min-width: 156px; padding: 6px; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 12px 30px -10px rgba(20,22,24,.28);}
.mm-article__rmenu[hidden]{display: none;}
.mm-article__rmenu button{display: flex; align-items: center; gap: 10px; width: 100%; border: 0; background: none; padding: 9px 11px; border-radius: 7px; font-family: var(--sans); font-size: 13px; text-align: left; color: var(--ink); cursor: pointer;}
.mm-article__rmenu button:hover{background: var(--bg-soft);}
.mm-article__rmenu button svg{width: 16px; height: 16px; flex: 0 0 auto; color: var(--muted);}
@media (max-width: 1024px){
.mm-article__rlist{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 clamp(24px, 3vw, 40px);}
}
@media (max-width: 520px){
.mm-article__rlist{grid-template-columns: 1fr;}
}
@media (min-width: 901px) and (max-width: 1366px) and (orientation: landscape) and (max-aspect-ratio: 3/2),
       (min-width: 901px) and (max-width: 1440px) and (orientation: landscape) and (any-pointer: coarse){
.mm-article__rlist{display: flex; flex-direction: column; gap: 18px;}
}
@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait),
       (orientation: landscape) and (max-height: 500px),
       (max-width: 520px){
.mm-article__sub,
  .mm-article__rfeed-title,
  .mm-article__rcats{display: none;}
.mm-article__ritem{grid-template-columns: minmax(0, 1fr) 28px; grid-template-areas: "thumb thumb" "text kebab"; gap: 10px 8px; align-items: start;}
.mm-article__rthumb{grid-area: thumb; aspect-ratio: 16 / 9; border-radius: 12px;}
.mm-article__rtext{grid-area: text;}
.mm-article__rtitle{font-size: 14px;}
.mm-article__rkebab{grid-area: kebab; margin: 0;}
.mm-article__rmenu{top: auto; bottom: 34px; right: 0;}
}
@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait),
       (orientation: landscape) and (max-height: 500px){
.mm-article__rlist{display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px 20px;}
}
@media (max-width: 520px){
.mm-article__rlist{display: grid; grid-template-columns: 1fr; gap: 22px;}
}
@media (orientation: portrait) and (max-width: 599px){
.mm-article__rthumb{aspect-ratio: auto;}
.mm-article__rthumb.is-empty{aspect-ratio: 16 / 9;}
.mm-article__rthumb img{height: auto; object-fit: unset;}
}
@media (orientation: portrait) and (max-width: 520px){
.mm-article__rfeed{margin-left: -20px; margin-right: -20px;}
.mm-article__rthumb{border-radius: 0;}
.mm-article__rtext{padding-left: 16px;}
.mm-article__rkebab{margin-right: 12px;}
.mm-article__rmenu{right: 12px;}
}
.mm-article--missing{text-align: center; padding: clamp(70px, 12vw, 160px) 0;}
.mm-article--missing .mm-article__eyebrow{font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--label-ls); color: var(--muted); margin-bottom: 14px;}
.mm-article--missing .mm-article__title{margin-bottom: .4em;}
.mm-article--missing .mm-article__lead{color: var(--muted); max-width: 460px; margin: 0 auto 28px;}
.mm-lib{padding-top: clamp(20px, 3vw, 40px); padding-bottom: clamp(60px, 8vw, 110px);}
.mm-sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
.mm-yt--trend .mm-yt__grid, .mm-yt--trend.is-rail .mm-yt__grid{grid-template-columns: repeat(4, 1fr);}
.mm-trend-tabbar{display: flex; align-items: flex-end; gap: 2px; border-bottom: 1px solid var(--line); margin: 0 0 clamp(18px, 2.4vw, 28px);}
.mm-trend-tab{margin-bottom: -1px; padding: 9px 14px; border: 0; border-bottom: 2px solid transparent; background: none; font-family: var(--sans); font-size: 14px; font-weight: 500; color: var(--muted); cursor: pointer; transition: color .18s ease, border-color .18s ease;}
.mm-trend-tab:hover{color: var(--ink);}
.mm-trend-tab.is-active{color: var(--ink); font-weight: 700; border-bottom-color: #e2683b;}
.mm-trend-tab:focus-visible{outline: 2px solid #e2683b; outline-offset: 2px; border-radius: 4px;}
.mm-trend-tabbar--stick{flex: 1 1 auto; min-width: 0; margin: 0; border-bottom: 0; overflow-x: auto; scrollbar-width: none;}
.mm-trend-tabbar--stick::-webkit-scrollbar{display: none;}
.mm-trend-tabbar--stick .mm-trend-tab{flex: 0 0 auto; padding: 8px 12px;}
.mm-trend-panel[hidden]{display: none;}
.mm-trend-panel .mm-yt__grid{counter-reset: mmrank;}
.mm-trend-panel .mm-yt-card{counter-increment: mmrank;}
.mm-yt-card__rank{position: absolute; top: 10px; left: 10px; z-index: 2; display: flex; align-items: center; justify-content: center; min-width: 26px; height: 26px; padding: 0 7px; border-radius: 999px; background: rgba(255,255,255,.95); color: var(--ink); font-family: var(--sans); font-size: 13px; font-weight: 800; line-height: 1; box-shadow: 0 2px 8px rgba(10,12,15,.20);}
.mm-yt-card__rank::before{content: counter(mmrank);}
.mm-yt__railitem.is-active{color: var(--ink);}
.mm-yt__railitem.is-active svg{color: #e2683b;}
@media (max-width: 1200px){
.mm-yt--trend .mm-yt__grid, .mm-yt--trend.is-rail .mm-yt__grid{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 1024px){
.mm-yt--trend .mm-yt__grid, .mm-yt--trend.is-rail .mm-yt__grid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 560px){
.mm-yt--trend .mm-yt__grid, .mm-yt--trend.is-rail .mm-yt__grid{grid-template-columns: 1fr;}
}
@media (min-width: 901px) and (max-width: 1366px) and (orientation: landscape) and (max-aspect-ratio: 3/2),
       (min-width: 901px) and (max-width: 1440px) and (orientation: landscape) and (any-pointer: coarse){
.mm-yt--trend .mm-yt__grid, .mm-yt--trend.is-rail .mm-yt__grid{grid-template-columns: repeat(3, 1fr);}
.mm-yt .mm-lib__grid, .mm-yt.is-rail .mm-lib__grid{grid-template-columns: repeat(3, 1fr);}
}
.mm-ins-stickbar{position: fixed; top: 0; left: 0; right: 0; z-index: 110; background: var(--bg); transform: translateY(-100%); transition: transform .35s ease; will-change: transform;}
.mm-ins-stickbar.is-shown{transform: none;}
.mm-ins-stickbar__inner{display: flex; align-items: center; gap: clamp(16px, 3vw, 32px); height: 58px; padding: 0 clamp(14px, 2.5vw, 24px) 0 19px;}
.mm-ins-stickbar__lead{flex: 0 0 auto; display: flex; align-items: center; gap: 12px;}
.mm-ins-stickbar .mm-ins-burger{color: var(--ink);}
.mm-ins-stickbar .mm-ins-burger:hover{background: var(--bg-soft);}
.mm-ins-stickbar__logo{flex: 0 0 auto; display: flex; align-items: center;}
.mm-ins-stickbar__logo:hover{opacity: 1;}
.mm-ins-stickbar__logo img{width: 66px; height: auto; display: block;}
.mm-ins-stickbar__pills{display: flex; gap: 8px; overflow-x: auto; min-width: 0; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.mm-ins-stickbar__pills::-webkit-scrollbar{display: none;}
.mm-ins-stickbar__pills .mm-yt__pill{flex: 0 0 auto;}
.mm-ins-stickbar--trend .mm-ins-stickbar__inner{display: grid; grid-template-columns: 1fr auto 1fr;}
.mm-ins-stickbar--trend .mm-ins-stickbar__lead{justify-self: start;}
.mm-ins-stickbar--trend .mm-trend-tabbar--stick{justify-self: center;}
.mm-ins-stickbar--plain .mm-ins-stickbar__logo{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
@media (max-width: 600px){
.mm-ins-stickbar__logo{display: none;}
}
@media (max-width: 600px){
.mm-ins-stickbar--plain .mm-ins-stickbar__logo{display: flex; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
}
.mm-yt-card__menu-item.is-on{color: var(--brand-blue);}
.mm-yt-card__menu-item.is-on svg{color: var(--brand-blue);}
.mm-yt-trend__head a{color: inherit;}
.mm-yt-trend__head a:hover{color: var(--brand-blue); opacity: 1;}
.mm-yt-lib{border-top: 1px solid var(--line); padding-top: 16px;}
.mm-yt-lib__head{font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--label-ls); color: var(--muted); margin: 0 0 6px;}
.mm-yt-lib__row{display: flex; align-items: center; gap: 12px; padding: 9px 8px; margin: 0 -8px; border-radius: 9px; font-size: 13.5px; font-weight: 500; color: var(--ink); transition: background .15s ease;}
.mm-yt-lib__row:hover{background: var(--bg-soft); opacity: 1;}
.mm-yt-lib__ic{display: inline-flex; flex: 0 0 auto; color: var(--muted);}
.mm-yt-lib__ic svg{width: 17px; height: 17px;}
.mm-yt-lib__label{flex: 1; min-width: 0;}
.mm-yt-lib__badge{flex: 0 0 auto; min-width: 22px; text-align: center; padding: 1px 7px; border-radius: 10px; background: var(--bg-soft); color: var(--muted); font-size: 11px; font-weight: 700; line-height: 1.6; font-variant-numeric: tabular-nums;}
.mm-yt-lib__badge.is-zero{opacity: .55;}
.mm-lib__head{margin-bottom: clamp(22px, 3vw, 38px);}
.mm-lib__title{font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 400; letter-spacing: -.02em; margin: 0 0 .3em;}
.mm-lib__lead{color: var(--muted); font-size: 15px; line-height: 1.6; margin: 0; max-width: 620px;}
.mm-lib__sec{margin-bottom: clamp(34px, 5vw, 60px);}
.mm-lib__sechead{display: flex; align-items: center; gap: 10px; margin-bottom: 22px; padding-bottom: 14px; border-bottom: 1px solid var(--line);}
.mm-lib__icon{display: inline-flex; color: var(--muted);}
.mm-lib__icon svg{width: 20px; height: 20px;}
.mm-lib__sectitle{font-size: clamp(1.2rem, 2vw, 1.5rem); font-weight: 500; margin: 0;}
.mm-lib__count{font-size: 13px; color: var(--muted); margin-right: auto;}
.mm-lib__viewall{font-family: var(--sans); font-size: 12.5px; font-weight: 600; letter-spacing: .01em; color: var(--brand-blue); white-space: nowrap;}
.mm-lib__viewall:hover{opacity: 1; text-decoration: underline; text-underline-offset: 3px;}
.mm-lib__clear{margin-left: 14px; display: inline-flex; align-items: center; gap: 6px; font-family: var(--sans); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); background: none; border: 0; cursor: pointer;}
.mm-lib__clear:hover{color: #9c4a2c; opacity: 1;}
.mm-lib__clear svg{width: 15px; height: 15px;}
.mm-lib__emptytext{color: var(--muted); font-size: 14px; padding: 6px 0 4px; margin: 0;}
.mm-liblist__back{display: inline-flex; align-items: center; font-family: var(--sans); font-size: 13px; font-weight: 600; letter-spacing: .01em; color: var(--muted); margin: 0 0 clamp(14px, 2vw, 24px); transition: color .18s ease;}
.mm-liblist__back:hover{color: var(--ink); opacity: 1;}
.mm-liblist{display: grid; grid-template-columns: minmax(0, 860px) 200px; gap: clamp(28px, 4vw, 56px); justify-content: center; align-items: start;}
.mm-liblist__main{min-width: 0;}
.mm-liblist__head{margin-bottom: clamp(24px, 3.5vw, 40px);}
.mm-liblist__titlerow{display: flex; align-items: center; gap: 10px;}
.mm-liblist__ic{display: inline-flex; color: var(--muted);}
.mm-liblist__ic svg{width: 22px; height: 22px;}
.mm-liblist__title{font-family: var(--serif); font-weight: 400; font-size: clamp(1.55rem, 2.6vw, 2rem); letter-spacing: -.02em; margin: 0;}
.mm-liblist__count{font-size: 13px; color: var(--muted); margin: 7px 0 0;}
.mm-liblist__group{margin-bottom: clamp(30px, 4.5vw, 50px);}
.mm-liblist__group:last-child{margin-bottom: 0;}
.mm-liblist__grouplabel{font-family: var(--sans); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--muted); margin: 0 0 clamp(14px, 2vw, 18px);}
.mm-liblist__emptytext{color: var(--muted); font-size: 14px;}
.mm-liblist .mm-yt__grid{display: flex; flex-direction: column; gap: 0;}
.mm-liblist .mm-lib-card{flex-direction: row; align-items: flex-start; gap: 16px; padding: 16px 0; margin: 0; border-radius: 0;}
.mm-liblist .mm-lib-card:hover{padding: 16px 0; margin: 0; background: none; box-shadow: none;}
.mm-liblist .mm-lib-card + .mm-lib-card{border-top: 1px solid var(--line);}
.mm-liblist .mm-lib-card .mm-yt-card__thumb{flex: 0 0 200px; width: 200px; aspect-ratio: 16 / 9; border-radius: 12px;}
.mm-liblist .mm-lib-card .mm-yt-card__foot{flex: 1 1 auto; min-width: 0; padding: 2px 0 0;}
.mm-liblist .mm-lib-card .mm-yt-card__av{display: none;}
.mm-liblist .mm-lib-card .mm-yt-card__title{font-size: 15.5px; margin-bottom: 6px;}
@media (max-width: 560px){
.mm-liblist .mm-lib-card{gap: 12px;}
.mm-liblist .mm-lib-card .mm-yt-card__thumb{flex-basis: 130px; width: 130px;}
.mm-liblist .mm-lib-card .mm-yt-card__title{font-size: 14px;}
}
.mm-liblist__rail{position: sticky; top: 76px; align-self: start; display: flex; flex-direction: column; gap: 18px; padding-top: 46px;}
.mm-liblist__raillink{display: inline-flex; align-items: center; gap: 9px; border: 0; background: none; padding: 0; font-family: var(--sans); font-size: 14px; font-weight: 600; color: var(--ink); cursor: pointer;}
.mm-liblist__raillink:hover{color: var(--brand-blue); opacity: 1;}
.mm-liblist__raillink svg{width: 17px; height: 17px; color: var(--muted);}
.mm-liblist__raillink[hidden]{display: none;}
.mm-liblist__actions{display: none; justify-content: flex-end; margin-bottom: clamp(20px, 3vw, 32px);}
.mm-liblist.is-empty .mm-liblist__actions{display: none;}
.mm-liblist__clearpill{font-family: var(--sans); font-size: 12.5px; font-weight: 500; color: var(--ink); background: var(--bg-soft); border: 1px solid transparent; border-radius: 999px; padding: 8px 16px; cursor: pointer; transition: background .18s ease, color .18s ease;}
.mm-liblist__clearpill:hover{background: var(--cream); opacity: 1;}
.mm-liblist__clearpill[hidden]{display: none;}
@media (max-width: 1024px){
.mm-liblist{grid-template-columns: 1fr;}
.mm-liblist__rail{display: none;}
.mm-liblist__actions{display: flex;}
}
@media (min-width: 1025px){
.mm-liblist.is-empty{grid-template-columns: minmax(0, 860px);}
.mm-liblist.is-empty .mm-liblist__rail{display: none;}
}
html.mm-livebar-on .mm-site-header,
html.mm-livebar-on .mm-article__readbar,
html.mm-livebar-on .mm-ins-stickbar{top: var(--mm-livebar-h);}

@keyframes mmlistenpulse{0%   { transform: scale(.9);  opacity: .85; }
    100% { transform: scale(1.22); opacity: 0; }}

/* ============================================================================
   BM Garage adjustments. Everything above is MM's layout verbatim; this block is
   only what has to differ because the furniture around it is BM's.
   ============================================================================ */

/* BM's wordmark is a wide PNG; MM's rules size an MM wordmark. Bound it by height. */
.mm-ins-stickbar__logo img,
.mm-article__readbar-logo img,
.mm-insdrawer__logo img { height: 22px; width: auto; max-width: 150px; display: block; }

/* A view count is shown only once it is a real, counted number worth showing. Until the
   counter has reported one the element stays empty, and an empty count must not leave a
   stray separator dot beside it. */
[data-card-views]:empty, [data-views]:empty, [data-views-el]:empty { display: none; }
[data-card-views]:empty + span[aria-hidden], [data-views]:empty + span[aria-hidden] { display: none; }

/* The `hidden` attribute ALWAYS wins inside Insights.
   An author `display:` rule beats the browser's own [hidden]{display:none}, so MM answers it
   one component at a time (nineteen such rules are lifted above). That leaves gaps, and the
   gaps here are not cosmetic: .mm-yt-card__rank is display:flex, so a rank badge marked hidden
   because NOTHING HAS BEEN READ YET would still be drawn, numbering the newest post "1" - a
   ranking with no data behind it. Same for the Trending widget and the Clear buttons.
   Scoped to the Insights containers, so nothing outside this section is touched. */
.mm-yt [hidden],
.mm-article [hidden],
.mm-insdrawer [hidden],
.mm-ins-stickbar [hidden],
.mm-yt-bottnav [hidden] { display: none !important; }

/* MM's article header is a transparent OVERLAY lying on top of the hero, so MM pads the hero by
   the header's own 58px to clear it. BM's header is solid and fixed, and <body> already carries
   the padding that clears it - measured: with MM's rule the cover sat 82px below the header,
   58px of which was dead space. Keep MM's breathing room, drop the allowance for a header that
   is not there. */
body.mm-article-page .mm-article__hero { padding-top: clamp(24px, 3vw, 44px); }

/* The article keeps BM's footer (address, hours, service links). Only the app-shell pages
   hide it, exactly as MM does, because their sidebar carries the fine print instead. */

/* THE READING BAR'S LOGO SITS LEVEL WITH THE HAMBURGER (Heng, 09/10/2026: "lower the logo a bit
   so same level as hamburger"). MM lifts its own wordmark 3px there (translateY(-3px)) because
   that artwork sits low in its file. BM's logo is centred in its file - measured: the ink runs
   from row 19 to row 101 of 123 - so the same nudge left it 3px ABOVE the icon beside it. */
.mm-article__readbar-logo img { transform: none; }

/* The related-articles thumbnail is 16:10 on MM, where a cover is a photograph and a crop costs
   nothing. BM's cover is a title card: trimming 5% off each side put its headline on the very
   edge of the thumbnail (Heng, 09/10/2026: "the heading is too close to edge"). Show all of it. */
.mm-article__rthumb { aspect-ratio: 16 / 9; }

/* A photograph in the body of an article (tools/insight_photos.py). Its width and height are in
   the markup, so the text below it does not jump when the picture arrives. */
.mm-article__photo { margin: 2.4em 0; }
.mm-article__photo img { display: block; width: 100%; height: auto; border-radius: 14px; background: var(--bg-soft, #f1f2f3); }
/* The site's --muted grey is for a date under a headline; a sentence somebody is meant to read
   gets a darker one (about 5.8:1 on white). */
.mm-article__photo figcaption { margin-top: 10px; font-size: 13.5px; line-height: 1.5; color: #62676c; }
/* "Photo by ... on Pexels": on its own line, quieter than the caption, and its links are the
   caption's colour rather than the article's link blue. */
.mm-article__photo .mm-article__photo-credit { display: block; margin-top: 2px; font-size: 12px; }
.mm-article__photo .mm-article__photo-credit a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* "1 view · 5 min ago": the dot belongs to the count, so it is not there when the count is not. */
.mm-article__rmeta [data-rviews]:not(:empty)::after { content: " \00b7"; }

/* KEY FACTS: a panel inside an article that states its two or three figures at a glance.
   BM's own; MM's posts have nothing like it. Heng asked for images to break up the text
   (09/10/2026). A picture of text would be unreadable at phone width and invisible to a search
   engine, so this is real text laid out as a card: it reflows to one column on a phone, and the
   build checks every figure in it against the post's sources like any other sentence.
   --pillar is set inline to the post's topic colour. */
.mm-article__facts { --pillar: var(--brand-blue, #0266b1); margin: 2.4em 0; padding: 22px 24px 24px; border-radius: 14px;
  background: color-mix(in srgb, var(--pillar) 8%, #fff); border: 1px solid color-mix(in srgb, var(--pillar) 22%, #fff); }
.mm-article__facts-title { display: block; margin: 0 0 16px; font-size: 12px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--pillar); }
.mm-article__facts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 18px 24px; }
.mm-article__fact { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.mm-article__fact-value { font-size: 24px; line-height: 1.18; font-weight: 600; letter-spacing: -.01em; color: var(--ink, #1c2126); }
.mm-article__fact-label { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pillar); }
.mm-article__fact-text { font-size: 15px; line-height: 1.5; color: var(--text, #3a4149); }
@media (max-width: 560px) {
  .mm-article__facts { padding: 18px 18px 20px; }
  .mm-article__fact-value { font-size: 22px; }
}

/* A key fact in another language can be one long word: German writes "wear indicators" as
   "Verschleißindikatoren", which ran out of its column and over the next figure (seen 10/10/2026).
   A word that cannot fit is broken, with a hyphen where the browser knows the language. */
.mm-article__fact-value, .mm-article__fact-label { overflow-wrap: anywhere; hyphens: auto; }

/* THE TRANSLATE BUTTON, on a page that is not in English (Heng, 10/10/2026). MM's icon is drawn
   in strokes, and the rule above that FILLS a pressed icon turns it into a blob - the listen icon
   has the same answer two rules further up. While the words are on their way the button dims and
   cannot be pressed a second time. */
.mm-article__act[data-act="translate"].is-on { color: var(--brand-blue); }
.mm-article__act[data-act="translate"].is-on svg { fill: none; stroke: currentColor; }
.mm-article__act[data-act="translate"].is-busy { opacity: .5; cursor: progress; pointer-events: none; }
/* Shown above the article only while it is translated: the English is the original. */
.mm-article__trnote { margin: 0 0 1.6em; padding: 10px 14px; border-radius: 10px; background: var(--bg-soft, #f1f2f3);
  color: #62676c; font-size: 13.5px; line-height: 1.5; }
/* "Link copied" and "Copied" are written by two rules above, in English, and a stylesheet cannot
   be translated. On a translated page the script puts the words on the button; they are read
   from there. */
.mm-article__act.is-copied[data-copied]::after,
.mm-article__readbar-sbtn.is-copied[data-copied]::after { content: attr(data-copied); }