/* ═══════════════════════════════════════════════════════════
   هشت — لایهٔ وب‌اپ موبایل + منوی همبرگری از راست
   ═══════════════════════════════════════════════════════════ */

/* موبایل تلفن؛ از ۷۶۸px به بالا = تبلت/دسکتاپ با ناوبری افقی */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  :root {
    --header-h: 3.65rem;
    --sp-section: 3.5rem;
    --gutter: 1.1rem;
    --app-drawer-w: min(84vw, 19.5rem);
  }

  body {
    padding-bottom: env(safe-area-inset-bottom, 0);
  }

  .container {
    max-width: none;
    padding-inline: var(--gutter);
  }

  /* بدون transform روی هدر تا fixed کشو نسبت به ویوپورت کار کند */
  .site-header {
    height: var(--header-h);
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto;
  }

  .site-header.is-rolled {
    opacity: 0 !important;
    pointer-events: none;
  }

  .site-header.is-scrolled {
    background: var(--bg);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom-color: var(--line);
  }

  /* نوار موبایل: فقط منو (راست) + تم (چپ) */
  .header__inner {
    gap: 0;
  }

  .header__brand {
    display: none !important;
  }

  .header__tools {
    width: 100%;
    justify-content: space-between;
    margin: 0;
    opacity: 1 !important;
    transform: none !important;
  }

  .header__toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 2.5rem;
    height: 2.5rem;
    background: none;
    border: none;
    border-radius: 0;
    cursor: pointer;
    padding: 0;
    order: 0;
  }

  .header__toggle span {
    display: block;
    width: 1.2rem;
    height: 2px;
    margin-inline: auto;
    background: var(--text);
    border-radius: 2px;
    transition: transform 0.35s var(--ease-out), opacity 0.25s;
  }

  .theme-toggle {
    order: 1;
  }

  /* کشو از لبهٔ راست فیزیکی صفحه */
  .header__nav {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    bottom: 0;
    width: var(--app-drawer-w);
    height: 100dvh;
    margin: 0;
    padding: 0 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: var(--bg);
    border: none;
    border-left: 1px solid var(--line);
    box-shadow: -1.5rem 0 3rem rgba(0, 0, 0, 0.35);
    z-index: 200;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .header__nav.is-open {
    transform: translateX(0);
    pointer-events: auto;
  }

  .header__nav-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--line);
    position: sticky;
    top: 0;
    background: var(--bg);
    z-index: 2;
  }

  .header__nav-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--text);
    font-weight: 800;
    font-size: 1.05rem;
  }

  .header__nav-logo {
    height: 1.85rem;
    width: auto;
  }

  .header__nav-close {
    display: grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    padding: 0;
    transition: color 0.3s, transform 0.35s var(--ease-out);
  }

  .header__nav-close svg {
    width: 1.2rem;
    height: 1.2rem;
  }

  .header__nav-close:hover,
  .header__nav-close:active {
    color: var(--c-gold);
    transform: rotate(90deg);
  }

  /* لینک‌ها: بدون تداخل با انیمیشن هدر دسکتاپ */
  .header__nav > a {
    opacity: 0;
    transform: translateX(1rem);
    transition:
      opacity 0.35s var(--ease-out),
      transform 0.4s var(--ease-out),
      color 0.3s;
  }

  .header__nav.is-open > a {
    opacity: 1;
    transform: none;
  }

  .header__nav.is-open > a:nth-of-type(1) { transition-delay: 0.06s; }
  .header__nav.is-open > a:nth-of-type(2) { transition-delay: 0.1s; }
  .header__nav.is-open > a:nth-of-type(3) { transition-delay: 0.14s; }
  .header__nav.is-open > a:nth-of-type(4) { transition-delay: 0.18s; }
  .header__nav.is-open > a:nth-of-type(5) { transition-delay: 0.22s; }
  .header__nav.is-open > a:nth-of-type(6) { transition-delay: 0.26s; }
  .header__nav.is-open > a:nth-of-type(7) { transition-delay: 0.3s; }

  .header__nav:not(.is-open) > a {
    opacity: 0 !important;
    pointer-events: none;
  }

  body.drawer-open .site-header {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .header__link {
    padding: 1rem 1.25rem;
    font-size: 1.05rem;
    font-weight: 600;
    border-bottom: 1px solid var(--line);
    color: var(--text);
  }

  .header__link::after {
    display: none;
  }

  .header__cta {
    margin: 1.35rem 1.25rem 0;
    text-align: center;
    padding: 0.85rem 1rem;
    font-size: 1rem;
  }

  .app-scrim {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 190;
    background: var(--overlay);
    border: none;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.35s var(--ease-out), visibility 0.35s;
  }

  .app-scrim.is-on {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .hero {
    min-height: calc(100dvh - var(--header-h));
    padding-block: calc(var(--header-h) + 1.25rem) 2.5rem;
  }

  .hero-slide {
    grid-template-columns: 1fr !important;
    gap: 1.25rem;
  }

  .hero-slide__media {
    width: 100% !important;
    max-width: none;
    aspect-ratio: 16 / 10;
    border-radius: 1rem;
  }

  .hero-slide__vector-wrap {
    width: min(100%, 18rem) !important;
    max-width: 18rem !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .hero__title {
    font-size: clamp(2.1rem, 10vw, 2.8rem);
  }

  .hero__actions {
    flex-direction: column;
  }

  .hero__actions .btn {
    width: 100%;
  }

  .hero__scroll {
    display: none !important;
  }

  .section-head {
    margin-bottom: 1.75rem;
    max-width: none;
  }

  .concept__grid,
  .concept__marks,
  .arts__cards,
  .news__grid,
  .voices__grid,
  .activities__cards,
  .activities__stats,
  .maze__streams,
  .maze__peaks,
  .values__list,
  .footer__grid,
  .newsletter__inner,
  .pattern__inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.85rem !important;
  }

  /* گرید ثابت لوگوها روی موبایل حفظ شود */
  .icon-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 9.5rem)) !important;
    justify-content: center !important;
    gap: 0.85rem !important;
  }

  .concept__mark + .concept__mark {
    border-inline-start: none;
    border-top: 1px solid var(--line);
  }

  .value-row {
    grid-template-columns: 1fr !important;
    gap: 0.25rem !important;
  }

  .path__steps {
    grid-template-columns: 1fr !important;
  }

  .notice-row {
    grid-template-columns: 1fr !important;
  }

  .newsletter__inner {
    padding: 1.4rem !important;
  }

  .newsletter__form {
    grid-template-columns: 1fr;
  }

  .newsletter__submit,
  .join__actions .btn {
    width: 100%;
  }

  .join__actions {
    flex-direction: column;
    width: 100%;
  }

  .footer__grid {
    gap: 1.75rem !important;
  }

  .footer__licenses {
    max-width: 20rem;
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .footer__licenses li {
    max-width: none;
  }

  .modal__panel {
    max-height: 92dvh;
    border-radius: 1rem 1rem 0 0;
    align-self: end;
    width: 100%;
  }

  .modal {
    place-items: end center;
    padding: 0;
  }

  .modal__navs {
    grid-template-columns: repeat(3, 1fr);
  }

  body.drawer-open {
    overflow: hidden;
  }
}

