/* ui26 bridge（2026-10-19）：既存 mm2.js が描く部品（検索候補 .mx-suggest・前回の続き #ux-last）を
   新デザインの tokens で表示する。mm2.css は新UIページでは読み込まない（旧UIページは従来どおり）。 */
.mx-search { position: relative; }
.mx-suggest { position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% + 6px); max-height: min(60vh, 26rem); overflow-y: auto; padding: var(--sp-2); background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-lg); box-shadow: var(--shadow-3); }
.mx-suggest[hidden] { display: none; }
.mx-sg-h { padding: var(--sp-2) var(--sp-3) var(--sp-1); font-size: var(--fs-xs); font-weight: var(--fw-bold); color: var(--c-text-muted); }
.mx-sg { display: flex; align-items: center; gap: var(--sp-3); min-height: 44px; padding: var(--sp-2) var(--sp-3); border-radius: var(--r-md); color: var(--c-text); text-decoration: none; font-size: var(--fs-md); line-height: 1.4; }
.mx-sg:hover, .mx-sg[aria-selected="true"] { background: var(--c-primary-tint); }
.mx-sg[aria-selected="true"] { outline: 2px solid var(--c-primary); outline-offset: -2px; }
.mx-sg small { margin-left: auto; font-size: var(--fs-sm); color: var(--c-text-muted); white-space: nowrap; }
.mx-sg mark { background: none; color: var(--c-primary-ink); font-weight: var(--fw-bold); }
.mx-sg .k { flex: none; font-size: var(--fs-xs); font-weight: var(--fw-bold); padding: .1rem .45rem; border-radius: var(--r-sm); background: var(--c-surface-2); color: var(--c-text); }
.mx-sg .k.s { background: var(--c-health-tint); color: var(--c-primary-ink); }
.mx-sg .k.p { background: #fef3c7; color: #78350f; }
.mx-sg .k.t, .mx-sg .k.e { background: var(--c-exam-tint); color: var(--c-exam-ink); }
@media (max-width: 30rem) { .mx-sg small { display: none; } }
.ux-last { margin: var(--sp-4) auto 0; max-width: 40rem; }
.ux-last[hidden] { display: none; }
.ux-last div { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4); background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-lg); font-size: var(--fs-sm); }
.ux-last a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--sp-4); border-radius: var(--r-pill); font-weight: var(--fw-bold); text-decoration: none; }
@media (min-width: 64rem) { .footer-cols { grid-template-columns: 1.3fr 1fr 1fr 1fr; } }