@media (max-width: 760px) {
  /*
   * Layered fallbacks never outrank a page's existing unlayered tokens.
   */
  @layer mobile-token-fallbacks {
    html[data-mpage] {
      --bg: #f6f7f9;
      --paper: #fff;
      --paper2: #f0f2f6;
      --ink: #0b0b0b;
      --muted: #52514e;
      --subtle: #8a8a94;
      --line: #e3e5ee;
      --line2: #cfd3de;
      --accent: #2a5db0;
      --accent-ink: #fff;
      --blue: #2a5db0;
      --ok: #1e7a3d;
      --failed: #cc3344;
      --warn: #9a6a00;
      --violet: #5b4bd6;
      --ease: cubic-bezier(.2, .8, .2, 1);
    }

    html[data-mpage].dark {
      --bg: #11151c;
      --paper: #191f29;
      --paper2: #252e3b;
      --ink: #f1f3f7;
      --muted: #bbc3cf;
      --subtle: #a4adbd;
      --line: #354051;
      --line2: #536179;
      --accent: #9bbcff;
      --accent-ink: #101c30;
      --blue: #9bbcff;
      --ok: #89dba5;
      --failed: #ffa0aa;
      --warn: #edcb7d;
      --violet: #b8afff;
    }
  }

  html[data-mpage] {
    --m-safe-bottom: env(safe-area-inset-bottom, 0px);
    --m-header-h: 56px;
    --m-dock-h: 0px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-padding-top: calc(var(--m-header-h) + 12px);
  }

  html[data-mpage].m-hosted {
    --m-safe-bottom: 0px;
  }

  html[data-mpage] body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    -webkit-tap-highlight-color: transparent;
  }

  html[data-mpage] :where(
    main, section, article, aside, form, fieldset,
    .wrap, .ws, .panel, .workspace, .header-inner
  ) {
    min-width: 0;
    box-sizing: border-box;
  }

  html[data-mpage] :where(button, input, textarea, select, summary, [role="button"]) {
    box-sizing: border-box;
    max-width: 100%;
  }

  html[data-mpage] :where(button, summary, [role="button"], a.btn, a.button) {
    min-width: 44px;
    min-height: 44px;
    touch-action: manipulation;
  }

  html[data-mpage] a[href] {
    touch-action: manipulation;
    overflow-wrap: anywhere;
  }

  html[data-mpage] :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    textarea,
    select,
    [contenteditable="true"]
  ) {
    font-size: 16px;
  }

  html[data-mpage] :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select
  ) {
    min-height: 44px;
    min-width: 0;
  }

  html[data-mpage] textarea {
    line-height: 1.5;
    max-width: 100%;
  }

  html[data-mpage] label:has(> input:is([type="checkbox"], [type="radio"])) {
    min-height: 44px;
    min-width: 44px;
    align-content: center;
  }

  html[data-mpage] body :focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
  }

  html[data-mpage] :where(h1, h2, h3) {
    overflow-wrap: anywhere;
    text-wrap: pretty;
  }

  html[data-mpage] :where(.eyebrow) {
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: .1em;
    color: var(--muted);
  }

  html[data-mpage] :where(dialog) {
    box-sizing: border-box;
    max-width: 100%;
  }

  html[data-mpage].m-applied body .m-stowed {
    display: none;
  }

  html[data-mpage] .m-icon {
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
  }

  html[data-mpage] .m-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }

  html[data-mpage] :is(
    #backBtn, #homeBtn, #prevInit, #nextInit, #mm-toggle
  ).m-iconized {
    position: relative;
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    gap: 0;
    font-size: 0;
    line-height: 0;
  }

  html[data-mpage] :is(
    #backBtn, #homeBtn, #prevInit, #nextInit, #mm-toggle
  ).m-iconized > :not(.m-icon) {
    display: none;
  }

  html[data-mpage] :is(#homeBtn, #backBtn)[hidden] {
    display: none;
  }

  html[data-mpage] #mactions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--line2);
    border-radius: 10px;
    color: var(--ink);
    background: var(--paper);
    cursor: pointer;
    touch-action: manipulation;
  }

  html[data-mpage] #mactions[aria-expanded="true"] {
    color: var(--accent);
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 8%, var(--paper));
  }

  /* Shared native modal. Only its panel moves; the backdrop stays still. */
  html[data-mpage] #msheet {
    position: fixed;
    inset: var(--m-vtop, 0px) 0 auto;
    width: 100%;
    max-width: none;
    height: var(--m-vh, 100dvh);
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    background: transparent;
    color: var(--ink);
    overscroll-behavior: none;
  }

  html[data-mpage] #msheet[open] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }

  html[data-mpage] #msheet:not([open]),
  html[data-mpage] #msheet[hidden] {
    display: none;
  }

  html[data-mpage] #msheet::backdrop {
    background: rgb(9 15 26 / .44);
  }

  html[data-mpage].dark #msheet::backdrop {
    background: rgb(0 0 0 / .66);
  }

  html[data-mpage] #msheet .m-sheet-panel {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: min(100%, 600px);
    max-height: min(88%, 760px);
    padding: 0 0 var(--m-safe-bottom);
    border: 1px solid var(--line);
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
    background: var(--paper);
    box-shadow: 0 -10px 48px rgb(0 0 0 / .16);
    overflow: hidden;
  }

  html[data-mpage] #msheet[open] .m-sheet-panel {
    animation: m-sheet-enter 180ms var(--ease) both;
  }

  html[data-mpage] #msheet .m-sheet-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: none;
    min-height: 64px;
    padding: 6px 12px 6px 20px;
    gap: 12px;
    border-bottom: 1px solid var(--line);
  }

  html[data-mpage] #msheet .m-sheet-head h2 {
    margin: 0;
    font-size: 19px;
    line-height: 1.3;
    color: var(--ink);
  }

  html[data-mpage] :is(.m-sheet-close, .m-menu-close) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--line2);
    border-radius: 10px;
    background: var(--paper);
    color: var(--ink);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
  }

  html[data-mpage] #msheet .m-sheet-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px 12px 16px;
    -webkit-overflow-scrolling: touch;
  }

  html[data-mpage] #msheet .m-sheet-row {
    width: 100%;
    padding: 4px 0;
    border-bottom: 1px solid var(--line);
  }

  html[data-mpage] #msheet .m-sheet-row[hidden],
  html[data-mpage] #msheet .m-sheet-row:has(> [hidden]) {
    display: none;
  }

  html[data-mpage] #msheet .m-sheet-control:not([hidden]) {
    position: static;
    inset: auto;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-width: 0;
    min-height: 52px;
    height: auto;
    margin: 0;
    transform: none;
  }

  html[data-mpage] #msheet :is(
    button.m-sheet-control,
    a.m-sheet-control
  ):not([hidden]) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 12px;
    border: 0;
    border-radius: 9px;
    text-align: left;
    text-decoration: none;
    white-space: normal;
    font-size: 16px;
    line-height: 1.5;
    color: var(--ink);
    background: transparent;
  }

  html[data-mpage] #msheet button:disabled {
    color: var(--muted);
    opacity: .65;
    cursor: default;
  }

  html[data-mpage] #msheet button.danger {
    color: var(--failed);
  }

  html[data-mpage] #msheet #newInitBtn .wide {
    display: inline;
  }

  html[data-mpage] #msheet #newInitBtn .narrow {
    display: none;
  }

  html[data-mpage] #msheet #langSeg:not([hidden]) {
    display: flex;
    padding: 0;
    border: 1px solid var(--line2);
    border-radius: 10px;
    overflow: hidden;
  }

  html[data-mpage] #msheet #langSeg button {
    flex: 1;
    min-height: 52px;
    font-size: 16px;
  }

  html[data-mpage] #msheet #moreMenu:not([hidden]) {
    display: block;
    border: 0;
    padding: 0;
  }

  html[data-mpage] #msheet #moreBtn {
    width: 100%;
    min-height: 52px;
    text-align: left;
    justify-content: flex-start;
    padding: 12px;
    border: 0;
    background: transparent;
    color: var(--ink);
    font-size: 16px;
  }

  html[data-mpage] #msheet #morePop:not([hidden]) {
    display: grid;
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    max-height: none;
    margin: 0 0 8px;
    padding: 4px;
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: none;
    background: var(--paper2);
  }

  html[data-mpage] #msheet #morePop button {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 52px;
    padding: 12px;
    text-align: left;
    white-space: normal;
    font-size: 15px;
  }

  html[data-mpage] #msheet :is(.path, .scope, .cov) {
    padding: 10px 12px;
    font-size: 14px;
    overflow-wrap: anywhere;
  }

  html[data-mpage] #msheet .path {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  html[data-mpage] #msheet .path > button {
    flex: 1 1 120px;
    min-height: 52px;
    padding: 10px;
    white-space: normal;
  }

  html[data-mpage] #msheet :is(.scope, .cov) button {
    min-height: 44px;
  }

  html[data-mpage] #msheet #fx-hud {
    display: block;
    position: static;
    inset: auto;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    transform: none;
    box-shadow: none;
    background: transparent;
  }

  html[data-mpage] #msheet #fx-toggle {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 52px;
    padding: 12px;
    font-size: 16px;
  }

  html[data-mpage] #msheet .m-sheet-section {
    padding: 16px 0 0;
  }

  html[data-mpage] #msheet .m-sheet-section h3 {
    margin: 0 12px 6px;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
  }

  html[data-mpage] #msheet .m-sheet-section :is(a, button) {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 52px;
    gap: 12px;
    padding: 12px;
    box-sizing: border-box;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--ink);
    font: inherit;
    text-align: left;
    text-decoration: none;
  }

  html[data-mpage] #msheet .m-sheet-section a[aria-current="page"] {
    color: var(--accent);
    font-weight: 650;
    background: color-mix(in srgb, var(--accent) 8%, var(--paper));
  }

  html[data-mpage].m-sheet-open,
  html[data-mpage].m-sheet-open body {
    overflow: hidden;
    overscroll-behavior: none;
  }

  /* Normal-flow shell navigation: no iframe overlap. */
  html[data-mpage="shell"].m-applied,
  html[data-mpage="shell"].m-applied body {
    height: var(--m-vh, 100dvh);
    min-height: 0;
    overflow: hidden;
  }

  html[data-mpage="shell"].m-applied body {
    display: flex;
    flex-direction: column;
  }

  html[data-mpage="shell"].m-applied body > header {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex: 0 0 44px;
    height: 44px;
    min-height: 44px;
    gap: 8px;
    padding: 0 max(10px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));
    background: var(--paper);
    border-bottom: 1px solid var(--line);
  }

  html[data-mpage="shell"] header > .brand {
    display: inline-flex;
    align-items: center;
    flex: none;
    min-height: 44px;
    font-size: 14px;
  }

  html[data-mpage="shell"] header > .crumb {
    display: block;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: var(--muted);
  }

  html[data-mpage="shell"] header > .crumb::before {
    content: "";
    display: none;
  }

  html[data-mpage="shell"].m-applied header > .sp {
    display: none;
  }

  html[data-mpage="shell"] #mm-toggle.m-iconized {
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--ink);
  }

  html[data-mpage="shell"] body > main {
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
  }

  html[data-mpage="shell"] #frame {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
  }

  html[data-mpage="shell"] #mnav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    flex: 0 0 auto;
    box-sizing: border-box;
    min-height: calc(56px + env(safe-area-inset-bottom, 0px));
    padding: 0 max(4px, env(safe-area-inset-right)) env(safe-area-inset-bottom, 0px) max(4px, env(safe-area-inset-left));
    gap: 2px;
    margin: 0;
    border-top: 1px solid var(--line);
    background: var(--paper);
  }

  html[data-mpage="shell"] #mnav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 55px;
    gap: 3px;
    padding: 5px 2px;
    border-radius: 10px;
    box-sizing: border-box;
    text-decoration: none;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.2;
    font-weight: 550;
  }

  html[data-mpage="shell"] #mnav a[aria-current="page"] {
    color: var(--accent);
    background: color-mix(in srgb, var(--accent) 9%, var(--paper));
    font-weight: 700;
  }

  html[data-mpage="shell"] body:has(nav.mega.open) > #mnav,
  html[data-mpage="shell"].m-keyboard #mnav {
    display: none;
  }

  html[data-mpage="shell"] nav.mega.open {
    position: fixed;
    inset: 44px 0 0;
    z-index: 40;
    box-sizing: border-box;
    height: calc(var(--m-vh, 100dvh) - 44px);
    max-height: none;
    padding: 0 max(12px, env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left));
    background: var(--paper);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  html[data-mpage="shell"] .m-menu-head {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 60px;
    padding: 6px 0;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
    box-sizing: border-box;
  }

  html[data-mpage="shell"] .m-menu-head h2 {
    margin: 0;
    font-size: 19px;
    line-height: 1.3;
  }

  html[data-mpage="shell"] nav.mega.open .mm-btn {
    min-height: 52px;
    height: auto;
    padding: 10px 4px;
    font-size: 16px;
    line-height: 1.5;
  }

  html[data-mpage="shell"] nav.mega.open .mm-panel,
  html[data-mpage="shell"] nav.mega.open .mm-panel.narrow {
    background: var(--paper);
    padding: 4px 0 18px;
  }

  html[data-mpage="shell"] nav.mega.open .mm-btn .who {
    max-width: none;
  }

  html[data-mpage="shell"] .mm-head {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  html[data-mpage="shell"] #mm-filter {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    font-size: 16px;
    padding: 10px 12px;
    background: var(--paper);
    color: var(--ink);
  }

  html[data-mpage="shell"] #mm-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  html[data-mpage="shell"] #mm-pills button {
    min-height: 44px;
    min-width: 52px;
    padding: 8px 14px;
    border-radius: 24px;
    font-size: 14px;
    background: var(--paper);
    color: var(--muted);
  }

  html[data-mpage="shell"] #mm-pills button[aria-pressed="true"] {
    background: var(--ink);
    color: var(--paper);
  }

  html[data-mpage="shell"] .init-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  html[data-mpage="shell"] .m-init-card {
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 13px;
    overflow: hidden;
    background: var(--paper);
  }

  html[data-mpage="shell"] .m-init-card:has(.init.current) {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 5%, var(--paper));
  }

  html[data-mpage="shell"] .m-init-card > a.init {
    min-height: 44px;
    padding: 14px 14px 6px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  html[data-mpage="shell"] .init .nm {
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 1.4;
  }

  html[data-mpage="shell"] .init .tag {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.5;
  }

  html[data-mpage="shell"] .init .meta {
    font-size: 12px;
    color: var(--muted);
  }

  html[data-mpage="shell"] .m-original-go {
    display: none;
  }

  html[data-mpage="shell"] .m-init-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 8px 14px 14px;
  }

  html[data-mpage="shell"] .m-init-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 10px;
    box-sizing: border-box;
    border: 1px solid var(--line2);
    border-radius: 9px;
    background: var(--paper);
    color: var(--accent);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
  }

  html[data-mpage="shell"] nav.mega :is(
    .card, .card-link, .links a, .links button, .obj a, .side .go a
  ) {
    min-height: 44px;
    box-sizing: border-box;
  }

  html[data-mpage="shell"] nav.mega .side .go a {
    display: inline-flex;
    align-items: center;
    padding: 10px 12px;
  }

  html[data-mpage="shell"] nav.mega :is(.card, .side) {
    background: var(--paper);
  }

  html[data-mpage="shell"] #mm-look {
    min-width: 156px;
  }

  html[data-mpage="shell"] #mm-look button {
    flex: 1;
    min-width: 64px;
    min-height: 44px;
    font-size: 14px;
  }

  html[data-mpage="shell"] #mmp-pages .card .k,
  html[data-mpage="shell"] #mmp-pages .mm-col > p.lead:has(b) {
    display: none;
  }

  html[data-mpage="shell"] .mm-col h3,
  html[data-mpage="shell"] .links small {
    color: var(--muted);
  }

  /* Detail: keep the native scroll owner and initiative menu together. */
  html[data-mpage="detail"].m-applied body {
    display: flex;
    flex-direction: column;
    height: var(--m-vh, 100dvh);
    min-height: 0;
    overflow: hidden;
  }

  html[data-mpage="detail"].m-applied header.topbar {
    position: relative;
    z-index: 50;
    display: flex;
    flex: 0 0 56px;
    align-items: center;
    box-sizing: border-box;
    height: 56px;
    min-height: 56px;
    padding: 6px 8px;
    gap: 6px;
    overflow: visible;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
  }

  html[data-mpage="detail"].m-applied .topbar .menu-wrap {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }

  html[data-mpage="detail"].m-applied .topbar > .tb-group {
    display: none;
  }

  html[data-mpage="detail"].m-applied .topbar > .tb-group:has(#prevInit, #nextInit) {
    display: flex;
    flex: none;
    gap: 2px;
    width: auto;
    border: 0;
    padding: 0;
  }

  html[data-mpage="detail"] .topbar #initBtn {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 44px;
    gap: 5px;
    padding: 8px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
  }

  html[data-mpage="detail"] #initBtn > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html[data-mpage="detail"] #initBtn .eyebrow {
    display: none;
  }

  html[data-mpage="detail"] .menu-wrap .menu {
    max-width: calc(100vw - 16px);
    max-height: calc(var(--m-vh, 100dvh) - 76px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  html[data-mpage="detail"].m-applied #stage {
    flex: 1 1 0;
    width: 100%;
    min-height: 0;
    height: auto;
    overflow: hidden;
  }

  html[data-mpage="detail"].m-applied #board {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scroll-padding-top: 12px;
  }

  html[data-mpage="detail"] #rowEl {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 16px 14px calc(24px + var(--m-safe-bottom));
  }

  html[data-mpage="detail"].m-applied footer.rail-bar {
    display: none;
  }

  html[data-mpage="detail"] :is(#ideaCol, #outcomesCol, .belt) {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }

  html[data-mpage="detail"] .idea :is(.brief-text, .tagline, .raised, .idea-copy, .foot) {
    font-size: 15px;
    line-height: 1.5;
  }

  html[data-mpage="detail"] .idea :is(h1, h2, .title) {
    font-size: clamp(21px, 5.8vw, 25px);
    line-height: 1.22;
  }

  html[data-mpage="detail"] :is(.colhead h2, #goalHead .goal) {
    font-size: 19px;
    line-height: 1.3;
  }

  html[data-mpage="detail"] .idea .foot a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 6px 0;
    margin-right: 12px;
  }

  html[data-mpage="detail"] .steps {
    gap: 14px;
  }

  html[data-mpage="detail"] .step {
    width: 100%;
    max-width: 100%;
    padding: 14px 14px 0;
    border-radius: 12px;
    box-sizing: border-box;
  }

  html[data-mpage="detail"] .step .what {
    white-space: normal;
    font-size: 16px;
    line-height: 1.4;
  }

  html[data-mpage="detail"] .step .top {
    grid-template-columns: auto auto minmax(0, 1fr) 44px 44px;
  }

  html[data-mpage="detail"] .step :is(.ed, .grip, .open) {
    min-width: 44px;
    width: 44px;
    min-height: 44px;
    height: 44px;
    opacity: 1;
  }

  html[data-mpage="detail"] :is(.step .task, .task-ghost) {
    grid-template-columns: 44px 44px minmax(0, 1fr) 44px;
    gap: 4px;
    min-height: 52px;
  }

  html[data-mpage="detail"] :is(.step .task, .task-ghost) :is(.tgrip, .tmenu, input[type="checkbox"]) {
    width: 44px;
    height: 44px;
    min-height: 44px;
    margin-top: 0;
  }

  html[data-mpage="detail"] .step :is(.taskinput, .taskedit, .addtask, .tbox-menu) {
    min-height: 44px;
  }

  html[data-mpage="detail"] #outcomesCol .orow {
    width: 100%;
    grid-template-columns: 9px minmax(0, 1fr) auto 44px;
    min-height: 76px;
    padding: 12px 10px;
    gap: 6px 8px;
    box-sizing: border-box;
  }

  html[data-mpage="detail"] #outcomesCol .orow .name {
    font-size: 15px;
    line-height: 1.4;
  }

  html[data-mpage="detail"] #outcomesCol .orow :is(.omenu, .oe, .oa) {
    width: 44px;
    height: 44px;
    min-height: 44px;
    opacity: 1;
  }

  html[data-mpage="detail"] #outcomesCol #objTools button {
    min-width: 44px;
    min-height: 44px;
  }

  html[data-mpage="detail"] #outcomesCol #oread {
    max-height: none;
    overflow: visible;
  }

  /* Goal: native register rows already have the right card semantics. */
  html[data-mpage="goal"].m-applied header.topbar {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    box-sizing: border-box;
    min-height: 56px;
    padding: 6px 10px;
    gap: 8px;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
  }

  html[data-mpage="goal"].m-applied .topbar .toolbar-actions {
    display: none;
  }

  html[data-mpage="goal"] .topbar .switcher {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
  }

  html[data-mpage="goal"] #initSelect {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 8px 28px 8px 10px;
    font-size: 16px;
    text-overflow: ellipsis;
  }

  html[data-mpage="goal"] #shortcutsBtn {
    display: none;
  }

  html[data-mpage="goal"] main#main {
    width: 100%;
    max-width: 100%;
    padding: 20px 16px calc(32px + var(--m-safe-bottom));
  }

  html[data-mpage="goal"] section.hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  html[data-mpage="goal"] #goalText {
    font-size: 25px;
    line-height: 1.28;
    letter-spacing: -.025em;
    color: var(--ink);
    overflow-wrap: anywhere;
  }

  html[data-mpage="goal"] #pageTitle {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.5;
  }

  html[data-mpage="goal"] #proof {
    width: 100%;
    min-width: 0;
    padding-top: 20px;
  }

  html[data-mpage="goal"] #proof .af-evidence-cluster {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  html[data-mpage="goal"] #proof .proof-item {
    min-width: 44px;
    min-height: 44px;
  }

  html[data-mpage="goal"] #proof .m-proof-row {
    display: grid;
    grid-template-columns: minmax(88px, 1.3fr) repeat(3, minmax(44px, 1fr));
    align-items: center;
    width: 100%;
    gap: 8px;
    margin: 8px 0;
  }

  html[data-mpage="goal"] #proof .m-proof-row > * {
    box-sizing: border-box;
    min-width: 0;
    width: auto;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  html[data-mpage="goal"] #proof .m-proof-row > :first-child {
    font-size: 12px;
    line-height: 1.4;
  }

  html[data-mpage="goal"] #proof .m-proof-row > :not(:first-child) {
    min-height: 44px;
  }

  html[data-mpage="goal"] #register .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
    margin: 12px 0;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--paper);
  }

  html[data-mpage="goal"] #register .row :is(.identity, .contribution) {
    grid-column: 1 / -1;
  }

  html[data-mpage="goal"] #register .row .field {
    min-height: 44px;
    font-size: 16px;
  }

  html[data-mpage="goal"] #register .row .grip {
    min-width: 44px;
    min-height: 44px;
    opacity: 1;
  }

  html[data-mpage="goal"] #register .row :is(button, [contenteditable="true"]) {
    opacity: 1;
  }

  html[data-mpage="goal"] #register:has(table) {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    border: 1px solid var(--line);
    border-radius: 12px;
  }

  html[data-mpage="goal"] #register table {
    min-width: 640px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
  }

  html[data-mpage="goal"] #register table :is(th, td) {
    padding: 12px;
    vertical-align: top;
  }

  html[data-mpage="goal"] #register table tr > :first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 130px;
    max-width: 180px;
    background: var(--paper);
    border-right: 1px solid var(--line);
  }

  html[data-mpage="goal"] :is(.hero, #workbench, #evidenceSection, #readiness) {
    scroll-margin-top: calc(var(--m-header-h) + 12px);
  }

  html[data-mpage="goal"] :is(.lower-grid, #readiness) {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  /* Original primary controls, relocated rather than cloned. */
  html[data-mpage] #mprimary {
    position: fixed;
    z-index: 55;
    inset: auto 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    gap: 10px;
    padding: 8px max(12px, env(safe-area-inset-right)) calc(8px + var(--m-safe-bottom)) max(12px, env(safe-area-inset-left));
    border-top: 1px solid var(--line);
    background: var(--paper);
  }

  html[data-mpage] #mprimary[hidden],
  html[data-mpage].m-keyboard #mprimary {
    display: none;
  }

  html[data-mpage] #mprimary > :is(button, a) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 620px);
    max-width: 620px;
    min-height: 48px;
    margin: 0;
    padding: 11px 16px;
    border-radius: 11px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 650;
    text-align: center;
    white-space: normal;
  }

  html[data-mpage] .m-dock-slot {
    display: block;
    flex: none;
    width: 100%;
    pointer-events: none;
  }

  /* Create: the form comes before its live review. */
  html[data-mpage="create"].m-applied header.top {
    position: sticky;
    top: 0;
    z-index: 50;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    grid-template-rows: 23px 17px;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 56px;
    padding: 6px 12px;
    gap: 0 10px;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
  }

  html[data-mpage="create"].m-applied header.top > div:not(#mprimary) {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }

  html[data-mpage="create"].m-applied header.top :is(.brand, .sp, .eyebrow) {
    display: none;
  }

  html[data-mpage="create"] header.top h1 {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -.015em;
  }

  html[data-mpage="create"] header.top #draftState {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
    font-size: 11px;
    line-height: 17px;
    color: var(--muted);
  }

  html[data-mpage="create"] header.top #mactions {
    grid-column: 2;
    grid-row: 1 / 3;
  }

  html[data-mpage="create"] .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    padding: 16px 12px calc(var(--m-dock-h) + 24px);
  }

  html[data-mpage="create"] .wrap > main {
    order: 0;
  }

  html[data-mpage="create"] .wrap > aside.side {
    order: 2;
    width: 100%;
  }

  html[data-mpage="create"] .preview {
    width: 100%;
    box-sizing: border-box;
  }

  html[data-mpage="create"] form :is(.two, .three, .checks) {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-mpage="create"] #toast {
    bottom: calc(var(--m-dock-h) + 12px);
    max-width: calc(100vw - 24px);
  }

  /* Processes: readable library, smaller scrolled header. */
  html[data-mpage="processes"] {
    overflow-anchor: none;
  }

  html[data-mpage="processes"].m-applied header.page-header {
    position: sticky;
    top: 0;
    z-index: 50;
    padding: 12px 16px;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
  }

  html[data-mpage="processes"].m-applied #brandLink {
    display: none;
  }

  html[data-mpage="processes"] .header-inner {
    width: 100%;
    max-width: 100%;
  }

  html[data-mpage="processes"] .header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
  }

  html[data-mpage="processes"] .header-row .heading {
    flex: 1;
    min-width: 0;
  }

  html[data-mpage="processes"] .header-row .eyebrow {
    margin: 0 0 3px;
  }

  html[data-mpage="processes"] h1#pageTitle {
    max-width: none;
    margin: 0;
    font-size: 23px;
    line-height: 1.2;
    letter-spacing: -.025em;
  }

  html[data-mpage="processes"] .header-copy {
    margin: 9px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--muted);
  }

  html[data-mpage="processes"].mscrolled .header-copy {
    display: none;
  }

  html[data-mpage="processes"].mscrolled h1#pageTitle {
    font-size: 18px;
    line-height: 1.3;
  }

  html[data-mpage="processes"].mscrolled header.page-header {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  html[data-mpage="processes"] main.workspace {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 20px 16px calc(var(--m-dock-h) + 28px);
  }

  html[data-mpage="processes"] #processCards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  html[data-mpage="processes"] .process-card {
    min-width: 0;
    min-height: 148px;
    padding: 16px;
    border-radius: 13px;
    text-align: left;
  }

  html[data-mpage="processes"] .card-name {
    font-size: 18px;
    line-height: 1.3;
  }

  html[data-mpage="processes"] .card-tagline {
    min-height: 0;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.5;
  }

  html[data-mpage="processes"] .card-meta {
    font-size: 12px;
    color: var(--muted);
  }

  html[data-mpage="processes"] .mini-flow {
    max-width: 200px;
    height: 26px;
    margin-top: 10px;
  }

  html[data-mpage="processes"] article.selection {
    scroll-margin-top: calc(var(--m-header-h) + 12px);
  }

  html[data-mpage="processes"] .flow {
    max-height: none;
    overflow: visible;
  }

  html[data-mpage="processes"] .stage-btn {
    min-height: 78px;
    width: 100%;
    touch-action: manipulation;
  }

  html[data-mpage="processes"] .stage-title {
    font-size: 15px;
    line-height: 1.4;
  }

  html[data-mpage="processes"] .stage-owner {
    font-size: 12px;
    color: var(--muted);
  }

  html[data-mpage="processes"] .stage-btn:is(
    [aria-pressed="true"], [aria-selected="true"]
  ) {
    border-radius: 10px;
    background: color-mix(in srgb, var(--accent) 9%, var(--paper));
  }

  html[data-mpage="processes"] .inspector {
    scroll-margin-top: calc(var(--m-header-h) + 12px);
  }

  html[data-mpage="processes"] :is(.objective-how, .inspector-grid dd, .builder-help) {
    font-size: 14px;
    line-height: 1.5;
  }

  /* Wizards: the header and rail have real, separate flex allocations. */
  html:is([data-mpage="workmap"], [data-mpage="procmap"]).m-applied,
  html:is([data-mpage="workmap"], [data-mpage="procmap"]).m-applied body {
    height: var(--m-vh, 100dvh);
    min-height: 0;
    overflow: hidden;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]).m-applied body {
    display: flex;
    flex-direction: column;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]).m-applied header.top {
    position: relative;
    inset: auto;
    z-index: 50;
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    grid-template-rows: minmax(44px, auto) 44px;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 104px;
    padding: 6px 12px;
    gap: 6px 8px;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) header.top > .sp {
    display: none;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #homeBtn {
    grid-column: 1;
    grid-row: 1;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) .m-heading {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    align-self: center;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) header.top:has(#homeBtn[hidden]) .m-heading,
  html:is([data-mpage="workmap"], [data-mpage="procmap"]) header.top:not(:has(#homeBtn)) .m-heading {
    grid-column: 1 / 3;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) h1#title {
    display: block;
    min-width: 0;
    margin: 0;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -.015em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) .m-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-width: 0;
    gap: 0 8px;
    font-size: 10px;
    line-height: 15px;
    color: var(--muted);
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #statusPill:not([hidden]) {
    display: inline;
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--muted);
    font-size: 10px;
    line-height: 15px;
    letter-spacing: .025em;
    white-space: normal;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #save:not([hidden]) {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    margin: 0;
    font-size: 10px;
    line-height: 15px;
    color: var(--muted);
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #save::before {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) header.top #mactions {
    grid-column: 3;
    grid-row: 1;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) header.top .seg.tabs2 {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    border: 1px solid var(--line2);
    border-radius: 10px;
    overflow: hidden;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) .tabs2 button {
    flex: 1 1 0;
    min-width: 44px;
    min-height: 44px;
    padding: 8px 6px;
    font-size: 14px;
    line-height: 1.3;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]).m-applied .ws {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]).m-applied #rail {
    position: sticky;
    top: 0;
    z-index: 20;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    max-height: none;
    min-height: 0;
    padding: 4px 10px;
    margin: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    overflow: hidden;
    background: var(--paper);
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #rail[hidden] {
    display: none;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #rail ol.stages {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 48px;
    margin: 0;
    padding: 2px;
    gap: 4px;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 12px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #rail ol.stages::-webkit-scrollbar {
    display: none;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #rail .stages li {
    flex: 0 0 auto;
    min-width: 44px;
    padding: 0;
    scroll-snap-align: center;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #rail .stages button.m-stage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    max-width: min(270px, calc(100vw - 60px));
    height: 44px;
    min-height: 44px;
    gap: 6px;
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: 24px;
    background: transparent;
    color: var(--muted);
    white-space: nowrap;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #rail .stages button.m-stage:not(.m-stage-current) {
    font-size: 0;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #rail .stages button.m-stage:not(.m-stage-current) > :not(.m-stage-number) {
    display: none;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) .m-stage-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border: 1px solid var(--line2);
    border-radius: 50%;
    color: var(--muted);
    background: var(--paper2);
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #rail .stages button.m-stage-current {
    width: auto;
    min-width: 100px;
    padding-inline: 10px;
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 8%, var(--paper));
    color: var(--accent);
    font-size: 13px;
    font-weight: 650;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #rail .stages .m-stage-current > .m-stage-number {
    display: none;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]).m-applied #panel {
    position: relative;
    inset: auto;
    z-index: 1;
    flex: 1 1 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    min-width: 0;
    margin: 0;
    padding: 20px 14px calc(32px + var(--m-safe-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scroll-padding-top: 16px;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) .ws > .mapwrap {
    flex: 1 1 0;
    width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #panel :is(.q, .home) {
    width: 100%;
    min-width: 0;
    max-width: 620px;
    margin-inline: auto;
    box-sizing: border-box;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #panel .q h2 {
    margin-top: 10px;
    font-size: 23px;
    line-height: 1.25;
    letter-spacing: -.025em;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #panel .q p {
    font-size: 15px;
    line-height: 1.5;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #panel .q :is(
    button[aria-pressed],
    button[aria-selected],
    .option,
    .choice,
    [role="radio"]
  ) {
    min-height: 56px;
    padding: 12px;
    white-space: normal;
    text-align: left;
    font-size: 15px;
    line-height: 1.5;
    touch-action: manipulation;
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #panel .q :is(
    [aria-pressed="true"],
    [aria-selected="true"],
    [aria-checked="true"]
  ) {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 9%, var(--paper));
    box-shadow: inset 3px 0 0 var(--accent);
  }

  html:is([data-mpage="workmap"], [data-mpage="procmap"]) #panel .home :is(button, a) {
    min-height: 56px;
  }

  html[data-mpage="login"] #f {
    max-width: calc(100% - 32px);
  }

  @keyframes m-sheet-enter {
    from { transform: translateY(48px); }
    to { transform: translateY(0); }
  }
}