@media (min-width: 821px) {
  .app-scrim,
  .header__nav-top {
    display: none !important;
  }

  .header__toggle {
    display: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   R83 — Mobile Web-App mode (phones only)
   The desktop site remains untouched above 767px.
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  html[data-mobile-webapp="true"] {
    scroll-behavior: auto !important;
  }

  /* Disable the desktop motion system on phones. The highlighted "هشت چیست؟"
     button below is the only deliberate micro-motion exception. */
  html[data-mobile-webapp="true"] *,
  html[data-mobile-webapp="true"] *::before,
  html[data-mobile-webapp="true"] *::after {
    animation-duration: 0s !important;
    animation-delay: 0s !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }

  html[data-mobile-webapp="true"] body {
    min-width: 0;
    overflow-x: hidden;
    background: var(--bg);
  }

  /* No loading animation on mobile web-app. */
  html[data-mobile-webapp="true"] #site-loader {
    display: none !important;
  }
  html[data-mobile-webapp="true"] body.is-loading {
    overflow: auto !important;
  }

  /* Header = hamburger right + dark mode left, nothing else. */
  html[data-mobile-webapp="true"] .site-header {
    position: fixed;
    inset: 0 0 auto;
    height: 3.75rem;
    background: color-mix(in srgb, var(--bg) 96%, transparent);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 .35rem 1.4rem rgba(0,0,0,.05);
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    z-index: 900;
  }
  html[data-mobile-webapp="true"] .site-header.is-rolled {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  html[data-mobile-webapp="true"] .site-header .container {
    height: 100%;
    padding-inline: .85rem;
  }
  html[data-mobile-webapp="true"] .header__inner,
  html[data-mobile-webapp="true"] .header__tools {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }
  html[data-mobile-webapp="true"] .header__brand { display: none !important; }
  html[data-mobile-webapp="true"] .header__toggle,
  html[data-mobile-webapp="true"] .theme-toggle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) !important;
    width: 2.55rem;
    height: 2.55rem;
    border: 1px solid var(--line);
    border-radius: .85rem;
    background: var(--bg-card);
    color: var(--text);
    box-shadow: none;
    margin: 0;
  }
  html[data-mobile-webapp="true"] .header__toggle { right: 0; left: auto; display: flex !important; }
  html[data-mobile-webapp="true"] .theme-toggle { left: 0; right: auto; display: grid !important; }
  html[data-mobile-webapp="true"] .header__toggle span { width: 1.1rem; height: 1.6px; }

  /* Drawer: all dynamic header menu data + submenus, static CTAs at the bottom. */
  html[data-mobile-webapp="true"] .header__nav {
    width: min(88vw, 22rem);
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
    box-shadow: -1.25rem 0 3.5rem rgba(0,0,0,.2);
    transform: translateX(100%);
    transition: none !important;
  }
  html[data-mobile-webapp="true"] .header__nav.is-open { transform: translateX(0); }
  html[data-mobile-webapp="true"] .header__nav > a,
  html[data-mobile-webapp="true"] .header__nav.is-open > a {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  html[data-mobile-webapp="true"] .header__nav-top {
    min-height: 4rem;
    padding: .85rem 1rem;
  }
  html[data-mobile-webapp="true"] .header__link {
    min-height: 3.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85rem 1.15rem;
    font-size: .96rem;
    font-weight: 720;
  }
  html[data-mobile-webapp="true"] .header__submenu {
    position: static !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: .25rem .9rem .7rem !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important;
    background: var(--bg-soft) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    display: none;
  }
  html[data-mobile-webapp="true"] .header__menu-group.is-open .header__submenu { display: grid; }
  html[data-mobile-webapp="true"] .header__submenu a {
    min-height: 2.85rem;
    display: flex;
    align-items: center;
    padding: .55rem .7rem;
    color: var(--text-dim);
    font-size: .88rem;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 68%, transparent);
  }
  html[data-mobile-webapp="true"] .header__cta,
  html[data-mobile-webapp="true"] .header__login-cta {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    margin: .8rem 1rem 0;
    border-radius: .9rem;
    font-size: .92rem;
    font-weight: 800;
    text-decoration: none;
  }
  html[data-mobile-webapp="true"] .header__cta {
    background: var(--bg-soft);
    border: 1px solid var(--line-strong);
    color: var(--text);
  }
  html[data-mobile-webapp="true"] .header__login-cta {
    margin-top: .55rem;
    background: var(--c-gold);
    border: 1px solid var(--c-gold);
    color: #151515;
  }

  /* Settings stays bottom-right; animation/section navigation settings disappear. */
  html[data-mobile-webapp="true"] .site-settings {
    right: max(.85rem, env(safe-area-inset-right));
    left: auto;
    bottom: max(.85rem, env(safe-area-inset-bottom));
    inset-inline-start: auto;
    z-index: 980;
  }
  html[data-mobile-webapp="true"] .site-settings__trigger {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .9rem;
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.14);
  }
  html[data-mobile-webapp="true"] .site-settings__panel {
    right: 0;
    left: auto;
    bottom: calc(100% + .6rem);
    transform: none !important;
    animation: none !important;
    width: min(21rem, calc(100vw - 1.7rem));
  }
  html[data-mobile-webapp="true"] [data-animation-settings],
  html[data-mobile-webapp="true"] [data-section-nav-settings],
  html[data-mobile-webapp="true"] #section-index,
  html[data-mobile-webapp="true"] #custom-scroll {
    display: none !important;
  }

  /* Home mobile = a dedicated app layout; desktop sections including 0–4 are absent. */
  html[data-mobile-webapp="true"] body.hasht-front-page .experience-flow,
  html[data-mobile-webapp="true"] body.hasht-front-page > .site-footer,
  html[data-mobile-webapp="true"] body.hasht-front-page #footer {
    display: none !important;
  }
  .mwa-home { display: none; }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-home {
    display: block;
    min-height: 100dvh;
    padding: 4.6rem 0 max(5.2rem, calc(1.2rem + env(safe-area-inset-bottom)));
    background: var(--bg);
  }
  .mwa-shell {
    width: min(100%, 34rem);
    margin-inline: auto;
    padding-inline: 1rem;
  }

  .mwa-slider {
    display: grid;
    gap: .7rem;
    padding: .75rem;
    border: 1px solid var(--line);
    border-radius: 1.35rem;
    background: var(--bg-card);
    box-shadow: 0 .75rem 2.2rem rgba(0,0,0,.06);
  }
  .mwa-slider__viewport { min-width: 0; }
  .mwa-slide { display: none; }
  .mwa-slide.is-active { display: grid; gap: 0; }
  .mwa-slide__media {
    width: 100%;
    aspect-ratio: 16 / 10;
    margin: 0;
    overflow: hidden;
    border-radius: 1rem;
    background: var(--bg-soft);
  }
  .mwa-slide__media img {
    width: 100%; height: 100%; object-fit: cover; display: block;
  }
  .mwa-slide__body {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .55rem .75rem;
    padding: 1rem .25rem .25rem;
  }
  .mwa-slide__title {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--text);
    font-size: clamp(1.35rem, 6.4vw, 1.75rem);
    line-height: 1.55;
    font-weight: 900;
  }
  .mwa-slide__text {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--text-dim);
    font-size: .9rem;
    line-height: 1.95;
  }
  .mwa-slide__cta {
    grid-column: 1;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.4rem;
    min-height: 2.55rem;
    padding: .5rem .85rem;
    border-radius: .75rem;
    background: var(--c-gold);
    color: #151515;
    font-size: .82rem;
    font-weight: 850;
    text-decoration: none;
  }
  .mwa-slider__dots {
    display: flex;
    justify-content: center;
    gap: .4rem;
    min-height: .65rem;
  }
  .mwa-slider__dot {
    width: .5rem; height: .5rem; padding: 0; border: 0; border-radius: 999px;
    background: var(--line-strong); cursor: pointer;
  }
  .mwa-slider__dot.is-active { width: 1.5rem; background: var(--c-gold); }

  .mwa-about-btn {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.85rem;
    margin-top: .9rem;
    padding: .85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--c-gold) 54%, var(--line));
    border-radius: 1.05rem;
    background: var(--bg-card);
    color: var(--text);
    font-weight: 900;
    text-decoration: none;
  }
  .mwa-about-btn svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; }
  .mwa-about-btn::after {
    content: "";
    position: absolute;
    inset: -100% auto -100% -38%;
    width: 28%;
    z-index: -1;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--c-gold) 26%, transparent), transparent);
    transform: skewX(-18deg);
    animation: mwa-highlight 2.8s linear infinite !important;
  }
  @keyframes mwa-highlight { from { left: -38%; } to { left: 118%; } }

  .mwa-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .72rem;
    margin-top: .85rem;
  }
  .mwa-action {
    min-width: 0;
    min-height: 6.2rem;
    padding: .85rem .65rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .55rem;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--bg-card);
    color: var(--text);
    box-shadow: none;
    font: inherit;
    font-size: .84rem;
    font-weight: 800;
    cursor: pointer;
  }
  .mwa-action svg { width: 1.55rem; height: 1.55rem; fill: none; stroke: var(--c-gold); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

  .mwa-login-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.65rem;
    margin-top: .9rem;
    border: 1px solid var(--c-gold);
    border-radius: 1rem;
    background: var(--c-gold);
    color: #151515;
    font-weight: 900;
    text-decoration: none;
  }

  /* Static popups: no transition, no motion. */
  .mwa-dialog[hidden] { display: none !important; }
  .mwa-dialog {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
  }
  .mwa-dialog__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(10,12,16,.62);
  }
  .mwa-dialog__panel {
    position: relative;
    z-index: 1;
    width: min(100%, 31rem);
    max-height: min(78dvh, 42rem);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid var(--line-strong);
    border-radius: 1.15rem;
    background: var(--bg-raised);
    box-shadow: 0 1.3rem 3.8rem rgba(0,0,0,.25);
  }
  .mwa-dialog__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--line);
  }
  .mwa-dialog__head h2 { margin: 0; font-size: 1rem; font-weight: 900; }
  .mwa-dialog__close {
    display: grid; place-items: center; width: 2.35rem; height: 2.35rem; padding: 0;
    border: 1px solid var(--line); border-radius: .75rem; background: var(--bg-soft); color: var(--text); cursor: pointer;
  }
  .mwa-dialog__close svg { width: 1.05rem; height: 1.05rem; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; }
  .mwa-dialog__content { overflow-y: auto; padding: 1rem; -webkit-overflow-scrolling: touch; }
  .mwa-list { display: grid; gap: .7rem; }
  .mwa-list-card {
    display: grid; gap: .35rem; padding: .85rem;
    border: 1px solid var(--line); border-radius: .9rem; background: var(--bg-card); color: var(--text); text-decoration: none;
  }
  .mwa-list-card__meta { color: var(--text-faint); font-size: .72rem; }
  .mwa-list-card h3 { margin: 0; font-size: .93rem; line-height: 1.65; }
  .mwa-list-card p { margin: 0; color: var(--text-dim); font-size: .8rem; line-height: 1.8; }
  .mwa-logo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
  .mwa-logo-card { display: grid; place-items: center; gap: .5rem; min-height: 7rem; padding: .75rem; border: 1px solid var(--line); border-radius: .9rem; background: var(--bg-card); text-align: center; }
  .mwa-logo-card img { width: 3.6rem; height: 3.6rem; object-fit: contain; border-radius: .7rem; }
  .mwa-logo-card span { font-size: .78rem; color: var(--text-dim); }
  .mwa-social-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
  .mwa-social-link { display: flex; align-items: center; justify-content: center; min-height: 3.2rem; padding: .6rem; border: 1px solid var(--line); border-radius: .85rem; background: var(--bg-card); color: var(--text); text-decoration: none; font-size: .82rem; font-weight: 800; }
  .mwa-address { display: grid; gap: .8rem; }
  .mwa-address address { margin: 0; padding: 1rem; border: 1px solid var(--line); border-radius: .9rem; background: var(--bg-card); color: var(--text-dim); font-style: normal; line-height: 2; }
  .mwa-map-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
  .mwa-map-links a { min-height: 2.9rem; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: .8rem; background: var(--bg-soft); color: var(--text); text-decoration: none; font-size: .78rem; font-weight: 800; }
  .mwa-empty { padding: 1.3rem; text-align: center; color: var(--text-faint); border: 1px dashed var(--line-strong); border-radius: .9rem; }

  /* R247 — standalone «هشت چیست؟»: only the desktop title + four raw alternating scenes. */
  body.hasht-mobile-about-page .site-footer,
  body.hasht-mobile-about-page #footer,
  body.hasht-mobile-about-page #section-index,
  body.hasht-mobile-about-page #custom-scroll,
  body.hasht-mobile-about-page .header__join-cta { display:none!important; }
  .mwa-about-page{min-height:100dvh;padding:calc(var(--mwa-header-h,3.5rem) + 1.15rem) 1rem max(1.5rem,env(safe-area-inset-bottom));background:var(--bg)}
  .mwa-about-page__shell{width:min(100%,34rem);margin-inline:auto}
  .mwa-about-page__head{margin:0 0 1.15rem;padding:0;border:0;background:transparent;text-align:center}
  .mwa-about-page__head h1{margin:0;color:var(--text);font-size:clamp(1.45rem,6vw,1.85rem);font-weight:950;line-height:1.55}
  .mwa-about-stack{display:grid;gap:0}
  .mwa-about-card{--mwa-scene-color:var(--c-spark);position:relative;display:block;min-height:14rem;padding:4.9rem .2rem 1.45rem;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;text-align:right;overflow:hidden}
  .mwa-about-card:last-child{border-bottom:0}
  .mwa-about-card[data-scene="2"]{--mwa-scene-color:var(--c-growth)}
  .mwa-about-card[data-scene="3"]{--mwa-scene-color:var(--c-gold)}
  .mwa-about-card[data-scene="4"]{--mwa-scene-color:var(--c-gold)}
  .mwa-about-card__icon{position:absolute;top:.65rem;width:3.7rem;height:3.7rem;color:var(--mwa-scene-color);background:transparent;border:0;padding:0}
  .mwa-about-card[data-icon-side="left"] .mwa-about-card__icon{left:.15rem;right:auto}
  .mwa-about-card[data-icon-side="right"] .mwa-about-card__icon{right:.15rem;left:auto}
  .mwa-about-card__icon svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:.72;stroke-linecap:round;stroke-linejoin:round}
  .mwa-about-card h2{margin:0 0 .55rem;color:var(--mwa-scene-color);font-size:1.25rem;line-height:1.5;font-weight:950}
  .mwa-about-card p{margin:0;color:var(--text-dim);font-size:.86rem;line-height:2.05}

}

@media (min-width: 821px) {
  .mwa-home { display: none !important; }
  .header__login-cta { display: none !important; }
}

