/* Every page as an app screen on phones (2026-11-11, owner); js/m-shell.js
   adds html.m-shell. Computers are not concerned. */
@media (max-width: 767.98px) {
  html.m-shell { --header-h: 56px; }
  html.m-shell body { background: #f2f4f7; }
  /* The header as an app bar. */
  html.m-shell header.header { height: 56px !important; min-height: 56px !important; padding-block: 0 !important; box-shadow: 0 1px 0 #e6eaf0, 0 2px 8px rgba(11, 42, 69, .06); }
  html.m-shell header.header > * { min-height: 0 !important; }
  html.m-shell header.header .container, html.m-shell header.header .header__inner { display: flex !important; align-items: center !important; gap: .25rem !important; height: 56px !important; padding-inline: .35rem .5rem !important; }
  html.m-shell main { padding-top: 56px !important; }
  html.m-shell header.header .ec-logo--mobile img, html.m-shell header.header .ec-logo--mobile .logo__mark, html.m-shell header.header .ec-logo--mobile svg { width: 36px !important; height: 36px !important; }
  html.m-shell:not(.m-shell--home) header.header .ec-logo--mobile .logo__text { display: none !important; }
  html.m-shell header.header .ec-logo--mobile .logo__name { font-size: 1.35rem !important; }
  .msh-back { display: none; }
  html.m-shell:not(.m-shell--home) .msh-back { display: inline-grid; place-items: center; flex: none; width: 40px; height: 44px; margin-right: -.1rem; color: #0b2a45; }
  .msh-title { display: none; }
  html.m-shell:not(.m-shell--home) .msh-title { display: block; flex: 1; min-width: 0; margin-left: .45rem; overflow: hidden; color: #0b2a45; font-size: 1rem; font-weight: 800; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
  html.m-shell header.header .lang-menu { margin-left: auto; }
  html.m-shell:not(.m-shell--home) header.header .lang-menu { margin-left: .15rem; }
  html.m-shell header.header .lang-menu__toggle { height: 36px !important; min-height: 36px !important; padding: 0 .55rem !important; border-radius: 18px !important; background: #eef2f7 !important; color: #0b2a45 !important; font-size: .78rem !important; }
  html.m-shell header.header .nav-handler { width: 44px !important; height: 44px !important; flex: none; }

  /* Page headers: compact, the title already in the app bar on inner pages. */
  html.m-shell .page-hero, html.m-shell .ec-phero, html.m-shell .ob-xhero { min-height: 0 !important; }
  html.m-shell .ec-phero__inner, html.m-shell .ob-xhero__inner { padding-block: 1rem 1.1rem !important; }
  html.m-shell main h1 { font-size: clamp(1.35rem, 6vw, 1.6rem) !important; line-height: 1.2 !important; }
  html.m-shell main h2 { font-size: clamp(1.1rem, 5vw, 1.3rem); }
  html.m-shell .ob-xhero__bg { opacity: .25; }

  /* Filters folded behind one button. */
  .msh-fold.is-closed > .msh-fold__field { display: none !important; }
  .msh-fold__btn { display: flex; grid-column: 1 / -1; align-items: center; gap: .5rem; width: 100%; min-height: 46px; padding: 0 1rem; border: 1px solid #d5dde6; border-radius: 14px; background: #fff; color: #0b2a45; font: inherit; font-size: .95rem; font-weight: 700; cursor: pointer; }
  .msh-fold__btn b { margin-left: auto; padding: .15rem .55rem; border-radius: 10px; background: #e6f1fb; color: #0077be; font-size: .75rem; }
  .msh-fold__btn[aria-expanded="true"] { border-color: #0077be; box-shadow: 0 0 0 2px rgba(0, 119, 190, .15); }
}
@media (max-width: 767.98px) {
  /* Decorative badges and big icons off; long introductions shortened. */
  html.m-shell :is(.svp-id__icon, .mc2-hero__meta, .ec-phero__kicker, .ob-xhero__kicker, [class*="hero__kicker"], [class*="hero__badge"]) { display: none !important; }
  html.m-shell :is(.mc2-hero__about, .obp-hero__lead, .ec-phero__lead, .gc-smart__lead) { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: .92rem !important; }
  html.m-shell .obp-hero__ask { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding: .6rem .8rem !important; font-size: .85rem !important; }
  html.m-shell .svp-btn--ghost { display: none !important; }
  html.m-shell :is(.mc2-hero__inner, .ec-phero__inner) { gap: .8rem !important; }
  /* Long live text on the home page: four lines. */
  html.m-shell .gc-live p, html.m-shell [class*="live"] blockquote { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
}