@media (max-width: 480px) {
  html[data-mpage="processes"] #processCards {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-mpage="processes"] .process-card {
    min-height: 0;
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  html[data-mpage],
  html[data-mpage] *,
  html[data-mpage] *::before,
  html[data-mpage] *::after {
    scroll-behavior: auto;
    animation-duration: 0s;
    animation-delay: 0s;
    transition-duration: 0s;
    transition-delay: 0s;
  }
}
/* fix1: post-verify */
@media (max-width: 760px) {
  /* FX hud lives in the actions sheet on the phone; outside it (sheet closed) it must not float over the board. */
  /* the hud carries inline position:fixed/display:flex, hence !important */
  html[data-mpage="detail"] body > #fx-hud {
    display: none !important;
  }
  /* iOS zooms on focus below 16 px; the create page's own input rule outranked the generic :where() rule. */
  html[data-mpage="create"] form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select),
  html[data-mpage="create"] .wrap :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select) {
    font-size: 16px;
  }
}

/* fix2: idAuto nowrap */
@media (max-width: 760px) {
  html[data-mpage="create"] .idrow { display: flex; gap: 8px; align-items: stretch; }
  html[data-mpage="create"] .idrow input { flex: 1 1 auto; min-width: 0; }
  html[data-mpage="create"] .idrow #idAuto { flex: 0 0 auto; white-space: nowrap; }
}