@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  html[data-mobile-webapp="true"] .mwa-about-btn::after {
    animation-name: mwa-highlight !important;
    animation-duration: 2.8s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   R84 — Mobile Web-App / Full Site dual-mode corrective layer
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  html[data-mobile-webapp="true"] {
    --mwa-header-h: 3.5rem;
    --mwa-edge: 1rem;
    --mwa-gap: .72rem;
  }

  /* Header is deliberately raw/transparent: only the two icons remain. */
  html[data-mobile-webapp="true"] .site-header,
  html[data-mobile-webapp="true"] .site-header.is-scrolled,
  html[data-mobile-webapp="true"] .site-header.is-open,
  html[data-mobile-webapp="true"] .site-header.is-settled {
    height: var(--mwa-header-h) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  html[data-mobile-webapp="true"] .site-header .container {
    padding-inline: .8rem !important;
  }
  html[data-mobile-webapp="true"] .header__toggle,
  html[data-mobile-webapp="true"] .theme-toggle {
    width: 2.5rem !important;
    height: 2.5rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--text) !important;
  }
  html[data-mobile-webapp="true"] .theme-toggle__icon { width: 1.35rem; height: 1.35rem; }
  html[data-mobile-webapp="true"] .header__toggle span { width: 1.3rem; height: 1.8px; background: currentColor; }

  /* Drawer: logo on physical right, close button on physical left. */
  html[data-mobile-webapp="true"] .header__nav {
    width: min(88vw, 22rem) !important;
    background: var(--bg) !important;
    border: 0 !important;
    border-left: 1px solid var(--line) !important;
    box-shadow: -1.25rem 0 3.5rem rgba(0,0,0,.22) !important;
  }
  html[data-mobile-webapp="true"] .header__nav-top {
    display: grid !important;
    grid-template-columns: 2.5rem 1fr 2.5rem;
    align-items: center;
    min-height: 4.15rem;
    padding: .75rem 1rem !important;
    background: var(--bg) !important;
    border-bottom: 1px solid var(--line) !important;
    direction: ltr;
  }
  html[data-mobile-webapp="true"] .header__nav-brand {
    grid-column: 3;
    justify-self: end;
    direction: rtl;
    color: var(--text) !important;
  }
  html[data-mobile-webapp="true"] .header__nav-close {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    border: 0 !important;
    background: transparent !important;
    color: var(--text) !important;
  }

  /* All drawer menu labels and submenu labels use one readable foreground. */
  html[data-mobile-webapp="true"] .header__nav .header__link,
  html[data-mobile-webapp="true"] .header__nav .header__submenu-toggle,
  html[data-mobile-webapp="true"] .header__nav .header__submenu a,
  html[data-mobile-webapp="true"] .header__nav .header__submenu .hasht-empty-state {
    color: var(--text) !important;
    opacity: 1 !important;
  }
  html[data-mobile-webapp="true"] .header__nav .header__submenu {
    background: transparent !important;
  }
  html[data-mobile-webapp="true"] .header__nav .header__submenu a {
    padding-inline: 1.15rem 1.75rem !important;
    font-weight: 560 !important;
  }
  html[data-mobile-webapp="true"] .header__submenu-toggle svg {
    stroke: currentColor !important;
  }
  html[data-mobile-webapp="true"] .header__join-cta {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 3.2rem;
    margin: auto 1rem 0 !important;
    padding: .75rem 1rem;
    border: 1px solid var(--c-gold);
    border-radius: .9rem;
    background: transparent;
    color: var(--c-gold) !important;
    font-size: .92rem;
    font-weight: 900;
    text-decoration: none;
  }
  html[data-mobile-webapp="true"] .header__cta,
  html[data-mobile-webapp="true"] .header__login-cta { display: none !important; }
  html[data-mobile-webapp="true"] .app-scrim {
    background: rgba(8,10,14,.5) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* Mobile settings only: theme + slider mode + site mode. */
  html[data-mobile-webapp="true"] .site-settings__segments--mobile-four {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  html[data-mobile-webapp="true"] [data-mobile-settings] { display: block; }
  html[data-mobile-webapp="true"] [data-animation-settings],
  html[data-mobile-webapp="true"] [data-section-nav-settings] { display: none !important; }

  /* Slider: no card/background; image then text/content. */
  html[data-mobile-webapp="true"] .mwa-slider {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: .5rem !important;
    min-width: 0;
  }
  html[data-mobile-webapp="true"] .mwa-slider__viewport {
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
    overflow: hidden;
  }
  html[data-mobile-webapp="true"] .mwa-slide.is-active { display: grid !important; }
  html[data-mobile-webapp="true"] .mwa-slide__media {
    border-radius: 1rem !important;
    background: transparent !important;
  }
  html[data-mobile-webapp="true"] .mwa-slide__body { padding-inline: .05rem !important; }
  html[data-mobile-webapp="true"][data-mobile-slider-mode="image"] .mwa-slide__body { display: none !important; }
  html[data-mobile-webapp="true"][data-mobile-slider-mode="content"] .mwa-slide__media { display: none !important; }
  html[data-mobile-webapp="true"][data-mobile-slider-mode="content"] .mwa-slide__body { padding-top: .25rem !important; }
  html[data-mobile-webapp="true"][data-mobile-slider-mode="none"] .mwa-slider { display: none !important; }

  /* Same progress language as desktop slider: fixed slots + gold progress fill. */
  html[data-mobile-webapp="true"] .mwa-slider__dots {
    display: flex;
    direction: rtl;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    min-height: 1.05rem;
    margin-top: .15rem;
  }
  html[data-mobile-webapp="true"] .mwa-slider__dot {
    --slot: 2.7rem;
    position: relative;
    flex: 0 0 var(--slot);
    width: var(--slot) !important;
    min-width: var(--slot);
    max-width: var(--slot);
    height: .95rem !important;
    padding: .3rem 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
  }
  html[data-mobile-webapp="true"] .mwa-slider__dot::before,
  html[data-mobile-webapp="true"] .mwa-slider__dot i {
    content: "";
    position: absolute;
    inset: .3rem 0;
    border-radius: 999px;
    pointer-events: none;
  }
  html[data-mobile-webapp="true"] .mwa-slider__dot::before { background: var(--line-strong); }
  html[data-mobile-webapp="true"] .mwa-slider__dot i {
    display: block;
    background: var(--c-gold);
    transform: scaleX(var(--slide-progress,0));
    transform-origin: right center;
    opacity: 0;
  }
  html[data-mobile-webapp="true"] .mwa-slider__dot.is-active i { opacity: 1; }

  /* Social popup: icon only, never textual network-name cards. */
  html[data-mobile-webapp="true"] .mwa-social-grid--icons {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: .7rem;
  }
  html[data-mobile-webapp="true"] .mwa-social-icon {
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: .9rem;
    background: transparent;
    color: var(--text);
    text-decoration: none;
  }
  html[data-mobile-webapp="true"] .mwa-social-icon svg {
    width: 1.7rem;
    height: 1.7rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  html[data-mobile-webapp="true"] .mwa-social-icon svg path[fill],
  html[data-mobile-webapp="true"] .mwa-social-icon svg path:not([stroke]) { fill: currentColor; stroke: none; }

  /* Icon/logo popups have no title beneath and no card background. */
  html[data-mobile-webapp="true"] .mwa-logo-grid--only { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
  html[data-mobile-webapp="true"] .mwa-logo-grid--only > a { text-decoration: none; }
  html[data-mobile-webapp="true"] .mwa-logo-grid--only .mwa-logo-card {
    min-height: 6.3rem;
    padding: .55rem;
    border: 0;
    background: transparent;
  }
  html[data-mobile-webapp="true"] .mwa-logo-grid--only .mwa-logo-card img {
    width: min(100%, 6.5rem);
    height: 4.8rem;
    object-fit: contain;
    border-radius: 0;
  }
  html[data-mobile-webapp="true"] .mwa-logo-fallback {
    width: 4.4rem;
    height: 4.4rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--line-strong);
    border-radius: 50%;
    color: var(--text);
    font-size: 1.2rem;
    font-weight: 900;
  }

  /* ═══ WEB-APP MODE: viewport itself never scrolls. Only shortcut area scrolls. ═══ */
  html[data-mobile-site-mode="webapp"] body.hasht-front-page {
    height: 100dvh;
    overflow: hidden !important;
  }
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #main {
    height: 100dvh;
    overflow: hidden;
  }
  html[data-mobile-site-mode="webapp"] body.hasht-front-page .experience-flow,
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #activities,
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #impact,
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #voices,
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #news,
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #notices,
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #partners,
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #clients,
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #faq,
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #newsletter,
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #join,
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #footer { display: none !important; }
  html[data-mobile-site-mode="webapp"] body.hasht-front-page .mwa-home {
    display: block !important;
    height: 100dvh;
    min-height: 0 !important;
    overflow: hidden;
    padding: calc(var(--mwa-header-h) + .35rem) 0 max(.6rem, env(safe-area-inset-bottom)) !important;
    background: var(--bg);
  }
  html[data-mobile-site-mode="webapp"] .mwa-shell {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto minmax(0,1fr) auto;
    gap: .7rem;
    padding-inline: var(--mwa-edge);
  }
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="none"] .mwa-shell {
    grid-template-rows: auto minmax(0,1fr) auto;
  }
  html[data-mobile-site-mode="webapp"] .mwa-about-btn { margin-top: 0 !important; }
  html[data-mobile-site-mode="webapp"] .mwa-actions {
    min-height: 0;
    margin-top: 0 !important;
    padding: .05rem 0 .25rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    align-content: start;
    scrollbar-width: none;
  }
  html[data-mobile-site-mode="webapp"] .mwa-actions::-webkit-scrollbar { display: none; }
  html[data-mobile-site-mode="webapp"] .mwa-login-cta {
    margin-top: 0 !important;
    min-height: 3.3rem;
    flex: 0 0 auto;
  }
  html[data-mobile-site-mode="webapp"] .site-settings {
    bottom: max(4.55rem, calc(4rem + env(safe-area-inset-bottom))) !important;
  }

  /* ═══ FULL SITE MODE: all public content is static, readable and scrollable. ═══ */
  html[data-mobile-site-mode="full"] body.hasht-front-page {
    height: auto;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  html[data-mobile-site-mode="full"] body.hasht-front-page #main {
    height: auto;
    overflow: visible;
  }
  html[data-mobile-site-mode="full"] body.hasht-front-page .mwa-home {
    display: block !important;
    min-height: 0 !important;
    padding: calc(var(--mwa-header-h) + .7rem) var(--mwa-edge) 1.15rem !important;
    background: var(--bg);
  }
  html[data-mobile-site-mode="full"] .mwa-shell { width: min(100%, 36rem); padding: 0; }
  html[data-mobile-site-mode="full"] .mwa-about-btn,
  html[data-mobile-site-mode="full"] .mwa-actions,
  html[data-mobile-site-mode="full"] .mwa-login-cta { display: none !important; }
  html[data-mobile-site-mode="full"] body.hasht-front-page .experience-flow,
  html[data-mobile-site-mode="full"] body.hasht-front-page #activities,
  html[data-mobile-site-mode="full"] body.hasht-front-page #impact,
  html[data-mobile-site-mode="full"] body.hasht-front-page #voices,
  html[data-mobile-site-mode="full"] body.hasht-front-page #news,
  html[data-mobile-site-mode="full"] body.hasht-front-page #notices,
  html[data-mobile-site-mode="full"] body.hasht-front-page #partners,
  html[data-mobile-site-mode="full"] body.hasht-front-page #clients,
  html[data-mobile-site-mode="full"] body.hasht-front-page #faq,
  html[data-mobile-site-mode="full"] body.hasht-front-page #newsletter,
  html[data-mobile-site-mode="full"] body.hasht-front-page #join,
  html[data-mobile-site-mode="full"] body.hasht-front-page #footer { display: block !important; }
  html[data-mobile-site-mode="full"] .experience-flow .hero,
  html[data-mobile-site-mode="full"] .experience-flow .ambient-field { display: none !important; }

  /* Static 0–4 story content. */
  html[data-mobile-site-mode="full"] .path-intro {
    height: auto !important;
    min-height: 0 !important;
    padding: 2rem var(--mwa-edge) .75rem;
  }
  html[data-mobile-site-mode="full"] .path-intro__sticky {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
  }
  html[data-mobile-site-mode="full"] .path-intro__light { display: none !important; }
  html[data-mobile-site-mode="full"] .path-intro__title {
    opacity: 1 !important;
    transform: none !important;
    text-align: right !important;
    font-size: 1.45rem !important;
  }
  html[data-mobile-site-mode="full"] .story-sequence,
  html[data-mobile-site-mode="full"] .story-sequence__sticky,
  html[data-mobile-site-mode="full"] .story-sequence__inner,
  html[data-mobile-site-mode="full"] .story-sequence__track {
    height: auto !important;
    min-height: 0 !important;
    position: static !important;
    overflow: visible !important;
  }
  html[data-mobile-site-mode="full"] .story-sequence__track {
    display: grid !important;
    gap: .85rem;
    padding: .75rem var(--mwa-edge) 1.5rem;
  }
  html[data-mobile-site-mode="full"] .story-scene {
    position: relative !important;
    inset: auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 3.3rem minmax(0,1fr);
    gap: .85rem;
    align-items: start;
    overflow: hidden !important;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--bg-card) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  html[data-mobile-site-mode="full"] .story-scene::before { display: none !important; }
  html[data-mobile-site-mode="full"] .story-scene__icon-col,
  html[data-mobile-site-mode="full"] .story-scene__content-col {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    transform: none !important;
  }
  html[data-mobile-site-mode="full"] .story-scene__icon-col { grid-column: 1; grid-row: 1; }
  html[data-mobile-site-mode="full"] .story-scene__content-col { grid-column: 2; grid-row: 1; }
  html[data-mobile-site-mode="full"] .story-scene__icon-shell {
    --icon-size: 3.2rem !important;
    position: static !important;
    width: var(--icon-size) !important;
    height: var(--icon-size) !important;
    opacity: 1 !important;
    transform: none !important;
  }
  html[data-mobile-site-mode="full"] .story-scene__panel { opacity: 1 !important; transform: none !important; }
  html[data-mobile-site-mode="full"] .story-scene__title {
    margin: 0 0 .35rem !important;
    min-height: 0 !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
  }
  html[data-mobile-site-mode="full"] .story-scene__typed {
    min-height: 0 !important;
    max-width: none !important;
    color: var(--text-dim) !important;
    font-size: .83rem !important;
    line-height: 1.95 !important;
  }

  /* Common full-mode spacing/title rhythm. */
  html[data-mobile-site-mode="full"] body.hasht-front-page .section {
    padding-block: 2.2rem !important;
  }
  html[data-mobile-site-mode="full"] body.hasht-front-page .section-head { margin-bottom: 1rem !important; }
  html[data-mobile-site-mode="full"] body.hasht-front-page .section-head__title { font-size: 1.35rem !important; }
  html[data-mobile-site-mode="full"] .motion-section,
  html[data-mobile-site-mode="full"] .reveal {
    opacity: 1 !important;
    transform: none !important;
  }

  /* 4 cards / 4 stats = two columns, two rows. */
  html[data-mobile-site-mode="full"] #activities .activities__cards,
  html[data-mobile-site-mode="full"] #impact .activities__stats {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: .7rem !important;
  }
  html[data-mobile-site-mode="full"] #activities .activity-card,
  html[data-mobile-site-mode="full"] #impact .stat { min-width: 0; padding: .85rem !important; }
  html[data-mobile-site-mode="full"] #activities .activity-card h3 { font-size: .9rem; }
  html[data-mobile-site-mode="full"] #activities .activity-card p { font-size: .75rem; line-height: 1.75; }
  html[data-mobile-site-mode="full"] #impact .stat__value { font-size: 1.7rem; }
  html[data-mobile-site-mode="full"] #impact .stat__label { font-size: .74rem; }

  /* Swipeable, infinite rails: two cards visible at the same time. */
  html[data-mobile-site-mode="full"] .mwa-infinite-rail {
    display: flex !important;
    flex-direction: row !important;
    gap: .7rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    touch-action: auto;
    direction: ltr;
    padding: .1rem .05rem .45rem !important;
  }
  html[data-mobile-site-mode="full"] .mwa-infinite-rail::-webkit-scrollbar { display: none; }
  html[data-mobile-site-mode="full"] .mwa-infinite-rail > .voice-card,
  html[data-mobile-site-mode="full"] .mwa-infinite-rail > .news-card {
    flex: 0 0 calc(50% - .35rem) !important;
    width: calc(50% - .35rem) !important;
    min-width: 0 !important;
    scroll-snap-align: start;
    direction: rtl;
  }
  html[data-mobile-site-mode="full"] #voices .voice-card,
  html[data-mobile-site-mode="full"] #news .news-card { padding: .8rem !important; }
  html[data-mobile-site-mode="full"] #voices .voice-card__quote { font-size: .74rem; line-height: 1.8; }
  html[data-mobile-site-mode="full"] #voices .voice-card__person strong { font-size: .75rem; }
  html[data-mobile-site-mode="full"] #voices .voice-card__person em { font-size: .66rem; }
  html[data-mobile-site-mode="full"] #news .news-card__title { font-size: .82rem; line-height: 1.65; }
  html[data-mobile-site-mode="full"] #news .news-card__excerpt { font-size: .7rem; line-height: 1.7; }
  html[data-mobile-site-mode="full"] #news .news-card__media { aspect-ratio: 4/3; }

  /* Notices remain a vertical desktop-like list; first 4 stay on section, all in popup. */
  html[data-mobile-site-mode="full"] #notices .notices__list { display: grid !important; gap: .6rem !important; }
  html[data-mobile-site-mode="full"] #notices .notice-row:nth-child(n+5) { display: none !important; }
  html[data-mobile-site-mode="full"] #notices .notice-row {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    gap: .35rem .65rem !important;
    padding: .8rem !important;
  }
  html[data-mobile-site-mode="full"] #notices .notice-row__date { grid-column: 1 / -1; }

  /* Partners / clients: logo only, 2 columns, exactly 4 visible. */
  html[data-mobile-site-mode="full"] #partners .icon-cards,
  html[data-mobile-site-mode="full"] #clients .icon-cards {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 1rem !important;
  }
  html[data-mobile-site-mode="full"] #partners .icon-card:nth-child(n+5),
  html[data-mobile-site-mode="full"] #clients .icon-card:nth-child(n+5) { display: none !important; }
  html[data-mobile-site-mode="full"] #partners .icon-card,
  html[data-mobile-site-mode="full"] #clients .icon-card {
    min-height: 6rem !important;
    display: grid !important;
    place-items: center !important;
    padding: .45rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html[data-mobile-site-mode="full"] #partners .icon-card__name,
  html[data-mobile-site-mode="full"] #clients .icon-card__name { display: none !important; }
  html[data-mobile-site-mode="full"] #partners .icon-card__logo,
  html[data-mobile-site-mode="full"] #clients .icon-card__logo {
    width: min(100%,7rem) !important;
    height: 4.8rem !important;
    object-fit: contain !important;
  }
  html[data-mobile-site-mode="full"] #partners .icon-card__badge,
  html[data-mobile-site-mode="full"] #clients .icon-card__badge {
    width: 4.5rem !important; height: 4.5rem !important; border-radius: 50% !important;
  }

  /* FAQ: no decorative mark/no plus icon; 4 questions on page. */
  html[data-mobile-site-mode="full"] #faq .faq__mark,
  html[data-mobile-site-mode="full"] #faq .faq__beam,
  html[data-mobile-site-mode="full"] #faq .faq-item__icon { display: none !important; }
  html[data-mobile-site-mode="full"] #faq .faq__layout { display: block !important; }
  html[data-mobile-site-mode="full"] #faq .faq-item:nth-child(n+5) { display: none !important; }
  html[data-mobile-site-mode="full"] #faq .faq-item {
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html[data-mobile-site-mode="full"] #faq .faq-item__q { padding: .75rem .2rem !important; }
  html[data-mobile-site-mode="full"] #faq .faq-item__a { display: none !important; }

  .mwa-all-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 5.5rem;
    min-height: 2.8rem;
    margin: 1rem auto 0;
    padding: .55rem 1rem;
    border: 1px solid var(--line-strong);
    border-radius: .8rem;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: .8rem;
    font-weight: 850;
  }

  /* All-FAQ modal. */
  .mwa-faq-all { display:grid; gap:.65rem; max-height:min(68dvh,40rem); overflow-y:scroll; overflow-x:hidden; overscroll-behavior:contain; scrollbar-gutter:auto; padding-right:1rem; scrollbar-width:none; }
  .mwa-faq-all::-webkit-scrollbar{display:none;width:0;height:0}
  .mwa-faq-scroll-host-r330{position:relative}
  .mwa-faq-scroll-r330.custom-scroll__rail{position:absolute!important;right:.12rem!important;left:auto!important;top:.2rem!important;bottom:.2rem!important;width:.55rem!important;height:auto!important;z-index:9}
  .mwa-faq-scroll-r330 .custom-scroll__thumb{left:50%;right:auto;width:.28rem;min-height:1.8rem;background:var(--c-gold);border-radius:999px;transform:translate(-50%,0)}
  .mwa-faq-row { border-bottom: 1px solid var(--line); padding: .2rem 0 .65rem; }
  .mwa-faq-row summary { cursor: pointer; color: var(--text); font-size: .86rem; font-weight: 800; line-height: 1.8; }
  .mwa-faq-row p { margin: .45rem 0 0; color: var(--text-dim); font-size: .8rem; line-height: 1.9; }

  /* Full-mode footer: original background; only requested content in one vertical grid. */
  html[data-mobile-site-mode="full"] #footer {
    width: calc(100% - 2rem) !important;
    margin: 2.25rem 1rem max(1rem,env(safe-area-inset-bottom)) !important;
    padding: 1.35rem 0 !important;
    border-radius: 1.2rem;
    overflow: hidden;
  }
  html[data-mobile-site-mode="full"] #footer .footer__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.35rem !important;
    padding-inline: 1rem !important;
  }
  html[data-mobile-site-mode="full"] #footer .footer__brand,
  html[data-mobile-site-mode="full"] #footer .footer__contact,
  html[data-mobile-site-mode="full"] #footer .footer__address { display: grid; gap: .75rem; }
  html[data-mobile-site-mode="full"] #footer .footer__name,
  html[data-mobile-site-mode="full"] #footer .footer__slogan,
  html[data-mobile-site-mode="full"] #footer .footer__licenses,
  html[data-mobile-site-mode="full"] #footer .footer__nav,
  html[data-mobile-site-mode="full"] #footer .footer__bar,
  html[data-mobile-site-mode="full"] #footer .page-jump--up { display: none !important; }
  html[data-mobile-site-mode="full"] #footer .footer__logo { width: 3.9rem !important; height: auto; }
  html[data-mobile-site-mode="full"] #footer .footer__about { margin: 0; line-height: 2; }
  html[data-mobile-site-mode="full"] #footer .footer__icons { display: flex; flex-wrap: wrap; gap: .55rem; }
  html[data-mobile-site-mode="full"] #footer .icon-btn { background: transparent !important; }
  html[data-mobile-site-mode="full"] #footer .footer__map-trigger { border-radius: .9rem; overflow: hidden; }
  html[data-mobile-site-mode="full"] #footer .mwa-footer-map-links {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem;
  }
  html[data-mobile-site-mode="full"] #footer .mwa-footer-map-links a {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .55rem .75rem;
    border: 1px solid var(--line);
    border-radius: .75rem;
    background: transparent;
    color: inherit;
    text-decoration: none;
    font-size: .78rem;
    font-weight: 800;
  }

  /* Newsletter and join are static in full mode. */
  html[data-mobile-site-mode="full"] #newsletter .newsletter__inner { display: grid !important; gap: 1rem !important; }
  html[data-mobile-site-mode="full"] #join .join__actions { width: 100%; }

  /* About standalone route inherits raw mobile header and never links to private login. */
  body.hasht-mobile-about-page .mwa-login-cta--about { display: flex !important; }
}


/* R84 final specificity locks */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  html[data-mobile-webapp="true"] .site-header::before,
  html[data-mobile-webapp="true"] .site-header::after,
  html[data-mobile-webapp="true"] .header__inner::before,
  html[data-mobile-webapp="true"] .header__inner::after { display:none !important; background:none !important; box-shadow:none !important; }
  html[data-mobile-webapp="true"] .header__toggle::before,
  html[data-mobile-webapp="true"] .header__toggle::after,
  html[data-mobile-webapp="true"] .theme-toggle::before,
  html[data-mobile-webapp="true"] .theme-toggle::after { background:transparent !important; box-shadow:none !important; }
  html[data-mobile-site-mode="webapp"] body.hasht-front-page { height:100dvh !important; min-height:100dvh !important; overflow:hidden !important; }
  html[data-mobile-site-mode="webapp"] body.hasht-front-page #main { height:100dvh !important; overflow:hidden !important; }
  html[data-mobile-site-mode="webapp"] body.hasht-front-page .mwa-home { height:100dvh !important; min-height:0 !important; overflow:hidden !important; }
  html[data-mobile-site-mode="webapp"] body.hasht-front-page .mwa-actions { min-height:0 !important; overflow-y:auto !important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  html[data-mobile-site-mode="webapp"] body.hasht-front-page .mwa-login-cta { flex:0 0 auto; }
  html[data-mobile-site-mode="full"] body.hasht-front-page { height:auto !important; overflow-x:hidden !important; overflow-y:auto !important; }
  html[data-mobile-site-mode="full"] body.hasht-front-page #main { height:auto !important; overflow:visible !important; }
  html[data-mobile-site-mode="full"] #impact .activities__stats { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:.7rem !important; }
}

/* ═══════════════════════════════════════════════════════════
   R85 — Mobile Web-App interaction corrections
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  /* Smooth drawer is an explicit exception to the global mobile no-motion rule. */
  html[data-mobile-webapp="true"] .header__nav {
    transform: translate3d(100%,0,0) !important;
    opacity: .985;
    will-change: transform;
    transition-property: transform, opacity !important;
    transition-duration: .38s, .28s !important;
    transition-timing-function: cubic-bezier(.22,1,.36,1) !important;
  }
  html[data-mobile-webapp="true"] .header__nav.is-open {
    transform: translate3d(0,0,0) !important;
    opacity: 1;
  }
  html[data-mobile-webapp="true"] .header__nav > .header__link,
  html[data-mobile-webapp="true"] .header__nav > .header__menu-group,
  html[data-mobile-webapp="true"] .header__nav > .header__join-cta {
    opacity: 0 !important;
    transform: translate3d(1rem,0,0) !important;
    transition-property: opacity, transform !important;
    transition-duration: .26s, .32s !important;
    transition-timing-function: ease, cubic-bezier(.22,1,.36,1) !important;
  }
  html[data-mobile-webapp="true"] .header__nav.is-open > .header__link,
  html[data-mobile-webapp="true"] .header__nav.is-open > .header__menu-group,
  html[data-mobile-webapp="true"] .header__nav.is-open > .header__join-cta {
    opacity: 1 !important;
    transform: translate3d(0,0,0) !important;
  }
  html[data-mobile-webapp="true"] .header__nav.is-open > :nth-child(2) { transition-delay: .035s !important; }
  html[data-mobile-webapp="true"] .header__nav.is-open > :nth-child(3) { transition-delay: .07s !important; }
  html[data-mobile-webapp="true"] .header__nav.is-open > :nth-child(4) { transition-delay: .105s !important; }
  html[data-mobile-webapp="true"] .header__nav.is-open > :nth-child(5) { transition-delay: .14s !important; }
  html[data-mobile-webapp="true"] .header__nav.is-open > :nth-child(6) { transition-delay: .175s !important; }
  html[data-mobile-webapp="true"] .header__nav.is-open > :nth-child(7) { transition-delay: .21s !important; }
  html[data-mobile-webapp="true"] .header__nav-close {
    position: relative;
    z-index: 20;
    pointer-events: auto !important;
    touch-action: manipulation;
  }
  html[data-mobile-webapp="true"] body.drawer-open #nav-toggle,
  html[data-mobile-webapp="true"] .header__toggle[hidden] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  html[data-mobile-webapp="true"] body:not(.drawer-open) #nav-toggle {
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  html[data-mobile-webapp="true"] .app-scrim {
    transition-property: opacity, visibility !important;
    transition-duration: .28s, .28s !important;
    transition-timing-function: ease !important;
  }

  /* R85 Web-App scroll model: CTA and header stay fixed by layout. */
  html[data-mobile-site-mode="webapp"] .mwa-shell {
    grid-template-rows: minmax(0,1fr) auto !important;
    gap: .7rem !important;
    overflow: hidden;
  }
  html[data-mobile-site-mode="webapp"] .mwa-scroll-region {
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: grid;
    gap: .7rem;
    scrollbar-width: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  html[data-mobile-site-mode="webapp"] .mwa-scroll-region::-webkit-scrollbar { display: none; }

  /* Full slider: slider + about + shortcuts are one central scroll surface. */
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="full"] .mwa-scroll-region {
    grid-template-rows: auto auto auto;
    align-content: start;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: .25rem;
  }
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="full"] .mwa-actions {
    min-height: max-content !important;
    overflow: visible !important;
    flex: none !important;
  }

  /* Image/content/hidden slider: only the shortcut list scrolls. */
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="image"] .mwa-scroll-region,
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="content"] .mwa-scroll-region {
    grid-template-rows: auto auto minmax(0,1fr);
    overflow: hidden;
  }
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="none"] .mwa-scroll-region {
    grid-template-rows: auto minmax(0,1fr);
    overflow: hidden;
  }
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="image"] .mwa-actions,
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="content"] .mwa-actions,
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="none"] .mwa-actions {
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  html[data-mobile-site-mode="webapp"] .mwa-actions::-webkit-scrollbar { display: none; }
  html[data-mobile-site-mode="webapp"] .mwa-login-cta {
    position: relative;
    z-index: 4;
    flex: 0 0 auto;
    margin: 0 !important;
  }

  /* In explicit fullscreen preference use the whole safe visual viewport. */
  html[data-mobile-display-mode="fullscreen"] {
    --mwa-header-h: calc(3.5rem + env(safe-area-inset-top));
  }
  html[data-mobile-display-mode="fullscreen"] .site-header .header__inner {
    padding-top: env(safe-area-inset-top) !important;
  }
  html[data-mobile-display-mode="fullscreen"] body.hasht-front-page,
  html[data-mobile-display-mode="fullscreen"] body.hasht-front-page #main,
  html[data-mobile-display-mode="fullscreen"] body.hasht-front-page .mwa-home {
    min-height: 100dvh !important;
  }

  /* Ten mobile shortcuts remain a strict two-column web-app grid. */
  html[data-mobile-webapp="true"] .mwa-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  /* New popup content. */
  .mwa-comments { display: grid; gap: .7rem; }
  .mwa-comment-card {
    display: grid;
    gap: .65rem;
    padding: .9rem;
    border: 1px solid var(--line);
    border-radius: .9rem;
    background: var(--bg-card);
  }
  .mwa-comment-card p { margin: 0; color: var(--text); font-size: .84rem; line-height: 1.95; }
  .mwa-comment-card > div { display: grid; gap: .15rem; }
  .mwa-comment-card strong { color: var(--text); font-size: .8rem; }
  .mwa-comment-card span { color: var(--text-faint); font-size: .7rem; }

  .mwa-license-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
  .mwa-license-grid > a,
  .mwa-license-grid > button { color: inherit; text-decoration: none; border: 0; padding: 0; background: transparent; font: inherit; }
  .mwa-license-card {
    min-height: 7.2rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .55rem;
    padding: .75rem;
    border: 1px solid var(--line);
    border-radius: .9rem;
    background: var(--bg-card);
    text-align: center;
  }
  .mwa-license-card img { width: min(100%,5.5rem); height: 4.1rem; object-fit: contain; }
  .mwa-license-card small { color: var(--text-dim); font-size: .7rem; line-height: 1.55; }
  .mwa-license-fallback { width: 3.6rem; height: 3.6rem; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: .8rem; font-weight: 900; }

  .mwa-newsletter { display: grid; gap: .8rem; }
  .mwa-newsletter > p:first-child { margin: 0 0 .15rem; color: var(--text-dim); font-size: .8rem; line-height: 1.9; }
  .mwa-newsletter label { display: grid; gap: .35rem; color: var(--text); font-size: .76rem; font-weight: 750; }
  .mwa-newsletter input {
    width: 100%;
    min-height: 3rem;
    padding: .65rem .75rem;
    border: 1px solid var(--line);
    border-radius: .8rem;
    background: var(--bg-soft);
    color: var(--text);
    font: inherit;
    text-align: left;
  }
  .mwa-newsletter button[type="submit"] {
    min-height: 3rem;
    border: 1px solid var(--c-gold);
    border-radius: .8rem;
    background: var(--c-gold);
    color: #151515;
    font: inherit;
    font-weight: 900;
  }
  .mwa-newsletter__msg { min-height: 1.4rem; margin: 0; font-size: .72rem; line-height: 1.7; }
  .mwa-newsletter__msg.is-error { color: #c94c4c; }
  .mwa-newsletter__msg.is-ok { color: #3f8f68; }
}

@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  /* R85 last-word scroll specificity against R84 compatibility locks. */
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="full"] body.hasht-front-page .mwa-actions {
    min-height: max-content !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
  }
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="image"] body.hasht-front-page .mwa-actions,
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="content"] body.hasht-front-page .mwa-actions,
  html[data-mobile-site-mode="webapp"][data-mobile-slider-mode="none"] body.hasht-front-page .mwa-actions {
    min-height: 0 !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  /* R85 drawer must sit above the raw mobile header; otherwise its close control is covered by header tools. */
  html[data-mobile-webapp="true"] .header__nav { z-index: 1200 !important; }
  html[data-mobile-webapp="true"] .app-scrim { z-index: 1190 !important; }
}


/* R140 — raw rotating mobile settings icon */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  html[data-mobile-webapp="true"] .site-settings__trigger,
  html[data-mobile-webapp="true"] .site-settings__trigger:hover,
  html[data-mobile-webapp="true"] .site-settings__trigger:focus,
  html[data-mobile-webapp="true"] .site-settings__trigger:active,
  html[data-mobile-webapp="true"] .site-settings__trigger[aria-expanded="true"] {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    outline-offset: .15rem;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--text);
    transform: none !important;
  }

  html[data-mobile-webapp="true"] .site-settings__trigger[aria-expanded="true"] {
    color: var(--c-gold);
  }

  html[data-mobile-webapp="true"] .site-settings__trigger svg {
    width: 1.55rem;
    height: 1.55rem;
    transform: rotate(0deg) !important;
    transform-origin: 50% 50%;
    will-change: transform;
    transition-property: transform, color !important;
    transition-duration: .4s, .22s !important;
    transition-timing-function: cubic-bezier(.22, 1, .36, 1), ease !important;
  }

  html[data-mobile-webapp="true"] .site-settings__trigger[aria-expanded="true"] svg {
    transform: rotate(180deg) !important;
  }

  html[data-mobile-webapp="true"] .site-settings__panel {
    max-height: calc(100dvh - 5rem);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}

/* R149 — user-supplied Iranian messenger icons keep the current icon-only mobile treatment. */
html[data-mobile-webapp="true"] .mwa-social-icon .mwa-social-brand,
html[data-mobile-site-mode="full"] .mwa-social-icon .mwa-social-brand {
  width: 1.85rem;
  height: 1.85rem;
  display: block;
  object-fit: contain;
  border-radius: .38rem;
}

/* R150 — media semantics of the CMS slider are preserved on mobile. */
html[data-mobile-webapp="true"] .mwa-slide__media--portrait,
html[data-mobile-site-mode="full"] .mwa-slide__media--portrait{aspect-ratio:8/9;max-height:44dvh;width:min(76vw,25rem);justify-self:center}
html[data-mobile-webapp="true"] .mwa-slide__media--landscape,
html[data-mobile-site-mode="full"] .mwa-slide__media--landscape{aspect-ratio:16/10}
html[data-mobile-webapp="true"] .mwa-slide__media--video video,
html[data-mobile-site-mode="full"] .mwa-slide__media--video video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
html[data-mobile-webapp="true"] .mwa-slide__media--vector,
html[data-mobile-site-mode="full"] .mwa-slide__media--vector{aspect-ratio:auto!important;width:min(74vw,25rem);height:auto;overflow:visible;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;justify-self:center}
html[data-mobile-webapp="true"] .mwa-slide__media--vector img,
html[data-mobile-site-mode="full"] .mwa-slide__media--vector img{width:100%;height:auto;max-height:42dvh;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}
html[data-theme="dark"] .mwa-social-brand--mono{filter:brightness(0) invert(1)}

/* R164 — Mobile header is a global shell element on every phone page. */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  #site-header.site-header,
  #site-header.site-header.is-rolled,
  #site-header.site-header.is-open,
  #site-header.site-header.is-settled,
  #site-header.site-header.is-scrolled {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}


/* R167 — settings control is a global mobile utility, never page-scoped away. */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  html[data-mobile-webapp="true"] #site-settings.site-settings {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: fixed !important;
    right: max(.85rem, env(safe-area-inset-right)) !important;
    left: auto !important;
    z-index: 10010 !important;
  }

  html[data-mobile-webapp="true"] #site-settings-trigger.site-settings__trigger {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}


/* ═══════════════════════════════════════════════════════════
   R247 — mobile modal parity: the Home news popup reuses the exact mobile
   News-page card DOM/classes; newsletter reuses the desktop newsletter DOM/CSS.
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  .mwa-dialog[data-panel="news"] .mwa-dialog__content{padding:.1rem .15rem .65rem;overscroll-behavior:contain;scrollbar-width:none}
  .mwa-dialog[data-panel="news"] .mwa-dialog__content::-webkit-scrollbar{display:none}
  .mwa-news-page-list{display:grid;grid-template-columns:1fr;gap:.55rem;align-content:start;padding:0}
  .mwa-news-page-list .news-page-card{display:flex;flex-direction:row;align-items:stretch;min-height:6.2rem;border-radius:1rem;overflow:hidden}
  .mwa-news-page-list .news-page-card__media{flex:0 0 5.6rem;width:5.6rem;aspect-ratio:auto;min-height:100%;border:0;border-inline-end:1px solid var(--line)}
  .mwa-news-page-list .news-page-card__body{flex:1 1 auto;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;gap:.25rem .55rem;align-items:center;padding:.65rem .7rem;direction:ltr}
  .mwa-news-page-list .news-page-card__body h2,
  .mwa-news-page-list .news-page-card__top,
  .mwa-news-page-list .news-page-card__publish{grid-column:2;direction:rtl}
  .mwa-news-page-list .news-page-card__body h2{grid-row:1;font-size:.88rem;line-height:1.75}
  .mwa-news-page-list .news-page-card__top{grid-row:2;margin:0}
  .mwa-news-page-list .news-page-card__publish{grid-row:3;padding-top:.35rem;gap:.2rem}
  .mwa-news-page-list .news-page-card__publish dt{font-size:.52rem}
  .mwa-news-page-list .news-page-card__publish dd{font-size:.57rem}
  .mwa-news-page-list .news-page-card__open{grid-column:1;grid-row:1/4;align-self:center;justify-self:start;direction:rtl;margin:0;padding:.42rem .72rem;font-size:.68rem;white-space:nowrap}

  /* No alternate newsletter skin: the exact desktop classes above are intentionally
     left to sections/newsletter.css. Only constrain it to the popup's content width. */
  .mwa-newsletter-desktop-clone{width:100%;margin:0!important;max-width:100%!important}
}


/* ═══════════════════════════════════════════════════════════
   R254 — Mobile modal stacking + exact news-list parity + drawer rows
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  /* The Mobile WebApp dialog owns its own footer row. */
  html[data-mobile-webapp="true"] .mwa-dialog__panel {
    grid-template-rows:auto minmax(0,1fr) auto;
  }
  html[data-mobile-webapp="true"] .mwa-dialog__footer[hidden] { display:none!important; }
  html[data-mobile-webapp="true"] .mwa-dialog__footer {
    flex:0 0 auto;
    min-height:3.4rem;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    direction:ltr;
    padding:.55rem .8rem max(.65rem,env(safe-area-inset-bottom));
    border-top:1px solid var(--line);
    background:var(--bg-raised);
  }
  html[data-mobile-webapp="true"] .mwa-dialog__all-news {
    direction:rtl;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:2.35rem;
    padding:.45rem .85rem;
    border:1px solid color-mix(in srgb,var(--c-gold) 52%,var(--line));
    border-radius:999px;
    color:var(--c-gold);
    background:transparent;
    text-decoration:none;
    font-size:.72rem;
    font-weight:850;
  }

  /* Pending license status stays inside the existing Licenses dialog. */
  html[data-mobile-webapp="true"] .mwa-license-pending-state {
    min-height:12rem;
    display:grid;
    place-items:center;
    padding:1.5rem;
    text-align:center;
    color:var(--text);
  }
  html[data-mobile-webapp="true"] .mwa-license-pending-state strong {
    font-size:.95rem;
    font-weight:900;
    line-height:2;
  }

  /* Home news popup: exact mobile News-page row geometry. */
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-dialog[data-panel="news"] .mwa-dialog__content {
    min-height:0;
    overflow-y:auto;
    padding:.1rem .15rem .65rem;
    overscroll-behavior:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-dialog[data-panel="news"] .mwa-dialog__content::-webkit-scrollbar { display:none; }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list {
    display:grid;
    grid-template-columns:1fr;
    gap:.55rem;
    align-content:start;
    padding:0;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card {
    display:flex;
    flex-direction:row;
    direction:rtl;
    align-items:stretch;
    min-height:6.2rem;
    border-radius:1rem;
    overflow:hidden;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__media {
    flex:0 0 5.6rem;
    width:5.6rem;
    aspect-ratio:auto;
    min-height:100%;
    margin:0;
    border:0;
    border-inline-end:1px solid var(--line);
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__media img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__body {
    flex:1 1 auto;
    min-width:0;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:auto auto auto;
    gap:.25rem .55rem;
    align-items:center;
    padding:.65rem .7rem;
    direction:ltr;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__body h2,
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__top,
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__publish {
    grid-column:2;
    direction:rtl;
    min-width:0;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__body h2 {
    grid-row:1;
    margin:0;
    font-size:.88rem;
    line-height:1.75;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__top { grid-row:2; margin:0; }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__publish {
    grid-row:3;
    margin:0;
    padding-top:.35rem;
    gap:.2rem;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__publish dt { font-size:.52rem; }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__publish dd { font-size:.57rem; }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__open {
    grid-column:1;
    grid-row:1/4;
    align-self:center;
    justify-self:start;
    direction:rtl;
    width:auto;
    height:auto;
    min-height:0;
    margin:0;
    padding:.42rem .72rem;
    font-size:.68rem;
    white-space:nowrap;
  }

  /* Article modal is deliberately stacked above — never replaces/closes — the news-list dialog. */
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal {
    z-index:1320;
    align-items:center;
    padding:.8rem;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal__panel {
    width:min(31rem,100%);
    height:min(72dvh,34rem);
    max-height:72dvh;
    border-radius:1.1rem;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal__head { padding:.35rem .55rem 0; min-height:2.4rem; }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal__content {
    flex:1 1 auto;
    min-height:0;
    overflow:hidden!important;
    padding:0 .8rem .7rem;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal-article {
    height:100%; min-height:0; overflow:hidden;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal-article__lead {
    grid-template-columns:5.35rem minmax(0,1fr); gap:.7rem; padding-bottom:.65rem;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal-article__lead--no-image { grid-template-columns:1fr; }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal-article__image {
    width:5.35rem; height:4.45rem; aspect-ratio:auto; max-height:none; border-radius:.7rem;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal-article__title-wrap h2 { font-size:1rem; line-height:1.75; }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal-article__text {
    flex:1 1 auto; min-height:0; overflow-y:auto!important; overflow-x:hidden!important;
    padding:.65rem .1rem .65rem .45rem; line-height:2; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal-article__publish { flex:0 0 auto; padding-top:.55rem; gap:.2rem; }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal-article__publish>div { flex-direction:column; gap:.06rem; }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal-article__publish dt { font-size:.58rem; }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal-article__publish dd { font-size:.64rem; }
  html[data-mobile-webapp="true"] body.hasht-front-page #home-news-detail-modal .news-modal__actions { display:none!important; }

  /* Drawer items use one canonical mobile-navigation row language. */
  html[data-mobile-webapp="true"] .header__nav > .header__link,
  html[data-mobile-webapp="true"] .header__nav > .header__menu-group > .header__link {
    width:100%;
    min-height:3.35rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0!important;
    padding:.72rem 1rem!important;
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--text)!important;
    box-shadow:none!important;
    font:inherit;
    font-size:.92rem!important;
    font-weight:720!important;
    text-align:right;
  }
  html[data-mobile-webapp="true"] .header__nav > .header__link:hover,
  html[data-mobile-webapp="true"] .header__nav > .header__link:focus-visible,
  html[data-mobile-webapp="true"] .header__nav > .header__menu-group > .header__link:hover,
  html[data-mobile-webapp="true"] .header__nav > .header__menu-group > .header__link:focus-visible,
  html[data-mobile-webapp="true"] .header__nav > .header__menu-group.is-open > .header__link {
    background:var(--bg-soft)!important;
    color:var(--c-gold)!important;
    outline:0;
  }
  html[data-mobile-webapp="true"] .header__nav > .header__menu-group { width:100%; margin:0; padding:0; }
  html[data-mobile-webapp="true"] .header__nav .header__submenu {
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    background:color-mix(in srgb,var(--bg-soft) 65%,var(--bg))!important;
  }
  html[data-mobile-webapp="true"] .header__nav .header__submenu a {
    min-height:3.05rem;
    display:flex;
    align-items:center;
    margin:0;
    padding:.62rem 1.35rem!important;
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--line) 58%,transparent)!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--text-dim)!important;
    font-size:.86rem!important;
    font-weight:580!important;
  }
  html[data-mobile-webapp="true"] .header__nav .header__submenu a:last-child { border-bottom:0!important; }
  html[data-mobile-webapp="true"] .header__nav .header__submenu a:hover,
  html[data-mobile-webapp="true"] .header__nav .header__submenu a:focus-visible { color:var(--c-gold)!important; background:var(--bg-soft)!important; outline:0; }
}

/* R254 — unregistered-license status is a nested dialog inside the existing mobile licenses dialog. */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  html[data-mobile-webapp="true"] .mwa-dialog__inline-modal[hidden] { display:none!important; }
  html[data-mobile-webapp="true"] .mwa-dialog__inline-modal {
    position:absolute;
    inset:0;
    z-index:8;
    display:grid;
    place-items:center;
    padding:1rem;
  }
  html[data-mobile-webapp="true"] .mwa-dialog__inline-backdrop {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    background:rgba(7,9,13,.56);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
  }
  html[data-mobile-webapp="true"] .mwa-dialog__inline-panel {
    position:relative;
    z-index:1;
    width:min(22rem,100%);
    overflow:hidden;
    border:1px solid var(--line-strong);
    border-radius:1rem;
    background:var(--bg-raised);
    box-shadow:0 1rem 3rem rgba(0,0,0,.28);
  }
  html[data-mobile-webapp="true"] .mwa-dialog__inline-head {
    min-height:3rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    padding:.6rem .75rem;
    border-bottom:1px solid var(--line);
  }
  html[data-mobile-webapp="true"] .mwa-dialog__inline-head h3 { margin:0; font-size:.88rem; font-weight:850; }
  html[data-mobile-webapp="true"] .mwa-dialog__inline-close {
    width:2.15rem;
    height:2.15rem;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid var(--line);
    border-radius:.7rem;
    background:var(--bg-soft);
    color:var(--text);
    font:inherit;
    font-size:1.25rem;
    cursor:pointer;
  }
  html[data-mobile-webapp="true"] .mwa-dialog__inline-body {
    min-height:8.5rem;
    display:grid;
    place-items:center;
    padding:1.5rem 1rem;
    text-align:center;
    color:var(--text);
    line-height:2;
  }
}

/* ═══════════════════════════════════════════════════════════
   R259 — canonical mobile news rows + true nested sub-modals
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-dialog[data-panel="news"] .mwa-dialog__content{
    padding:.25rem .35rem .7rem!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list{
    display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important;padding:0!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card{
    min-width:0;min-height:6.35rem;display:flex;flex-direction:row;align-items:stretch;direction:rtl;
    overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:var(--bg-card);
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__media{
    flex:0 0 5.7rem;width:5.7rem;min-height:6.35rem;margin:0;overflow:hidden;
    border-inline-end:1px solid var(--line);background:var(--bg-soft);
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__media img{
    width:100%;height:100%;display:block;object-fit:cover;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__fallback{
    width:100%;height:100%;display:grid;place-items:center;color:var(--text-faint);font-size:.76rem;font-weight:850;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__info{
    flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.3rem;
    padding:.58rem .65rem;text-align:right;direction:rtl;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__info h2{
    margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    color:var(--text);font-size:.86rem;line-height:1.75;font-weight:820;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__meta{
    display:flex;align-items:center;justify-content:space-between;gap:.4rem;color:var(--text-faint);font-size:.62rem;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__publish{
    margin:0;padding-top:.28rem;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.15rem;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__publish>div{display:grid;gap:.02rem;text-align:center;min-width:0}
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__publish dt{color:var(--text-faint);font-size:.5rem}
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__publish dd{margin:0;color:var(--text-dim);font-size:.56rem;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__open{
    flex:0 0 auto;align-self:center;margin-inline:0 .55rem;padding:.42rem .68rem;border:1px solid color-mix(in srgb,var(--c-gold) 52%,var(--line));
    border-radius:999px;background:transparent;color:var(--c-gold);font:inherit;font-size:.67rem;font-weight:850;white-space:nowrap;cursor:pointer;
  }

  html[data-mobile-webapp="true"] .mwa-dialog__nested-modal[hidden]{display:none!important}
  html[data-mobile-webapp="true"] .mwa-dialog__nested-modal{
    position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:.55rem;
  }
  html[data-mobile-webapp="true"] .mwa-dialog__nested-backdrop{
    position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(7,9,13,.66);
    -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  }
  html[data-mobile-webapp="true"] .mwa-dialog__nested-panel{
    position:relative;z-index:1;width:min(29rem,100%);height:min(68dvh,31rem);max-height:calc(100% - .3rem);
    display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line-strong);border-radius:1rem;
    background:var(--bg-raised);box-shadow:0 1.2rem 3.6rem rgba(0,0,0,.34);
  }
  html[data-mobile-webapp="true"] .mwa-dialog__nested-head{
    min-height:3rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem .7rem;border-bottom:1px solid var(--line)
  }
  html[data-mobile-webapp="true"] .mwa-dialog__nested-head h3{margin:0;font-size:.88rem;font-weight:850}
  html[data-mobile-webapp="true"] .mwa-dialog__nested-close{
    width:2.15rem;height:2.15rem;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:.7rem;
    background:var(--bg-soft);color:var(--text);font:inherit;font-size:1.25rem;cursor:pointer;
  }
  html[data-mobile-webapp="true"] .mwa-dialog__nested-content{min-height:0;overflow:hidden;padding:.75rem}
  html[data-mobile-webapp="true"] .mwa-news-detail-article{height:100%;display:flex;flex-direction:column;min-height:0;gap:.65rem}
  html[data-mobile-webapp="true"] .mwa-news-detail-article__lead{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.7rem;align-items:center;flex:0 0 auto}
  html[data-mobile-webapp="true"] .mwa-news-detail-article__lead.is-no-image{grid-template-columns:1fr}
  html[data-mobile-webapp="true"] .mwa-news-detail-article__lead img{width:5rem;height:4.2rem;object-fit:cover;border-radius:.7rem}
  html[data-mobile-webapp="true"] .mwa-news-detail-article__lead h2{margin:0;font-size:.96rem;line-height:1.75}
  html[data-mobile-webapp="true"] .mwa-news-detail-article__text{flex:1 1 auto;min-height:0;overflow-y:auto;padding-inline-end:.3rem;color:var(--text-dim);font-size:.78rem;line-height:2;-webkit-overflow-scrolling:touch}
  html[data-mobile-webapp="true"] .mwa-news-detail-article__text p{margin:0 0 .65rem}
  html[data-mobile-webapp="true"] .mwa-news-detail-article__publish{flex:0 0 auto;margin:0;padding-top:.55rem;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem}
  html[data-mobile-webapp="true"] .mwa-news-detail-article__publish>div{display:grid;gap:.05rem;text-align:center}
  html[data-mobile-webapp="true"] .mwa-news-detail-article__publish dt{font-size:.56rem;color:var(--text-faint)}
  html[data-mobile-webapp="true"] .mwa-news-detail-article__publish dd{margin:0;font-size:.62rem;color:var(--text);font-weight:750}

  /* Both secondary dialogs are physically clipped/staked by the primary MWA panel. */
  html[data-mobile-webapp="true"] .mwa-dialog__inline-modal{z-index:11!important}
}

/* R259 final cascade: the homepage news dialog is a literal horizontal row.
   These selectors intentionally outrank the older R254 news-page grid rules. */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .mwa-news-row-card{
    display:flex!important;flex-direction:row!important;direction:rtl!important;align-items:stretch!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .mwa-news-row-card__media{
    flex:0 0 5.7rem!important;width:5.7rem!important;min-height:6.35rem!important;aspect-ratio:auto!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .mwa-news-row-card__info{
    flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;
    justify-content:center!important;gap:.3rem!important;padding:.58rem .65rem!important;direction:rtl!important;text-align:right!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .mwa-news-row-card__info h2,
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .mwa-news-row-card__meta,
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .mwa-news-row-card__publish{
    grid-column:auto!important;grid-row:auto!important;width:auto!important;min-width:0!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .mwa-news-row-card__open{
    flex:0 0 auto!important;align-self:center!important;justify-self:auto!important;grid-column:auto!important;grid-row:auto!important;
    width:auto!important;height:auto!important;min-height:0!important;margin:0 .55rem 0 0!important;padding:.42rem .68rem!important;
  }
}

/* ═══════════════════════════════════════════════════════════
   R260 — physical-mobile parity + dedicated secondary dialogs
   ═══════════════════════════════════════════════════════════ */
.mwa-secondary-modal[hidden]{display:none!important}
html[data-mobile-webapp="true"] .mwa-secondary-modal,
html.hasht-real-mobile-r260 .mwa-secondary-modal{
  position:fixed!important;
  inset:0!important;
  z-index:14080!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  padding:max(.7rem,env(safe-area-inset-top)) max(.6rem,env(safe-area-inset-right)) max(.7rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left))!important;
  isolation:isolate!important;
  contain:layout paint!important;
}
html[data-mobile-webapp="true"] .mwa-secondary-modal__backdrop,
html.hasht-real-mobile-r260 .mwa-secondary-modal__backdrop{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;
  background:rgba(4,6,10,.72)!important;-webkit-backdrop-filter:blur(9px)!important;backdrop-filter:blur(9px)!important;
}
html[data-mobile-webapp="true"] .mwa-secondary-modal__panel,
html.hasht-real-mobile-r260 .mwa-secondary-modal__panel{
  position:relative!important;z-index:1!important;width:min(94vw,34rem)!important;height:min(84dvh,40rem)!important;
  max-height:calc(100dvh - max(1.4rem,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;
  display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important;
  border:1px solid var(--line-strong)!important;border-radius:1.15rem!important;background:var(--bg-raised)!important;
  box-shadow:0 1.6rem 5rem rgba(0,0,0,.46)!important;
}
html[data-mobile-webapp="true"] .mwa-secondary-modal__panel--compact,
html.hasht-real-mobile-r260 .mwa-secondary-modal__panel--compact{height:auto!important;min-height:11rem!important;max-width:24rem!important}
html[data-mobile-webapp="true"] .mwa-secondary-modal__head,
html.hasht-real-mobile-r260 .mwa-secondary-modal__head{
  min-height:3.35rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;
  padding:.6rem .8rem!important;border-bottom:1px solid var(--line)!important;direction:rtl!important;
}
html[data-mobile-webapp="true"] .mwa-secondary-modal__head h3,
html.hasht-real-mobile-r260 .mwa-secondary-modal__head h3{margin:0!important;font-size:.9rem!important;font-weight:850!important}
html[data-mobile-webapp="true"] .mwa-secondary-modal__close,
html.hasht-real-mobile-r260 .mwa-secondary-modal__close{
  width:2.25rem!important;height:2.25rem!important;display:grid!important;place-items:center!important;padding:0!important;
  border:1px solid var(--line)!important;border-radius:.72rem!important;background:var(--bg-soft)!important;color:var(--text)!important;
  font:inherit!important;font-size:1.3rem!important;cursor:pointer!important;
}
html[data-mobile-webapp="true"] .mwa-secondary-modal__body,
html.hasht-real-mobile-r260 .mwa-secondary-modal__body{min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:.75rem!important}
html[data-mobile-webapp="true"] .mwa-secondary-modal__body--center,
html.hasht-real-mobile-r260 .mwa-secondary-modal__body--center{min-height:8rem!important;display:grid!important;place-items:center!important;text-align:center!important;line-height:2!important}

/* Explicit 3-column news-row geometry. It also applies on physical mobile browsers
   whose effective CSS viewport can exceed 767px because of browser chrome/zoom. */
@media (max-width:820px), (hover:none) and (pointer:coarse){
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-dialog[data-panel="news"] .mwa-news-page-list,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-dialog[data-panel="news"] .mwa-news-page-list{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:.55rem!important;padding:0!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card{
    width:100%!important;min-width:0!important;min-height:6.5rem!important;
    display:grid!important;grid-template-columns:auto minmax(0,1fr) 5.7rem!important;grid-template-areas:"action info media"!important;
    align-items:stretch!important;direction:ltr!important;overflow:hidden!important;
    border:1px solid var(--line)!important;border-radius:1rem!important;background:var(--bg-card)!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__media,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card__media{
    grid-area:media!important;width:5.7rem!important;min-width:5.7rem!important;min-height:6.5rem!important;margin:0!important;
    border:0!important;border-inline-end:1px solid var(--line)!important;overflow:hidden!important;background:var(--bg-soft)!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__info,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card__info{
    grid-area:info!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:.28rem!important;
    padding:.55rem .62rem!important;text-align:right!important;direction:rtl!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__open,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card__open{
    grid-area:action!important;align-self:center!important;justify-self:end!important;margin:0 .45rem 0 .55rem!important;
    width:auto!important;min-width:max-content!important;height:auto!important;padding:.42rem .65rem!important;
    border:1px solid color-mix(in srgb,var(--c-gold) 52%,var(--line))!important;border-radius:999px!important;
    background:transparent!important;color:var(--c-gold)!important;font:inherit!important;font-size:.66rem!important;font-weight:850!important;white-space:nowrap!important;direction:rtl!important;
  }
}
/* R260: a secondary dialog is an independent viewport overlay. Lock the document
   behind it on real phones so Safari/Chrome cannot scroll the primary dialog underneath. */
html.hasht-secondary-modal-open-r260,
body.hasht-secondary-modal-open-r260{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}
.mwa-secondary-modal{touch-action:auto!important}
/* R260 final physical-phone cascade. These rules intentionally cover landscape
   phones whose CSS viewport may exceed the historical 767px breakpoint. */
@media (max-width:820px), (hover:none) and (pointer:coarse){
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__media img,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card__media img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__fallback,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card__fallback{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;color:var(--text-faint)!important;font-size:.72rem!important;font-weight:850!important;direction:rtl!important}
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__info h2,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card__info h2{margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:var(--text)!important;font-size:.84rem!important;line-height:1.75!important;font-weight:820!important}
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__meta,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card__meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.35rem!important;color:var(--text-faint)!important;font-size:.6rem!important}
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__publish,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card__publish{margin:0!important;padding-top:.26rem!important;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.12rem!important;direction:rtl!important}
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__publish>div,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card__publish>div{display:grid!important;gap:.02rem!important;text-align:center!important;min-width:0!important}
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__publish dt,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card__publish dt{color:var(--text-faint)!important;font-size:.49rem!important}
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-row-card__publish dd,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-row-card__publish dd{margin:0!important;color:var(--text-dim)!important;font-size:.55rem!important;font-weight:720!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mwa-secondary-modal--news .mwa-news-detail-article{height:100%;display:flex;flex-direction:column;min-height:0;gap:.65rem;direction:rtl}
  .mwa-secondary-modal--news .mwa-news-detail-article__lead{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.7rem;align-items:center;flex:0 0 auto}
  .mwa-secondary-modal--news .mwa-news-detail-article__lead.is-no-image{grid-template-columns:1fr}
  .mwa-secondary-modal--news .mwa-news-detail-article__lead img{width:5rem;height:4.2rem;object-fit:cover;border-radius:.7rem}
  .mwa-secondary-modal--news .mwa-news-detail-article__lead h2{margin:0;font-size:.96rem;line-height:1.75}
  .mwa-secondary-modal--news .mwa-news-detail-article__text{flex:1 1 auto;min-height:0;overflow-y:auto;padding-inline-end:.3rem;color:var(--text-dim);font-size:.78rem;line-height:2;-webkit-overflow-scrolling:touch}
  .mwa-secondary-modal--news .mwa-news-detail-article__text p{margin:0 0 .65rem}
  .mwa-secondary-modal--news .mwa-news-detail-article__publish{flex:0 0 auto;margin:0;padding-top:.55rem;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem}
  .mwa-secondary-modal--news .mwa-news-detail-article__publish>div{display:grid;gap:.05rem;text-align:center}
  .mwa-secondary-modal--news .mwa-news-detail-article__publish dt{font-size:.56rem;color:var(--text-faint)}
  .mwa-secondary-modal--news .mwa-news-detail-article__publish dd{margin:0;font-size:.62rem;color:var(--text);font-weight:750}
}

/* ═══════════════════════════════════════════════════════════
   R264 — Mobile WebApp news parity + stacked secondary dialogs
   ═══════════════════════════════════════════════════════════ */
@media (max-width:820px), (hover:none) and (pointer:coarse) {
  /* The news list modal now uses the exact card geometry of the mobile News page:
     media on the physical right, textual grid in the middle, action on the left. */
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-dialog[data-panel="news"] .mwa-dialog__panel,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-dialog[data-panel="news"] .mwa-dialog__panel {
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-dialog[data-panel="news"] .mwa-dialog__content,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-dialog[data-panel="news"] .mwa-dialog__content {
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:.1rem .15rem .65rem!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-dialog[data-panel="news"] .mwa-dialog__content::-webkit-scrollbar,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-dialog[data-panel="news"] .mwa-dialog__content::-webkit-scrollbar { display:none!important; }

  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list {
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.55rem!important;
    align-content:start!important;
    padding:0!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card {
    width:100%!important;
    min-width:0!important;
    min-height:6.2rem!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    overflow:hidden!important;
    border:1px solid var(--line)!important;
    border-radius:1rem!important;
    background:var(--bg-card)!important;
    direction:rtl!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__media,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__media {
    flex:0 0 5.6rem!important;
    width:5.6rem!important;
    min-width:5.6rem!important;
    min-height:6.2rem!important;
    aspect-ratio:auto!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    border-inline-end:1px solid var(--line)!important;
    background:var(--bg-soft)!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__media img,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__media img {
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__body,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__body {
    flex:1 1 auto!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    gap:.25rem .55rem!important;
    align-items:center!important;
    padding:.65rem .7rem!important;
    direction:ltr!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__body h2,
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__top,
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__publish,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__body h2,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__top,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__publish {
    grid-column:2!important;
    min-width:0!important;
    direction:rtl!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__body h2,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__body h2 {
    grid-row:1!important;
    margin:0!important;
    color:var(--text)!important;
    font-size:.88rem!important;
    line-height:1.75!important;
    font-weight:820!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__top,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__top {
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.6rem!important;
    margin:0!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__date,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__date {
    color:var(--text-faint)!important;
    font-size:.72rem!important;
    white-space:nowrap!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__publish,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__publish {
    grid-row:3!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.2rem!important;
    padding:.35rem 0 0!important;
    border-top:1px solid var(--line)!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__publish>div,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__publish>div {
    min-width:0!important;
    display:grid!important;
    gap:.08rem!important;
    text-align:center!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__publish dt,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__publish dt { color:var(--text-faint)!important;font-size:.52rem!important; }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__publish dd,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__publish dd {
    margin:0!important;color:var(--text-dim)!important;font-size:.57rem!important;font-weight:700!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html[data-mobile-webapp="true"] body.hasht-front-page .mwa-news-page-list .news-page-card__open,
  html.hasht-real-mobile-r260 body.hasht-front-page .mwa-news-page-list .news-page-card__open {
    grid-column:1!important;
    grid-row:1 / 4!important;
    align-self:center!important;
    justify-self:start!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:.42rem .72rem!important;
    border:1px solid color-mix(in srgb,var(--c-gold) 52%,var(--line))!important;
    border-radius:999px!important;
    background:transparent!important;
    color:var(--c-gold)!important;
    font:inherit!important;
    font-size:.68rem!important;
    font-weight:800!important;
    white-space:nowrap!important;
    direction:rtl!important;
  }

  /* Fixed modal footer: only the news cards scroll; the all-news action stays at
     the physical bottom-left corner of the panel. */
  html[data-mobile-webapp="true"] .mwa-dialog[data-panel="news"] .mwa-dialog__footer,
  html.hasht-real-mobile-r260 .mwa-dialog[data-panel="news"] .mwa-dialog__footer {
    position:relative!important;
    z-index:3!important;
    min-height:3.55rem!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    direction:ltr!important;
    padding:.55rem .8rem max(.65rem,env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--line)!important;
    background:var(--bg-raised)!important;
  }
  html[data-mobile-webapp="true"] .mwa-dialog[data-panel="news"] .mwa-dialog__all-news,
  html.hasht-real-mobile-r260 .mwa-dialog[data-panel="news"] .mwa-dialog__all-news {
    margin:0!important;
    direction:rtl!important;
    flex:0 0 auto!important;
  }

  /* Secondary dialogs deliberately remain separate viewport overlays above the
     primary News/Licenses modal, while the primary panel stays visible beneath. */
  html[data-mobile-webapp="true"] .mwa-dialog.has-secondary-modal-r266 .mwa-dialog__panel,
  html.hasht-real-mobile-r260 .mwa-dialog.has-secondary-modal-r266 .mwa-dialog__panel {
    transform:scale(.985)!important;
    filter:saturate(.88)!important;
  }
  html[data-mobile-webapp="true"] .mwa-secondary-modal,
  html.hasht-real-mobile-r260 .mwa-secondary-modal { z-index:16080!important; }
  html[data-mobile-webapp="true"] .mwa-secondary-modal__backdrop,
  html.hasht-real-mobile-r260 .mwa-secondary-modal__backdrop {
    background:rgba(4,6,10,.62)!important;
    -webkit-backdrop-filter:blur(7px)!important;
    backdrop-filter:blur(7px)!important;
  }
  .mwa-license-status { width:100%;display:grid;place-items:center;gap:.65rem;text-align:center;direction:rtl; }
  .mwa-license-status strong { color:var(--text);font-size:.92rem;line-height:2; }
  .mwa-license-status span { color:var(--text-faint);font-size:.7rem; }
  .mwa-license-status b { min-width:7rem;padding:.55rem .8rem;border:1px solid var(--line);border-radius:.75rem;background:var(--bg-soft);color:var(--c-gold);font-size:.88rem;letter-spacing:.04em; }
}

html.hasht-secondary-modal-open-r266,
body.hasht-secondary-modal-open-r266 {
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
}


/* ═══════════════════════════════════════════════════════════
   R266 — authoritative mobile modal visibility contract
   hidden/is-open state owns display; no historical cascade may override it.
   ═══════════════════════════════════════════════════════════ */
html[data-mobile-webapp="true"] body.hasht-front-page .mwa-dialog[hidden],
html[data-mobile-webapp="true"] body.hasht-front-page .mwa-dialog:not(.is-open),
html.hasht-real-mobile-r260 body.hasht-front-page .mwa-dialog[hidden],
html.hasht-real-mobile-r260 body.hasht-front-page .mwa-dialog:not(.is-open),
html[data-mobile-webapp="true"] body.hasht-front-page .mwa-secondary-modal[hidden],
html[data-mobile-webapp="true"] body.hasht-front-page .mwa-secondary-modal:not(.is-open),
html.hasht-real-mobile-r260 body.hasht-front-page .mwa-secondary-modal[hidden],
html.hasht-real-mobile-r260 body.hasht-front-page .mwa-secondary-modal:not(.is-open) {
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html[data-mobile-webapp="true"] body.hasht-front-page .mwa-dialog.is-open:not([hidden]),
html.hasht-real-mobile-r260 body.hasht-front-page .mwa-dialog.is-open:not([hidden]) {
  display:grid!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html[data-mobile-webapp="true"] body.hasht-front-page .mwa-secondary-modal.is-open:not([hidden]),
html.hasht-real-mobile-r260 body.hasht-front-page .mwa-secondary-modal.is-open:not([hidden]) {
  display:grid!important;
  visibility:visible!important;
  pointer-events:auto!important;
}


/* ═══════════════════════════════════════════════════════════
   R266 — canonical mobile drawer identity + contrast contract
   The drawer header mirrors the public header brand exactly and parent rows
   keep WCAG-safe foreground contrast in both themes. No separator lines.
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 820px), (hover:none) and (pointer:coarse) {
  html[data-mobile-webapp="true"] {
    --mwa-drawer-fg: #171512;
    --mwa-drawer-muted: #5e5a52;
    --mwa-drawer-group-bg: rgba(26,43,76,.055);
    --mwa-drawer-group-open-bg: rgba(212,163,115,.16);
    --mwa-drawer-group-open-fg: #6e4217;
  }
  html[data-theme="dark"][data-mobile-webapp="true"] {
    --mwa-drawer-fg: #f6f2e9;
    --mwa-drawer-muted: #cbc4b7;
    --mwa-drawer-group-bg: rgba(255,255,255,.055);
    --mwa-drawer-group-open-bg: rgba(212,163,115,.18);
    --mwa-drawer-group-open-fg: #ffd9a8;
  }

  html[data-mobile-webapp="true"] .header__nav-top {
    grid-template-columns: minmax(0,1fr) 2.5rem !important;
    direction: rtl !important;
    gap: .75rem;
  }
  html[data-mobile-webapp="true"] .header__nav-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .55rem !important;
    min-width: 0;
    color: var(--mwa-drawer-fg) !important;
    text-decoration: none !important;
  }
  html[data-mobile-webapp="true"] .header__nav-logo {
    width: 2rem !important;
    height: 2rem !important;
    object-fit: contain !important;
    flex: 0 0 auto;
  }
  html[data-mobile-webapp="true"] .header__nav-wordmark {
    display: inline-block !important;
    color: inherit !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap;
  }
  html[data-mobile-webapp="true"] .header__nav-close {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    color: var(--mwa-drawer-fg) !important;
  }

  html[data-mobile-webapp="true"] .header__nav > .header__link,
  html[data-mobile-webapp="true"] .header__nav > .header__menu-group > .header__submenu-toggle {
    border: 0 !important;
    border-bottom: 0 !important;
    color: var(--mwa-drawer-fg) !important;
    opacity: 1 !important;
  }
  html[data-mobile-webapp="true"] .header__nav > .header__menu-group > .header__submenu-toggle {
    background: var(--mwa-drawer-group-bg) !important;
    border-radius: .82rem !important;
    margin-block: .18rem !important;
  }
  html[data-mobile-webapp="true"] .header__nav > .header__menu-group > .header__submenu-toggle > span {
    color: inherit !important;
    opacity: 1 !important;
  }
  html[data-mobile-webapp="true"] .header__nav > .header__menu-group > .header__submenu-toggle svg {
    color: inherit !important;
    stroke: currentColor !important;
    opacity: 1 !important;
  }
  html[data-mobile-webapp="true"] .header__nav > .header__menu-group.is-open > .header__submenu-toggle {
    color: var(--mwa-drawer-group-open-fg) !important;
    background: var(--mwa-drawer-group-open-bg) !important;
  }
  html[data-mobile-webapp="true"] .header__nav .header__submenu {
    border: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    margin: 0 !important;
  }
  html[data-mobile-webapp="true"] .header__nav .header__submenu a {
    border: 0 !important;
    border-bottom: 0 !important;
    color: var(--mwa-drawer-muted) !important;
    background: transparent !important;
    opacity: 1 !important;
  }
  html[data-mobile-webapp="true"] .header__nav .header__submenu a:hover,
  html[data-mobile-webapp="true"] .header__nav .header__submenu a:focus-visible {
    color: var(--mwa-drawer-fg) !important;
    background: var(--mwa-drawer-group-bg) !important;
  }
}

/* R277 — authoritative notice-card spacing inside the Mobile Web App modal. */
@media (max-width:820px),(hover:none) and (pointer:coarse){
  .mwa-dialog__content .mwa-notice-list-r277{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;row-gap:1rem!important;column-gap:0!important;padding:.3rem .15rem 1rem!important;align-content:start!important;align-items:stretch!important}
  .mwa-dialog__content .mwa-notice-list-r277>.notice-card-r273{display:grid!important;margin:0!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;position:relative}
  .mwa-dialog__content .mwa-notice-list-r277>.notice-card-r273+.notice-card-r273{margin-top:0!important}
  .mwa-dialog__content .mwa-notice-list-r277>.notice-card-r273:not(:last-child){margin-bottom:0!important}
}

/* R297 — fixed compact notice control between hamburger and theme on mobile. */
@media (max-width:820px), (hover:none) and (pointer:coarse) {
  .header__mobile-notice {
    order:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.32rem;
    min-width:4.75rem;
    height:2.35rem;
    padding:.25rem .55rem;
    border:1px solid color-mix(in srgb,var(--c-gold) 45%,var(--line));
    border-radius:.8rem;
    background:color-mix(in srgb,var(--bg-card) 92%,transparent);
    color:var(--text);
    font-size:.72rem;
    font-weight:850;
    text-decoration:none;
    white-space:nowrap;
  }
  .header__mobile-notice[hidden]{display:none!important}
  .header__toggle{order:0!important}
  .theme-toggle{order:2!important}
  .header__mobile-notice-icon{position:relative;display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;background:color-mix(in srgb,var(--c-gold) 16%,transparent);color:var(--c-gold);font-size:.72rem;font-weight:950}
  .header__mobile-notice-dot{position:absolute;top:-.12rem;right:-.12rem;width:.38rem;height:.38rem;border-radius:50%;background:#3b82f6;opacity:0}
  .header__mobile-notice.is-unread .header__mobile-notice-dot{opacity:1;box-shadow:0 0 .55rem rgba(59,130,246,.72)}

  html[data-mobile-webapp="true"] .header__mobile-notice {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)!important;
    z-index:2;
    min-width:5.1rem;
    height:2.25rem;
    margin:0;
  }

  .mwa-faq-row summary,
  .mwa-faq-row p {
    white-space:pre-wrap;
    overflow-wrap:break-word;
    word-break:normal;
  }
}
@media (min-width:821px) {
  .header__mobile-notice{display:none!important}
}

/* R297 — final mobile cascade: settings always clears the bottom notice ticker. */
@media (max-width:820px), (hover:none) and (pointer:coarse) {
  html[data-mobile-webapp="true"] body.hasht-notice-ticker-active #site-settings.site-settings,
  html[data-mobile-site-mode="full"] body.hasht-notice-ticker-active #site-settings.site-settings,
  html[data-mobile-site-mode="webapp"] body.hasht-notice-ticker-active #site-settings.site-settings {
    bottom:calc(var(--hasht-notice-ticker-offset,0px) + .85rem)!important;
    z-index:1550!important;
  }
}

/* R297 — membership toast cannot sit under the global notice ticker. */
body.hasht-membership-page.hasht-notice-ticker-active .reg-toast,
html[data-mobile-webapp] body.hasht-membership-page.hasht-notice-ticker-active .reg-toast {
  bottom:calc(var(--hasht-notice-ticker-offset,0px) + 1rem)!important;
  z-index:1600!important;
}

/* ========================================================================
   R297 — mobile notice lives only in the header; bottom ticker is forbidden.
   ======================================================================== */
@media (max-width:820px), (hover:none) and (pointer:coarse) {
  .hasht-notice-ticker,
  .hasht-notice-ticker[hidden],
  .hasht-notice-ticker.is-section-hidden {
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
  }
  .header__mobile-notice {
    min-width:5.4rem!important;
    max-width:8.25rem!important;
    height:2.42rem!important;
    gap:.3rem!important;
    padding:.2rem .42rem!important;
    overflow:hidden!important;
    position:relative;
  }
  .header__mobile-notice-marks{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.16rem;
    flex:0 0 auto;
    min-width:1.45rem;
  }
  .header__mobile-notice-brand{
    display:block;
    width:1.22rem;
    height:1.22rem;
    flex:0 0 1.22rem;
    background:var(--c-gold,#f0b429);
    -webkit-mask:url('../img/logo-hasht.png') center/contain no-repeat;
    mask:url('../img/logo-hasht.png') center/contain no-repeat;
  }
  .header__mobile-notice-logo{
    display:block;
    width:1.08rem;
    height:1.08rem;
    flex:0 0 1.08rem;
    object-fit:contain;
    border-radius:.28rem;
  }
  .header__mobile-notice-label{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .header__mobile-notice-dot{
    position:absolute;
    top:-.18rem;
    right:-.18rem;
    width:.38rem;
    height:.38rem;
    border-radius:50%;
    background:#3b82f6;
    opacity:0;
  }
  .header__mobile-notice.is-unread .header__mobile-notice-dot{
    opacity:1;
    animation:hashtMobileNoticeDotR297 1.15s ease-in-out infinite;
  }
  .header__mobile-notice.is-unread{
    animation:hashtMobileNoticeCardR297 1.8s ease-in-out infinite;
  }
  @keyframes hashtMobileNoticeDotR297{
    0%,100%{transform:scale(.72);box-shadow:0 0 0 0 rgba(59,130,246,.45)}
    50%{transform:scale(1.12);box-shadow:0 0 0 .24rem rgba(59,130,246,0),0 0 .65rem rgba(59,130,246,.75)}
  }
  @keyframes hashtMobileNoticeCardR297{
    0%,100%{border-color:color-mix(in srgb,var(--c-gold) 38%,var(--line));box-shadow:none}
    50%{border-color:color-mix(in srgb,var(--c-gold) 78%,var(--line));box-shadow:0 0 .8rem color-mix(in srgb,var(--c-gold) 24%,transparent)}
  }
  body.hasht-notice-ticker-active #site-settings.site-settings,
  body.hasht-membership-page.hasht-notice-ticker-active .reg-toast{
    bottom:.85rem!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .header__mobile-notice.is-unread,
  .header__mobile-notice.is-unread .header__mobile-notice-dot{animation:none!important}
}