/*
 * Mobile institutional theme
 * University-authority visual language with commercial-platform clarity.
 * This stylesheet is intentionally DOM-only: it reuses the mobile iOS shell,
 * existing data bindings, existing buttons and existing accessibility states.
 */

.mobile-ios-tab--institutional-home {
  display: none;
}

@media (max-width: 768px) {
  body.mobile-ui-theme-institutional .mobile-ios-tab--institutional-home,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-tab--institutional-home {
    display: flex;
  }
  body.mobile-ui-theme-institutional .miqm-institutional-only,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-only {
    display: block;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro {
    margin: 12px 0 0;
    border: 1px solid #d7e0eb;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro > header,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro > header {
    padding: 18px 16px 15px;
    border-bottom: 1px solid #e2e8f0;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro > header small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro > header small {
    color: #0b5cbd;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.08em;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro h2,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro h2 {
    margin: 6px 0 0;
    color: #082b5c;
    font-size: 20px;
    line-height: 1.35;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro > header p,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro > header p {
    margin: 7px 0 0;
    color: #68778b;
    font-size: 12px;
    line-height: 1.6;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro__links,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro__links {
    display: grid;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro__links button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro__links button {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    min-height: 72px;
    padding: 12px 16px;
    border: 0;
    border-bottom: 1px solid #e6ebf1;
    border-radius: 0;
    background: #ffffff;
    color: #0b5cbd;
    text-align: left;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro__links button:last-child,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro__links button:last-child {
    border-bottom: 0;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro__links button > .ph:first-child,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro__links button > .ph:first-child {
    font-size: 24px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro__links span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro__links span {
    display: grid;
    gap: 3px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro__links strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro__links strong {
    color: #17385f;
    font-size: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro__links small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro__links small {
    color: #758397;
    font-size: 11px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro__trust,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro__trust {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 12px 16px;
    border-top: 1px solid #e1e7ef;
    background: #f6f9fc;
    color: #526984;
    font-size: 11px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-intro__trust .ph,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-intro__trust .ph {
    color: #1d7b50;
    font-size: 17px;
  }

  body.mobile-ios-enabled.mobile-ui-theme-institutional,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] {
    --mobile-ios-canvas: #f4f6f9;
    --mobile-ios-surface: #ffffff;
    --mobile-ios-surface-solid: #ffffff;
    --mobile-ios-blue-soft: #eef4fb;
    --mobile-ios-navy: #072a5e;
    --mobile-ios-blue: #0b5cbd;
    --mobile-ios-blue-pressed: #084a98;
    --mobile-ios-label: #182536;
    --mobile-ios-secondary: #66758a;
    --mobile-ios-tertiary: #8d98a8;
    --mobile-ios-separator: #e2e7ee;
    --mobile-ios-outline: #d3dbe6;
    --mobile-ios-success: #1d7b50;
    --mobile-ios-danger: #b8333d;
    --mobile-ios-shadow-soft: 0 2px 8px rgba(7, 42, 94, 0.045);
    --mobile-ios-shadow-float: 0 -4px 18px rgba(7, 42, 94, 0.1);
    color: #182536;
    background: #f4f6f9;
    font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  }

  body.mobile-ui-theme-institutional .mobile-ios-portal,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] {
    min-height: 100dvh;
    background:
      linear-gradient(#072a5e, #072a5e) top / 100% 5px no-repeat,
      #f4f6f9;
  }

  body.mobile-ui-theme-institutional .mobile-ios-screen,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-screen {
    width: 100%;
    max-width: 560px;
    padding: 0 14px calc(112px + env(safe-area-inset-bottom, 0px));
  }

  body.mobile-ui-theme-institutional .miqm-compact-only,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-only {
    display: block !important;
  }

  body.mobile-ui-theme-institutional .miqm-intent-match-compact,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-intent-match-compact {
    display: block;
    margin-top: 5px;
    color: #61738b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
    overflow-wrap: anywhere;
  }

  body.mobile-ui-theme-institutional .miqm-standard-only,
  body.mobile-ui-theme-institutional .miqm-illustrated-only,
  body.mobile-ui-theme-institutional .miqm-hero,
  body.mobile-ui-theme-institutional .miqm-background,
  body.mobile-ui-theme-institutional .miqm-step,
  body.mobile-ui-theme-institutional .miqm-source-strip,
  body.mobile-ui-theme-institutional .miqm-run-row,
  body.mobile-ui-theme-institutional .miqm-application-progress,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-standard-only,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-illustrated-only,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-hero,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-background,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-step,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-source-strip,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-run-row,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-application-progress {
    display: none !important;
  }

  /* Quick match masthead: formal, restrained and illustration-free. */
  body.mobile-ui-theme-institutional .mobile-ios-quick-match,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-quick-match {
    padding-top: 0;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero {
    position: relative;
    min-height: 0;
    margin: 0 -14px;
    padding: 30px 18px 18px;
    overflow: hidden;
    border-bottom: 1px solid #d6dee9;
    background: #ffffff;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero::before,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 5px;
    background: #072a5e;
    content: "";
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero::after,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero::after {
    display: none;
    content: none;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero__headline,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero__headline {
    display: flex;
    align-items: center;
    gap: 9px;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #072a5e;
    font-size: 29px;
    font-weight: 760;
    letter-spacing: -0.035em;
    line-height: 1.2;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero__headline .ph,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero__headline .ph {
    color: #0b5cbd;
    font-size: 20px;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero__subtitle,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero__subtitle {
    max-width: none;
    margin: 7px 0 0;
    color: #63738a;
    font-size: 13px;
    line-height: 1.55;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero__summary,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero__summary {
    display: flex !important;
    align-items: center;
    gap: 0;
    width: 100%;
    max-width: none;
    min-height: 46px;
    margin-top: 18px;
    padding: 0;
    overflow-x: auto;
    border: 1px solid #d4dde8;
    border-radius: 5px;
    background: #f8fafc;
    color: #27415f;
    font-size: 12px;
    scrollbar-width: none;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero__summary::-webkit-scrollbar,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero__summary::-webkit-scrollbar {
    display: none;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero__summary .miqm-chip,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero__summary .miqm-chip {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 5px;
    min-height: 44px;
    padding: 0 12px;
    border: 0;
    border-right: 1px solid #dde4ed;
    border-radius: 0;
    background: transparent;
    color: #173d70;
    box-shadow: none;
    font-size: 12px;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero__summary .miqm-chip .ph,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero__summary .miqm-chip .ph {
    color: #0b5cbd;
    font-size: 15px;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero__sparkline,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero__sparkline {
    display: flex !important;
    align-items: center;
    gap: 7px;
    margin: 12px 0 0;
    color: #52627a;
    font-size: 12px;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero__sparkline .ph,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero__sparkline .ph {
    color: #0b5cbd;
  }

  body.mobile-ui-theme-institutional .miqm-compact-run-button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-run-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 50px;
    margin: 16px 0 14px;
    padding: 0 16px;
    border: 1px solid #084e9f;
    border-radius: 5px;
    background: #0b5cbd;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 3px 8px rgba(7, 42, 94, 0.14);
  }

  body.mobile-ui-theme-institutional .miqm-compact-run-button .ph:last-child,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-run-button .ph:last-child {
    margin-left: auto;
  }

  body.mobile-ui-theme-institutional .miqm-compact-results-head,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-results-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 48px;
    margin: 0;
    padding: 0 4px;
    border-top: 1px solid #dbe2eb;
    border-bottom: 1px solid #dbe2eb;
    color: #163a6b;
  }

  body.mobile-ui-theme-institutional .miqm-compact-results-head > div,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-results-head > div {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
  }

  body.mobile-ui-theme-institutional .miqm-compact-results-head strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-results-head strong {
    font-size: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-compact-results-head small,
  body.mobile-ui-theme-institutional .miqm-compact-results-head > div > span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-results-head small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-results-head > div > span {
    color: #718096;
    font-size: 11px;
  }

  body.mobile-ui-theme-institutional .miqm-compact-results-head button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-results-head button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 42px;
    padding: 0 7px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #425a77;
    font-size: 12px;
    white-space: nowrap;
  }

  body.mobile-ui-theme-institutional .miqm-compact-results-head button[aria-expanded="true"],
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-results-head button[aria-expanded="true"] {
    background: #eef4fb;
    color: #0b5cbd;
  }

  body.mobile-ui-theme-institutional .miqm-compact-results-head__actions,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-results-head__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    min-width: 0;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter-label-standard,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter-label-standard {
    display: none;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter-trigger,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter-trigger {
    border: 1px solid #9db8d9;
    background: #f4f8fd;
    color: #0b5cbd;
    font-weight: 750;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter-trigger:disabled,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter-trigger:disabled {
    opacity: .55;
  }

  body.mobile-ios-enabled.mobile-ui-theme-institutional #programDetailView .program-detail-mobile-return {
    display: flex;
    width: calc(100% - 28px);
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 12px 14px calc(28px + env(safe-area-inset-bottom, 0px));
    border: 1px solid #0b5cbd;
    border-radius: 6px;
    background: #0b5cbd;
    color: #ffffff;
    font-size: 16px;
    font-weight: 780;
    box-shadow: 0 5px 14px rgba(11, 92, 189, .16);
  }

  body.mobile-ios-enabled.mobile-ui-theme-institutional #programDetailView .program-detail-mobile-return:active {
    transform: translateY(1px);
    background: #084f9f;
  }

  /* School picker and default-collapsed school groups. */
  body.mobile-ui-theme-institutional .miqm-school-filter,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter {
    width: 100%;
    min-width: 0;
    padding: 14px 0 10px;
    overflow: hidden;
    border-bottom: 1px solid #dce3ec;
    background: #ffffff;
    color: #17375f;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter[hidden],
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter[hidden] {
    display: none !important;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__head,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 0 10px 10px;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__head > div,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__head > div {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__head strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__head strong {
    color: #072a5e;
    font-size: 15px;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__head small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__head small {
    color: #6c7a8e;
    font-size: 12px;
    line-height: 1.45;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__head > span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__head > span {
    flex: 0 0 auto;
    color: #0b5cbd;
    font-size: 12px;
    font-weight: 700;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__list,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__list {
    display: grid;
    max-height: min(42vh, 320px);
    overflow-y: auto;
    border-top: 1px solid #e4e9f0;
    overscroll-behavior: contain;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__school,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__school {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-height: 51px;
    padding: 8px 10px;
    border: 0;
    border-bottom: 1px solid #e7ebf1;
    background: #ffffff;
    color: #1c385d;
    text-align: left;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__school > span:first-child,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__school > span:first-child {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__school strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__school strong {
    overflow-wrap: anywhere;
    font-size: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__school small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__school small {
    color: #748197;
    font-size: 12px;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__school.is-selected,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__school.is-selected {
    background: #f0f5fb;
    color: #084f9f;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__check,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__check {
    display: grid;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    place-items: center;
    border: 1px solid #bdc8d6;
    border-radius: 3px;
    color: #ffffff;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__school.is-selected .miqm-school-filter__check,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__school.is-selected .miqm-school-filter__check {
    border-color: #0b5cbd;
    background: #0b5cbd;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__actions,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 8px 0;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__actions button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__actions button {
    min-height: 42px;
    padding: 0 5px;
    border: 1px solid #cfd8e4;
    border-radius: 4px;
    background: #ffffff;
    color: #344e6e;
    font-size: 12px;
    font-weight: 680;
  }

  body.mobile-ui-theme-institutional .miqm-school-filter__actions .is-primary,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-school-filter__actions .is-primary {
    border-color: #0b5cbd;
    background: #0b5cbd;
    color: #ffffff;
  }

  body.mobile-ui-theme-institutional .quick-match-school-result-group,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .quick-match-school-result-group {
    overflow: hidden;
    margin-top: 8px;
    border: 1px solid #d6dee8;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: none;
  }

  body.mobile-ui-theme-institutional .quick-match-school-result-toggle,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .quick-match-school-result-toggle {
    min-height: 58px;
    padding: 10px 12px;
    border: 0;
    background: #ffffff;
  }

  body.mobile-ui-theme-institutional .quick-match-school-result-toggle[aria-expanded="false"],
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .quick-match-school-result-toggle[aria-expanded="false"] {
    border-bottom: 0;
  }

  body.mobile-ui-theme-institutional .quick-match-school-result-toggle[aria-expanded="true"],
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .quick-match-school-result-toggle[aria-expanded="true"] {
    border-bottom: 1px solid #dce3ec;
    background: #f6f9fc;
  }

  body.mobile-ui-theme-institutional .quick-match-school-result-body[hidden],
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .quick-match-school-result-body[hidden] {
    display: none !important;
  }

  /* Program results use formal list rows rather than floating cards. */
  body.mobile-ui-theme-institutional .miqm-results,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-results {
    margin-top: 0;
  }

  body.mobile-ui-theme-institutional .miqm-results__header,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-results__header {
    display: none;
  }

  body.mobile-ui-theme-institutional .miqm-results__list,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-results__list {
    display: grid;
    gap: 8px;
    padding-top: 10px;
  }

  body.mobile-ui-theme-institutional .miqm-result-card,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card {
    position: relative;
    overflow: hidden;
    border: 1px solid #d3dce7;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(7, 42, 94, 0.04);
  }

  body.mobile-ui-theme-institutional .miqm-result-card::before,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card::before {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #0b5cbd;
    content: "";
  }

  body.mobile-ui-theme-institutional .miqm-result-card.is-reach::before,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card.is-reach::before {
    background: #b8333d;
  }

  body.mobile-ui-theme-institutional .miqm-result-card.is-safe::before,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card.is-safe::before {
    background: #1d7b50;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__button,
  body.mobile-ui-theme-institutional .miqm-result-card__metrics,
  body.mobile-ui-theme-institutional .miqm-result-card__tier-note,
  body.mobile-ui-theme-institutional .miqm-result-card__facts,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__metrics,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__tier-note,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__facts {
    display: none !important;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-head,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-head {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) 62px;
    gap: 10px;
    align-items: center;
    width: 100%;
    min-height: 103px;
    padding: 14px 10px 12px 14px;
    border: 0;
    background: #ffffff;
    color: inherit;
    text-align: left;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-emblem,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-emblem {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border: 1px solid #d4dce6;
    border-radius: 4px;
    background: #ffffff;
    color: #526985;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-logo,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-logo {
    width: 100%;
    height: 100%;
    padding: 5px;
    object-fit: contain;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-copy,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-copy {
    min-width: 0;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-copy strong,
  body.mobile-ui-theme-institutional .miqm-result-card__compact-copy span,
  body.mobile-ui-theme-institutional .miqm-result-card__compact-copy small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-copy strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-copy span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-copy strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-copy strong {
    color: #072a5e;
    font-size: 17px;
    line-height: 1.35;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-copy span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-copy span {
    margin-top: 4px;
    color: #2b466b;
    font-size: 14px;
    font-weight: 620;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-copy small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-copy small {
    margin-top: 5px;
    color: #78859a;
    font-size: 11px;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-verified,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-verified {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    min-height: 21px;
    margin-top: 6px;
    padding: 0 6px;
    border: 1px solid #91c9a8;
    border-radius: 3px;
    background: #f4fbf7;
    color: #1d754c;
    font-size: 10px;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-score,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-score {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 60px;
    min-height: 62px;
    color: #0b5cbd;
    text-align: center;
  }

  body.mobile-ui-theme-institutional .miqm-result-card.is-reach .miqm-result-card__compact-score,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card.is-reach .miqm-result-card__compact-score {
    color: #b8333d;
  }

  body.mobile-ui-theme-institutional .miqm-result-card.is-safe .miqm-result-card__compact-score,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card.is-safe .miqm-result-card__compact-score {
    color: #1d7b50;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-score > small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-score > small {
    color: currentColor;
    font-size: 10px;
    font-style: normal;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-score-ring,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-score-ring {
    display: grid;
    place-items: center;
    width: 58px;
    height: 38px;
    margin-top: 4px;
    border: 1px solid currentColor;
    border-radius: 4px;
    background: #f7faff;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-score-ring strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-score-ring strong {
    font-size: 19px;
    line-height: 1;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-score.is-admission-probability .miqm-result-card__compact-score-ring strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-score.is-admission-probability .miqm-result-card__compact-score-ring strong {
    font-size: 10px;
    letter-spacing: -0.2px;
    white-space: nowrap;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-facts,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-facts {
    margin: 0;
    padding: 0 12px 4px 15px;
    border-top: 1px solid #dce3ec;
    background: #fbfcfe;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-facts > div,
  body.mobile-ui-theme-institutional .miqm-result-card__compact-requirements,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-facts > div,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-requirements {
    display: grid !important;
    grid-template-columns: minmax(106px, 0.72fr) minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-height: 41px;
    border-top: 1px solid #e5e9ef;
    font-size: 12px;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-facts > div:first-child,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-facts > div:first-child {
    border-top: 0;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-facts dt,
  body.mobile-ui-theme-institutional .miqm-result-card__compact-facts dd,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-facts dt,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-facts dd {
    min-width: 0;
    margin: 0;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-facts dt,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-facts dt {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #617086;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-facts dd,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-facts dd {
    overflow: hidden;
    color: #17375f;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-facts dd small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-facts dd small {
    display: block;
    margin-top: 2px;
    color: #758196;
    font-size: 10px;
    line-height: 1.35;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-facts .is-language,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-facts .is-language {
    align-items: start;
    padding: 9px 0;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-facts .is-language dd,
  body.mobile-ui-theme-institutional .miqm-result-card__compact-facts .is-tuition dd,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-facts .is-language dd,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-facts .is-tuition dd {
    overflow: visible;
    overflow-wrap: anywhere;
    line-height: 1.45;
    text-overflow: clip;
    white-space: normal;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-tier,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-tier {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #0b5cbd;
  }

  body.mobile-ui-theme-institutional .miqm-result-card.is-reach .miqm-result-card__compact-tier,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card.is-reach .miqm-result-card__compact-tier {
    color: #b8333d;
  }

  body.mobile-ui-theme-institutional .miqm-result-card.is-safe .miqm-result-card__compact-tier,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card.is-safe .miqm-result-card__compact-tier {
    color: #1d7b50;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-requirements,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-requirements {
    grid-template-columns: minmax(0, 1fr) 18px;
    width: calc(100% - 27px);
    margin: 0 12px 10px 15px;
    padding: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    background: #ffffff;
    color: #17375f;
    text-align: left;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-requirements > span:first-child,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-requirements > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #52647c;
  }

  /* Fixed selection action and institutional bottom navigation. */
  body.mobile-ui-theme-institutional .miqm-compact-ticket,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-ticket {
    position: fixed;
    z-index: 48;
    right: max(12px, calc((100vw - 532px) / 2));
    bottom: calc(68px + env(safe-area-inset-bottom, 0px));
    left: max(12px, calc((100vw - 532px) / 2));
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) 44px;
    gap: 10px;
    align-items: center;
    min-height: 64px;
    padding: 7px 9px;
    border: 1px solid #bfcbd9;
    border-radius: 6px;
    background: #ffffff;
    color: #072a5e;
    box-shadow: 0 5px 18px rgba(7, 42, 94, 0.13);
  }

  body.mobile-ui-theme-institutional .miqm-compact-ticket__count,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-ticket__count {
    display: grid;
    place-items: center;
    min-height: 48px;
    border-radius: 4px;
    background: #072a5e;
    color: #ffffff;
    text-align: center;
  }

  body.mobile-ui-theme-institutional .miqm-compact-ticket__count strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-ticket__count strong {
    font-size: 23px;
    line-height: 1;
  }

  body.mobile-ui-theme-institutional .miqm-compact-ticket__count small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-ticket__count small {
    font-size: 10px;
  }

  body.mobile-ui-theme-institutional .miqm-compact-ticket__copy strong,
  body.mobile-ui-theme-institutional .miqm-compact-ticket__copy small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-ticket__copy strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-ticket__copy small {
    display: block;
  }

  body.mobile-ui-theme-institutional .miqm-compact-ticket__copy strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-ticket__copy strong {
    font-size: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-compact-ticket__copy small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-ticket__copy small {
    margin-top: 3px;
    color: #6b788b;
    font-size: 11px;
  }

  body.mobile-ui-theme-institutional .miqm-compact-ticket__arrow,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-ticket__arrow {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #0b5cbd;
    color: #ffffff;
  }

  body.mobile-ui-theme-institutional .mobile-ios-bottom-dock,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-bottom-dock {
    position: fixed;
    z-index: 80;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: calc(64px + env(safe-area-inset-bottom, 0px));
    padding: 5px max(10px, calc((100vw - 540px) / 2)) env(safe-area-inset-bottom, 0px);
    overflow: hidden;
    border: 0;
    border-top: 1px solid #cfd8e3;
    border-radius: 0;
    background: #ffffff;
    box-shadow: 0 -4px 16px rgba(7, 42, 94, 0.07);
    backdrop-filter: none;
  }

  body.mobile-ui-theme-institutional .mobile-ios-tab,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-tab {
    min-height: 58px;
    padding: 4px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #566981;
    font-size: 11px;
  }

  body.mobile-ui-theme-institutional .mobile-ios-tab-icon,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-tab-icon {
    width: 34px;
    height: 29px;
    border-radius: 0;
  }

  body.mobile-ui-theme-institutional .mobile-ios-tab.is-active,
  body.mobile-ui-theme-institutional .mobile-ios-tab[aria-current="page"],
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-tab.is-active,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-tab[aria-current="page"] {
    background: transparent;
    color: #0b5cbd;
    font-weight: 700;
  }

  body.mobile-ui-theme-institutional .mobile-ios-tab.is-active::before,
  body.mobile-ui-theme-institutional .mobile-ios-tab[aria-current="page"]::before,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-tab.is-active::before,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-tab[aria-current="page"]::before {
    position: absolute;
    top: -5px;
    right: 22%;
    left: 22%;
    height: 3px;
    background: #0b5cbd;
    content: "";
  }

  body.mobile-ui-theme-institutional .mobile-ios-tab.is-active .mobile-ios-tab-icon,
  body.mobile-ui-theme-institutional .mobile-ios-tab[aria-current="page"] .mobile-ios-tab-icon,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-tab.is-active .mobile-ios-tab-icon,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-tab[aria-current="page"] .mobile-ios-tab-icon {
    background: transparent;
    color: #0b5cbd;
    box-shadow: none;
  }

  /* University and program libraries: content-first official directories. */
  body.mobile-ui-theme-institutional .mi-library,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library {
    padding-top: 26px;
  }

  body.mobile-ui-theme-institutional .mi-library-title,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-title {
    color: #072a5e;
    font-size: 28px;
    font-weight: 760;
    letter-spacing: -0.025em;
  }

  body.mobile-ui-theme-institutional .mi-library-title-row,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-title-row {
    padding-bottom: 12px;
    border-bottom: 2px solid #072a5e;
  }

  body.mobile-ui-theme-institutional .mi-library-round-button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-round-button {
    width: 42px;
    height: 42px;
    border: 1px solid #cad4e0;
    border-radius: 4px;
    background: #ffffff;
    color: #173d70;
  }

  body.mobile-ui-theme-institutional .mi-library-search,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-search {
    min-height: 50px;
    margin-top: 14px;
    padding: 5px 5px 5px 13px;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: none;
    color: #748196;
  }

  body.mobile-ui-theme-institutional .mi-library-search input,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-search input {
    color: #172d49;
  }

  body.mobile-ui-theme-institutional .mi-library-search-submit,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-search-submit {
    min-width: 66px;
    min-height: 40px;
    border-radius: 4px;
    background: #0b5cbd;
    color: #ffffff;
  }

  body.mobile-ui-theme-institutional .mi-library-glass-toolbar,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-glass-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px;
    gap: 7px;
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #d2dae5;
    border-radius: 5px;
    background: #f5f7fa;
    box-shadow: none;
    backdrop-filter: none;
  }

  body.mobile-ui-theme-institutional .mi-library-segmented,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-segmented {
    gap: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: #ffffff;
  }

  body.mobile-ui-theme-institutional .mi-library-segmented button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-segmented button {
    min-height: 38px;
    border: 0;
    border-right: 1px solid #d5dde7;
    border-radius: 0;
    background: #ffffff;
    color: #55657b;
  }

  body.mobile-ui-theme-institutional .mi-library-segmented button:last-child,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-segmented button:last-child {
    border-right: 0;
  }

  body.mobile-ui-theme-institutional .mi-library-segmented button.is-active,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-segmented button.is-active {
    background: #0b5cbd;
    color: #ffffff;
    box-shadow: none;
  }

  body.mobile-ui-theme-institutional .mi-library-filter-summary,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-filter-summary {
    min-height: 40px;
    color: #274563;
  }

  body.mobile-ui-theme-institutional .mi-library-chips,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-chips {
    gap: 7px;
    margin-top: 10px;
  }

  body.mobile-ui-theme-institutional .mi-library-chip,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-chip {
    min-height: 32px;
    padding: 0 6px 0 10px;
    border: 1px solid #c9d6e6;
    border-radius: 4px;
    background: #f1f6fc;
    color: #0b5cbd;
    font-size: 12px;
  }

  body.mobile-ui-theme-institutional .mi-library-results-heading,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-results-heading {
    margin: 22px 0 9px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d6dee8;
  }

  body.mobile-ui-theme-institutional .mi-library-results-heading h2,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-results-heading h2 {
    color: #072a5e;
    font-size: 19px;
  }

  body.mobile-ui-theme-institutional .mi-library-results-heading strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-results-heading strong {
    color: #0b5cbd;
  }

  body.mobile-ui-theme-institutional .mi-library-grouped-list,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-grouped-list {
    overflow: hidden;
    border: 1px solid #d2dae5;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: none;
  }

  body.mobile-ui-theme-institutional .mi-library-list-item,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-list-item {
    border-bottom: 1px solid #e0e6ed;
    background: #ffffff;
  }

  body.mobile-ui-theme-institutional .mi-library-list-item:last-child,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-list-item:last-child {
    border-bottom: 0;
  }

  body.mobile-ui-theme-institutional .mi-library-item-main,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-item-main {
    grid-template-columns: 52px minmax(0, 1fr) 18px;
    gap: 11px;
    min-height: 100px;
    padding: 13px;
  }

  body.mobile-ui-theme-institutional .mi-library-logo,
  body.mobile-ui-theme-institutional .mi-library-program-icon,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-logo,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-program-icon {
    width: 50px;
    height: 50px;
    border: 1px solid #d4dce6;
    border-radius: 4px;
    background: #ffffff;
    color: #173d70;
    font-size: 25px !important;
  }

  body.mobile-ui-theme-institutional .mi-library-item-title,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-item-title {
    color: #072a5e;
    font-size: 16px;
  }

  body.mobile-ui-theme-institutional .mi-library-item-secondary,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-item-secondary {
    color: #3c536f;
    font-size: 13px;
  }

  body.mobile-ui-theme-institutional .mi-library-item-meta,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-item-meta {
    color: #778498;
    font-size: 11px;
  }

  body.mobile-ui-theme-institutional .mi-library-soft-tag,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-soft-tag {
    margin-top: 6px;
    padding: 3px 7px;
    border: 1px solid #c7d7e9;
    border-radius: 3px;
    background: #f2f7fc;
    color: #0b5cbd;
    font-size: 11px;
  }

  body.mobile-ui-theme-institutional .mi-library-favorite,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-favorite {
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: #ffffff;
  }

  body.mobile-ui-theme-institutional .mi-library-program-item,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-program-item {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 11px;
    padding: 13px;
  }

  body.mobile-ui-theme-institutional .mi-library-program-facts > div,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-program-facts > div {
    grid-template-columns: 104px minmax(0, 1fr);
    padding: 6px 0;
    border-top: 1px solid #e3e8ef;
  }

  body.mobile-ui-theme-institutional .mi-library-program-facts dt,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-program-facts dt {
    color: #6c798c;
  }

  body.mobile-ui-theme-institutional .mi-library-program-facts dd,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-program-facts dd {
    color: #193757;
  }

  body.mobile-ui-theme-institutional .mi-library-state,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-state {
    min-height: 190px;
    border: 1px solid #d2dae5;
    border-radius: 6px;
    background: #ffffff;
  }

  body.mobile-ui-theme-institutional .mi-library-pagination button,
  body.mobile-ui-theme-institutional .miqm-pagination button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-pagination button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-pagination button {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: #ffffff;
    color: #0b5cbd;
  }

  /* Bottom sheets and theme picker retain native behavior with formal surfaces. */
  body.mobile-ui-theme-institutional .mobile-ios-sheet-backdrop,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-sheet-backdrop {
    background: rgba(3, 22, 48, 0.42);
    backdrop-filter: none;
  }

  body.mobile-ui-theme-institutional .mobile-ios-sheet,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-sheet {
    max-height: min(82dvh, 700px);
    padding: 7px 14px calc(18px + env(safe-area-inset-bottom, 0px));
    border: 1px solid #cbd5e1;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: #ffffff;
    box-shadow: 0 -10px 32px rgba(3, 22, 48, 0.2);
    backdrop-filter: none;
  }

  body.mobile-ui-theme-institutional .mobile-ios-sheet-handle,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-sheet-handle {
    width: 42px;
    height: 4px;
    margin-bottom: 12px;
    background: #aeb9c7;
  }

  body.mobile-ui-theme-institutional .mobile-ios-sheet-head,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-sheet-head {
    min-height: 50px;
    margin-bottom: 10px;
    border-bottom: 2px solid #072a5e;
  }

  body.mobile-ui-theme-institutional .mobile-ios-sheet-title,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-sheet-title {
    color: #072a5e;
    font-size: 19px;
    font-weight: 740;
  }

  body.mobile-ui-theme-institutional .mobile-ios-sheet-form input,
  body.mobile-ui-theme-institutional .mobile-ios-sheet-form select,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-sheet-form input,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-sheet-form select {
    min-height: 48px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: #ffffff;
    color: #172f50;
  }

  body.mobile-ui-theme-institutional .mobile-ios-sheet-actions button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-sheet-actions button {
    min-height: 50px;
    border-radius: 4px;
  }

  body.mobile-ui-theme-institutional .mobile-ios-sheet-reset,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-sheet-reset {
    border: 1px solid #c7d2df;
    background: #ffffff;
    color: #335271;
  }

  body.mobile-ui-theme-institutional .mobile-ios-sheet-submit,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-sheet-submit {
    background: #0b5cbd;
    box-shadow: none;
  }

  body.mobile-ui-theme-institutional .mobile-ui-theme-option,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ui-theme-option {
    min-height: 64px;
    border-radius: 4px;
  }

  body.mobile-ui-theme-institutional .mobile-ui-theme-option.is-selected,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ui-theme-option.is-selected {
    border-color: #0b5cbd;
    background: #eef4fb;
  }

  body.mobile-ui-theme-institutional .miqm-ai-launch,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-ai-launch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 10px 0;
    padding: 11px;
    border: 1px solid #c6d8e9;
    border-radius: 5px;
    background: #f2f7fc;
  }

  body.mobile-ui-theme-institutional .miqm-ai-launch > div,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-ai-launch > div {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #123f72;
  }

  body.mobile-ui-theme-institutional .miqm-ai-launch > div > span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-ai-launch > div > span {
    display: grid;
    min-width: 0;
  }

  body.mobile-ui-theme-institutional .miqm-ai-launch strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-ai-launch strong {
    font-size: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-ai-launch small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-ai-launch small {
    color: #61738a;
    font-size: 11px;
    line-height: 1.4;
  }

  body.mobile-ui-theme-institutional .miqm-ai-launch button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-ai-launch button {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 10px;
    border: 0;
    border-radius: 4px;
    background: #072a5e;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
  }

  /* Visible, consistent keyboard focus without changing interaction logic. */
  body.mobile-ui-theme-institutional .mobile-ios-portal :is(button, input, select, a):focus-visible,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] :is(button, input, select, a):focus-visible {
    outline: 3px solid rgba(11, 92, 189, 0.28);
    outline-offset: 2px;
  }
}

@media (max-width: 390px) {
  body.mobile-ui-theme-institutional .mobile-ios-screen,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-screen {
    padding-right: 11px;
    padding-left: 11px;
  }

  body.mobile-ui-theme-institutional .miqm-compact-hero,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-hero {
    margin-right: -11px;
    margin-left: -11px;
    padding-right: 14px;
    padding-left: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-head,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-head {
    grid-template-columns: 48px minmax(0, 1fr) 58px;
    gap: 8px;
    padding-right: 7px;
    padding-left: 11px;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-emblem,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-emblem {
    width: 44px;
    height: 44px;
  }

  body.mobile-ui-theme-institutional .miqm-result-card__compact-copy strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-result-card__compact-copy strong {
    font-size: 16px;
  }

  body.mobile-ui-theme-institutional .miqm-compact-ticket,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-compact-ticket {
    right: 10px;
    left: 10px;
  }

  body.mobile-ui-theme-institutional .mi-library-glass-toolbar,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mi-library-glass-toolbar {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.9fr) 42px;
  }

  body.mobile-ui-theme-institutional .miqm-ai-launch,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-ai-launch {
    align-items: stretch;
    flex-direction: column;
  }

  body.mobile-ui-theme-institutional .miqm-ai-launch button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-ai-launch button {
    width: 100%;
  }
}

@media (max-width: 768px) {
  body.mobile-ui-theme-institutional #admissionGuidesView.active {
    display: block;
    min-width: 0;
    padding: 0 0 calc(108px + env(safe-area-inset-bottom));
  }

  body.mobile-ui-theme-institutional #admissionGuidesView > .panel {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 12px 24px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #f4f7fb;
  }

  body.mobile-ui-theme-institutional .admission-guide-directory__heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    margin: 0 -12px;
    padding: 18px 16px 16px;
    border-bottom: 1px solid #d8e2ed;
    background: #fff;
  }

  body.mobile-ui-theme-institutional .admission-guide-directory__heading .institutional-eyebrow {
    color: #0b5cbd;
    font-size: 11px;
    font-weight: 800;
  }

  body.mobile-ui-theme-institutional .admission-guide-directory__heading h2 {
    margin: 3px 0 4px;
    color: #082b5c;
    font-size: 24px;
    line-height: 1.25;
  }

  body.mobile-ui-theme-institutional .admission-guide-directory__heading p {
    grid-column: 1 / -1;
    margin: 0;
    color: #68798d;
    font-size: 13px;
    line-height: 1.55;
  }

  body.mobile-ui-theme-institutional .admission-guide-directory__home {
    min-height: 42px;
    padding: 8px 10px;
    font-size: 12px;
  }

  body.mobile-ui-theme-institutional .admission-guide-filter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    margin-top: 12px;
    padding: 14px;
    border: 1px solid #d9e2ec;
    border-radius: 6px;
    background: #fff;
  }

  body.mobile-ui-theme-institutional .admission-guide-filter label {
    display: grid;
    grid-column: 1 / -1;
    gap: 6px;
    min-width: 0;
    color: #24496f;
    font-size: 13px;
    font-weight: 750;
  }

  body.mobile-ui-theme-institutional .admission-guide-filter select,
  body.mobile-ui-theme-institutional .admission-guide-filter input {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    border-color: #bccde0;
    border-radius: 4px;
    background: #fff;
    font-size: 16px;
  }

  body.mobile-ui-theme-institutional .admission-guide-filter > button {
    min-width: 0;
    min-height: 44px;
  }

  body.mobile-ui-theme-institutional .admission-guide-summary {
    padding: 16px 2px 10px;
    color: #526a83;
    font-size: 13px;
    font-weight: 700;
  }

  body.mobile-ui-theme-institutional .admission-guide-results,
  body.mobile-ui-theme-institutional .admission-guide-school-grid,
  body.mobile-ui-theme-institutional .admission-guide-school-detail,
  body.mobile-ui-theme-institutional .admission-guide-artifact-list {
    min-width: 0;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-card {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 10px;
    min-width: 0;
    min-height: 132px;
    padding: 15px;
    border: 1px solid #d6e1ec;
    border-radius: 6px;
    background: #fff;
    color: #15385f;
    text-align: left;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-logo {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    overflow: hidden;
    border: 1px solid #d8e1eb;
    border-radius: 50%;
    background: #fff;
    color: #54708e;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-logo img {
    width: 100%;
    height: 100%;
    padding: 7px;
    object-fit: contain;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-logo i {
    font-size: 25px;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-card__identity {
    display: grid;
    align-content: start;
    min-width: 0;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-card__identity strong {
    overflow-wrap: anywhere;
    font-size: 16px;
    line-height: 1.4;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-card__identity small,
  body.mobile-ui-theme-institutional .admission-guide-school-card__identity em {
    margin-top: 2px;
    overflow-wrap: anywhere;
    color: #75849a;
    font-size: 11px;
    font-style: normal;
    line-height: 1.45;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-card__stages {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-card__stages b,
  body.mobile-ui-theme-institutional .admission-guide-artifact__badges span {
    padding: 3px 7px;
    border: 1px solid #c8d9eb;
    border-radius: 3px;
    background: #eef5fc;
    color: #14558f;
    font-size: 11px;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-card__count {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #0b5cbd;
    font-size: 12px;
    font-weight: 750;
  }

  body.mobile-ui-theme-institutional .admission-guide-back {
    min-height: 42px;
    margin-bottom: 10px;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-detail__header {
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-width: 0;
    padding: 16px;
    border-top: 3px solid #082b5c;
    border-bottom: 1px solid #d9e3ed;
    background: #fff;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-logo--large {
    width: 66px;
    height: 66px;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-detail__header h3 {
    margin: 0;
    overflow-wrap: anywhere;
    color: #082b5c;
    font-size: 20px;
    line-height: 1.35;
  }

  body.mobile-ui-theme-institutional .admission-guide-school-detail__header p,
  body.mobile-ui-theme-institutional .admission-guide-school-detail__header span {
    margin: 3px 0 0;
    overflow-wrap: anywhere;
    color: #68798d;
    font-size: 11px;
  }

  body.mobile-ui-theme-institutional .admission-guide-artifact {
    display: grid;
    gap: 14px;
    min-width: 0;
    padding: 18px 14px;
    border-bottom: 1px solid #d9e3ed;
    background: #fff;
  }

  body.mobile-ui-theme-institutional .admission-guide-artifact__main {
    min-width: 0;
  }

  body.mobile-ui-theme-institutional .admission-guide-artifact__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  body.mobile-ui-theme-institutional .admission-guide-artifact__badges .admission-guide-artifact__role {
    border-color: #d9dfe8;
    background: #f5f7fa;
    color: #56677d;
  }

  body.mobile-ui-theme-institutional .admission-guide-artifact__badges .admission-guide-artifact__chinese {
    border-color: #a8d7c1;
    background: #edf9f3;
    color: #16744e;
  }

  body.mobile-ui-theme-institutional .admission-guide-artifact h4 {
    margin: 10px 0;
    overflow-wrap: anywhere;
    color: #16385f;
    font-size: 16px;
    line-height: 1.5;
  }

  body.mobile-ui-theme-institutional .admission-guide-artifact dl {
    display: grid;
    gap: 7px;
    margin: 0;
    font-size: 12px;
  }

  body.mobile-ui-theme-institutional .admission-guide-artifact dl div {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 7px;
    min-width: 0;
  }

  body.mobile-ui-theme-institutional .admission-guide-artifact dt {
    color: #365371;
    font-weight: 750;
  }

  body.mobile-ui-theme-institutional .admission-guide-artifact dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: #68798d;
  }

  body.mobile-ui-theme-institutional .admission-guide-artifact__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body.mobile-ui-theme-institutional .admission-guide-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    text-decoration: none;
    white-space: normal;
  }

  body.mobile-ui-theme-institutional .admission-guide-official-link {
    min-height: 40px;
    padding: 9px 2px;
    color: #45647f;
    font-size: 12px;
    text-align: center;
  }

  body.mobile-ui-theme-institutional .admission-guide-empty {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 220px;
    padding: 28px 18px;
    border: 1px dashed #c8d5e3;
    border-radius: 6px;
    background: #fff;
    color: #63758a;
    text-align: center;
  }
}

/* Institutional mobile interaction feedback. */
@media (max-width: 768px) and (hover: hover) and (pointer: fine) {
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] :is(
    .miqm-institutional-showcase button,
    .mobile-ios-bottom-dock .mobile-ios-tab
  ) {
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 180ms ease, transform 180ms ease;
  }

  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase button:hover {
    border-color: rgba(11, 92, 189, 0.42);
    background-color: #f4f8fd;
    box-shadow: 0 8px 20px rgba(8, 43, 92, 0.1);
    transform: translateY(-2px);
  }

  .mobile-ios-portal[data-mobile-ui-theme="institutional"] :is(
    .miqm-institutional-showcase__brand,
    .miqm-institutional-showcase__nav-actions button,
    .miqm-institutional-content > section > header > button
  ):hover {
    background-color: transparent;
    box-shadow: none;
    color: #074b9b;
  }

  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search__run:hover,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero button:hover {
    border-color: #084a98;
    background-color: #084f9f;
    box-shadow: 0 10px 22px rgba(8, 79, 159, 0.24);
  }

  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-bottom-dock .mobile-ios-tab:hover {
    background: #eef5fd;
    color: #0b5cbd;
    transform: translateY(-2px);
  }
}

@media (max-width: 768px) and (pointer: coarse) {
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] :is(
    .miqm-institutional-showcase button,
    .mobile-ios-bottom-dock .mobile-ios-tab
  ):active {
    opacity: 0.86;
    transform: scale(0.975);
  }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] :is(
    .miqm-institutional-showcase button,
    .mobile-ios-bottom-dock .mobile-ios-tab
  ) {
    transition: none !important;
  }

  .mobile-ios-portal[data-mobile-ui-theme="institutional"] :is(
    .miqm-institutional-showcase button,
    .mobile-ios-bottom-dock .mobile-ios-tab
  ):is(:hover, :active) {
    transform: none !important;
  }
}

/*
 * Mobile institutional home hardening and readable relayout.
 * The extra body class is applied only while the native mobile renderer owns
 * a supported view. It prevents the desktop institutional homepage from
 * flashing through during slow data loads or stale desktop-theme state.
 */
@media (max-width: 768px) {
  body.mobile-ios-institutional-native-view > .app-shell {
    display: none !important;
  }

  body.mobile-ios-enabled.mobile-ui-theme-institutional #institutionalPortalHome,
  body.mobile-ios-enabled.mobile-ui-theme-institutional #dashboardView {
    display: none !important;
  }

  .mobile-ios-institutional-boot {
    display: none;
  }

  body.mobile-ui-theme-institutional .mobile-ios-institutional-boot,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-institutional-boot {
    display: grid;
    width: calc(100% + 28px);
    min-height: 100dvh;
    margin: 0 -14px;
    grid-template-rows: auto 1fr;
    background: #f4f7fb;
    color: #082b5c;
  }

  body.mobile-ui-theme-institutional .mobile-ios-institutional-boot > header,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-institutional-boot > header {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 72px;
    padding: 0 18px;
    border-top: 5px solid #082b5c;
    border-bottom: 1px solid #d8e1ed;
    background: #fff;
  }

  body.mobile-ui-theme-institutional .mobile-ios-institutional-boot > header > .ph,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-institutional-boot > header > .ph {
    color: #0b5cbd;
    font-size: 32px;
  }

  body.mobile-ui-theme-institutional .mobile-ios-institutional-boot > header span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-institutional-boot > header span {
    display: grid;
    gap: 3px;
  }

  body.mobile-ui-theme-institutional .mobile-ios-institutional-boot > header strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-institutional-boot > header strong {
    font-size: 23px;
    letter-spacing: 0.035em;
  }

  body.mobile-ui-theme-institutional .mobile-ios-institutional-boot > header small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-institutional-boot > header small {
    color: #728197;
    font-size: 10px;
  }

  body.mobile-ui-theme-institutional .mobile-ios-institutional-boot > div,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-institutional-boot > div {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 52px 22px;
    background: #082b5c url("/assets/university-media-backup/shards/S2/52/photo.v3.jpg") 60% 50% / cover no-repeat;
    color: #fff;
  }

  body.mobile-ui-theme-institutional .mobile-ios-institutional-boot > div small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-institutional-boot > div small {
    color: #f6c54d;
    font-size: 12px;
    font-weight: 700;
  }

  body.mobile-ui-theme-institutional .mobile-ios-institutional-boot > div strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-institutional-boot > div strong {
    max-width: 330px;
    font-size: 30px;
    line-height: 1.35;
  }

  body.mobile-ui-theme-institutional .mobile-ios-institutional-boot > div span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-institutional-boot > div span {
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content {
    gap: 14px;
    padding: 16px 14px 94px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section {
    border-radius: 8px;
    box-shadow: 0 5px 18px rgba(8, 43, 92, 0.06);
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section > header,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section > header {
    min-height: 68px;
    padding: 11px 14px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section > header h3,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section > header h3 {
    font-size: 20px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section > header > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section > header > button {
    min-height: 40px;
    font-size: 13px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding: 12px;
    overflow: visible;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid > button {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    min-height: 92px;
    padding: 12px 10px;
    text-align: left;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid img,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid img {
    width: 48px;
    height: 48px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid strong {
    font-size: 13px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid small {
    font-size: 10px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    overflow: visible;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid > button {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    min-height: 76px;
    padding: 10px;
    font-size: 13px;
    text-align: left;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid :is(i, .ph),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid :is(i, .ph) {
    font-size: 28px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button {
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 74px;
    padding: 11px 13px;
    font-size: 12px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button strong {
    font-size: 13px;
    line-height: 1.45;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button small {
    font-size: 10px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid > button {
    min-height: 94px;
    padding: 14px 12px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid strong {
    font-size: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid small {
    font-size: 10px;
  }
}

@media (max-width: 430px) {
  body.mobile-ui-theme-institutional .mobile-ios-screen,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-screen {
    padding-right: 12px;
    padding-left: 12px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase {
    width: calc(100% + 24px);
    margin-right: -12px;
    margin-left: -12px;
  }
}

@media (max-width: 390px) {
  body.mobile-ui-theme-institutional .miqm-institutional-school-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid,
  body.mobile-ui-theme-institutional .miqm-institutional-major-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid {
    grid-template-columns: 1fr;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid > button {
    min-height: 84px;
  }
}

/* Exact bindings for the institutional showcase markup. */
@media (max-width: 768px) {
  body.mobile-ui-theme-institutional .mobile-ios-quick-match:has(> .miqm-institutional-showcase) > :is(.miqm-compact-hero, .miqm-compact-run-button, .miqm-institutional-intro),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-quick-match:has(> .miqm-institutional-showcase) > :is(.miqm-compact-hero, .miqm-compact-run-button, .miqm-institutional-intro) {
    display: none !important;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__authority small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__authority small {
    color: rgba(255, 255, 255, 0.92);
    font-size: 9px;
    font-weight: 520;
    white-space: nowrap;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__hero,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero {
    background-color: #082b5c;
    background-image: url("/assets/university-media-backup/shards/S2/52/photo.v3.jpg");
    background-position: 61% 48%;
    background-size: cover;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__hero > div,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero > div {
    width: min(92%, 420px);
    padding: 27px 18px 72px;
    color: #ffffff;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__hero > div > small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero > div > small {
    display: inline-block;
    margin-bottom: 8px;
    color: #f6c54d;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__hero h2,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero h2 {
    max-width: 340px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(27px, 7.2vw, 35px);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.35;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > header,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 29px;
    padding-bottom: 7px;
    border-bottom: 1px solid #e2e7ee;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > header strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > header strong {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #082b5c;
    font-size: 12px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > header strong .ph,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > header strong .ph {
    color: #0b5cbd;
    font-size: 15px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > header small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > header small {
    color: #8490a1;
    font-size: 9px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > button:not(.miqm-institutional-search__run),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > button:not(.miqm-institutional-search__run) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 46px;
    padding: 7px 11px;
    border: 1px solid #d3dce7;
    border-radius: 2px;
    background: #ffffff;
    color: #1d3a60;
    text-align: left;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > button:not(.miqm-institutional-search__run) > span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > button:not(.miqm-institutional-search__run) > span {
    display: grid;
    min-width: 0;
    gap: 1px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > button:not(.miqm-institutional-search__run) small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > button:not(.miqm-institutional-search__run) small {
    color: #7d899a;
    font-size: 9px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > button:not(.miqm-institutional-search__run) strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > button:not(.miqm-institutional-search__run) strong {
    overflow: hidden;
    color: #1c3555;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > button:not(.miqm-institutional-search__run) > .ph,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > button:not(.miqm-institutional-search__run) > .ph {
    color: #0b5cbd;
    font-size: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > .miqm-institutional-search__run,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > .miqm-institutional-search__run {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-height: 45px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #084f9f;
    border-radius: 2px;
    background: #0b5cbd;
    color: #ffffff;
    font-size: 14px;
    font-weight: 750;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > p,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > p {
    margin: 0;
    color: #6c7a8e;
    font-size: 9px;
    line-height: 1.5;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > p span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > p span {
    margin-right: 7px;
    color: #0b5cbd;
    font-weight: 700;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics > article,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics > article {
    display: grid;
    min-width: 0;
    padding: 1px 5px;
    place-items: center;
    border-right: 1px solid #e1e7ef;
    text-align: center;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics > article:last-child,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics > article:last-child {
    border-right: 0;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics > article strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics > article strong {
    color: #0b5cbd;
    font-size: clamp(14px, 4vw, 18px);
    line-height: 1.2;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics > article sup,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics > article sup {
    font-size: 0.55em;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics > article span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics > article span {
    margin-top: 3px;
    color: #65758a;
    font-size: 8.5px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section > header,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    padding: 8px 11px;
    border-bottom: 1px solid #e2e8f0;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section > header > div,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section > header > div {
    display: grid;
    gap: 1px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section > header small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section > header small {
    color: #0b5cbd;
    font-size: 7px;
    font-weight: 750;
    letter-spacing: 0.08em;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section > header h3,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section > header h3 {
    margin: 0;
    color: #082b5c;
    font-size: 15px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section > header > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section > header > button {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0b5cbd;
    font-size: 9px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid > button {
    display: grid;
    gap: 5px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid > button > span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid > button > span {
    display: grid;
    width: 100%;
    gap: 2px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid > button {
    grid-template-columns: 1fr;
    gap: 4px;
    min-height: 66px;
    padding: 7px 2px;
    text-align: center;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid > button > span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid > button > span {
    display: grid;
    min-width: 0;
    gap: 2px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid strong {
    color: #18385f;
    font-size: 10px;
    line-height: 1.35;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid small {
    color: #7a8799;
    font-size: 8px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button {
    grid-template-columns: 40px minmax(0, 1fr) 34px;
    gap: 8px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button time,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button time {
    display: block;
    color: #0b5cbd;
    font-size: 9px;
    font-weight: 720;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button > span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button > span {
    display: grid;
    min-width: 0;
    gap: 2px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button strong {
    overflow: hidden;
    color: #1d385b;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button small {
    color: #7b8798;
    font-size: 8px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button em,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button em {
    padding: 2px 4px;
    border: 1px solid #e39a1f;
    border-radius: 2px;
    color: #d68100;
    font-size: 7px;
    font-style: normal;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid > button {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  body.mobile-ui-theme-institutional .miqm-institutional-footer,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-footer {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    min-height: 108px;
    padding: 20px 16px 24px;
    place-items: center;
    border-top: 3px solid #082b5c;
    background: #eef3f8;
    color: #082b5c;
    text-align: center;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-footer strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-footer strong {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-footer p,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-footer p {
    margin: 0;
    color: #405976;
    font-size: 10px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-footer small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-footer small {
    color: #78869a;
    font-size: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mobile-ui-theme-institutional .mobile-ios-portal *,
  body.mobile-ui-theme-institutional .mobile-ios-portal *::before,
  body.mobile-ui-theme-institutional .mobile-ios-portal *::after,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] *,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] *::before,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/*
 * Institutional portal replica.
 * The portal blocks are emitted only for the institutional mobile theme.  They
 * intentionally use real DOM content and the existing campus/media assets;
 * the declarations below are layout/presentation only and do not leak into
 * the iOS, illustrated or compact themes.
 */
.miqm-institutional-showcase {
  display: none;
}

@media (max-width: 768px) {
  body.mobile-ui-theme-institutional .miqm-institutional-showcase,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase {
    display: block;
    width: calc(100% + 28px);
    margin: 0 -14px 18px;
    overflow: hidden;
    background: #f5f8fc;
    color: #102f58;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase :is(button, input, select),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase :is(button, input, select) {
    font: inherit;
  }

  /* University-style authority and brand bars. */
  body.mobile-ui-theme-institutional .miqm-institutional-showcase__authority,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__authority {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 34px;
    padding: 7px 16px;
    background: #082b5c;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0.01em;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__authority > span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__authority > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__authority .ph,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__authority .ph {
    color: #f4ba25;
    font-size: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__nav,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 66px;
    padding: 0 16px;
    border-bottom: 1px solid #d8e1ed;
    background: #ffffff;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__brand,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #082b5c;
    text-align: left;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__brand > .ph,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__brand > .ph {
    color: #0b5cbd;
    font-size: 29px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__brand > span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__brand > span {
    display: grid;
    min-width: 0;
    gap: 2px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__brand strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__brand strong {
    font-size: clamp(22px, 6.6vw, 29px);
    font-weight: 800;
    letter-spacing: 0.035em;
    line-height: 1;
    white-space: nowrap;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__brand small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__brand small {
    color: #6d7c8f;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.08em;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__nav-actions,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__nav-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__nav-actions button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__nav-actions button {
    display: grid;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: #082b5c;
    font-size: 25px;
  }

  /* Campus hero. */
  body.mobile-ui-theme-institutional .miqm-institutional-showcase__hero,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero {
    position: relative;
    min-height: 244px;
    overflow: hidden;
    background: #082b5c;
    isolation: isolate;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__hero > img,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero > img {
    position: absolute;
    z-index: -2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 60% 50%;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__hero::after,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: rgba(4, 35, 75, 0.72);
    content: "";
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__hero-copy,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero-copy {
    width: min(90%, 420px);
    padding: 28px 18px 72px;
    color: #ffffff;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__hero h1,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero h1 {
    max-width: 340px;
    margin: 0;
    font-size: clamp(27px, 7.2vw, 35px);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.35;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__hero p,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero p {
    max-width: 320px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    line-height: 1.75;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__hero button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__hero button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 142px;
    min-height: 46px;
    margin-top: 17px;
    padding: 0 18px;
    border: 1px solid #438fdc;
    border-radius: 3px;
    background: #0b5cbd;
    color: #ffffff;
    font-size: 15px;
    font-weight: 750;
  }

  /* Search card overlaps the campus image just as the selected prototype. */
  body.mobile-ui-theme-institutional .miqm-institutional-search,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 9px;
    margin: -54px 16px 0;
    padding: 14px;
    border: 1px solid #d5dee9;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(8, 43, 92, 0.13);
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search label,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search label {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    color: #38516f;
    font-size: 12px;
    font-weight: 650;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search :is(input, select),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search :is(input, select) {
    width: 100%;
    min-width: 0;
    min-height: 43px;
    padding: 0 12px;
    border: 1px solid #cfd9e6;
    border-radius: 2px;
    background: #ffffff;
    color: #203957;
    font-size: 13px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search > button {
    min-height: 44px;
    border: 1px solid #084f9f;
    border-radius: 2px;
    background: #0b5cbd;
    color: #ffffff;
    font-size: 15px;
    font-weight: 750;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search__trending,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search__trending {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 11px;
    padding-top: 2px;
    color: #687993;
    font-size: 10px;
    line-height: 1.5;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-search__trending a,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-search__trending a {
    color: #0b5cbd;
    text-decoration: none;
  }

  /* Trust metrics. */
  body.mobile-ui-theme-institutional .miqm-institutional-metrics,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 12px 16px 0;
    padding: 13px 0;
    border-top: 1px solid #d8e1ec;
    border-bottom: 1px solid #d8e1ec;
    background: #ffffff;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics > div,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics > div {
    display: grid;
    min-width: 0;
    padding: 0 5px;
    place-items: center;
    border-right: 1px solid #e1e7ef;
    color: #5f6f84;
    text-align: center;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics > div:last-child,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics > div:last-child {
    border-right: 0;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics :is(i, .ph),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics :is(i, .ph) {
    color: #0b5cbd;
    font-size: 20px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics strong {
    margin-top: 4px;
    color: #0b5cbd;
    font-size: 13px;
    line-height: 1.2;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics small {
    margin-top: 3px;
    font-size: 8px;
    line-height: 1.25;
  }

  /* Editorial sections below the fold. */
  body.mobile-ui-theme-institutional .miqm-institutional-content,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content {
    display: grid;
    gap: 10px;
    padding: 12px 16px 88px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section {
    overflow: hidden;
    border: 1px solid #d8e1ec;
    border-radius: 3px;
    background: #ffffff;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-section-head,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 43px;
    padding: 0 12px;
    border-bottom: 1px solid #e2e8f0;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-section-head h2,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-section-head h2 {
    margin: 0;
    color: #082b5c;
    font-size: 16px;
    font-weight: 780;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-section-head :is(a, button),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-section-head :is(a, button) {
    padding: 0;
    border: 0;
    background: transparent;
    color: #0b5cbd;
    font-size: 11px;
    text-decoration: none;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
    padding: 10px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid > :is(button, a, article),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid > :is(button, a, article) {
    display: grid;
    min-width: 0;
    min-height: 86px;
    padding: 8px 3px;
    place-items: center;
    border: 1px solid #dce4ee;
    border-radius: 2px;
    background: #ffffff;
    color: #183b69;
    text-align: center;
    text-decoration: none;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid img,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid img {
    width: 37px;
    height: 37px;
    object-fit: contain;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid strong {
    width: 100%;
    overflow: hidden;
    font-size: 10px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid small {
    color: #7b8798;
    font-size: 8px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
    padding: 10px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid > :is(button, a),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid > :is(button, a) {
    display: grid;
    min-width: 0;
    min-height: 64px;
    padding: 7px 2px;
    place-items: center;
    border: 1px solid #dce4ee;
    border-radius: 2px;
    background: #ffffff;
    color: #173b6c;
    font-size: 9px;
    text-align: center;
    text-decoration: none;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid :is(i, .ph),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid :is(i, .ph) {
    color: #0b5cbd;
    font-size: 22px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list {
    display: grid;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > :is(button, a, article),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > :is(button, a, article) {
    display: grid;
    grid-template-columns: 38px 84px minmax(0, 1fr) 54px 14px;
    align-items: center;
    gap: 6px;
    min-height: 43px;
    padding: 6px 10px;
    border: 0;
    border-bottom: 1px solid #e4e9f0;
    background: #ffffff;
    color: #1f3859;
    font-size: 9px;
    text-align: left;
    text-decoration: none;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > :is(button, a, article):last-child,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > :is(button, a, article):last-child {
    border-bottom: 0;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list img,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list img {
    width: 27px;
    height: 27px;
    object-fit: contain;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list time,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list time {
    color: #8590a1;
    font-variant-numeric: tabular-nums;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid > :is(button, a, article),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid > :is(button, a, article) {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 7px;
    min-height: 72px;
    padding: 10px;
    border: 0;
    border-right: 1px solid #e3e8ef;
    border-bottom: 1px solid #e3e8ef;
    background: #ffffff;
    color: #0e3768;
    text-align: left;
    text-decoration: none;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid > :is(button, a, article):nth-child(2n),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid > :is(button, a, article):nth-child(2n) {
    border-right: 0;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid > :is(button, a, article):nth-last-child(-n + 2),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid > :is(button, a, article):nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid :is(i, .ph),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid :is(i, .ph) {
    color: #0b5cbd;
    font-size: 25px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid span,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid span {
    display: grid;
    min-width: 0;
    gap: 2px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid strong {
    font-size: 11px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid small {
    overflow: hidden;
    color: #7b8797;
    font-size: 7.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-footer,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-footer {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 70px;
    border-top: 1px solid #d3dce7;
    background: #ffffff;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-footer > :is(button, a),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-footer > :is(button, a) {
    display: grid;
    min-width: 0;
    padding: 7px 2px 5px;
    place-items: center;
    border: 0;
    background: transparent;
    color: #52647b;
    font-size: 10px;
    text-decoration: none;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-footer > :is(button, a).is-active,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-footer > :is(button, a).is-active {
    color: #0b5cbd;
    font-weight: 750;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-footer :is(i, .ph),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-footer :is(i, .ph) {
    font-size: 25px;
  }

  /* The full portal page replaces the older institutional intro in its idle state. */
  body.mobile-ui-theme-institutional .miqm-institutional-showcase ~ .miqm-institutional-intro,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase ~ .miqm-institutional-intro {
    display: none !important;
  }
}

@media (max-width: 390px) {
  body.mobile-ui-theme-institutional .miqm-institutional-showcase,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase {
    width: calc(100% + 22px);
    margin-right: -11px;
    margin-left: -11px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase__authority,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase__authority {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 9px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid {
    grid-template-columns: repeat(5, minmax(62px, 1fr));
    overflow-x: auto;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid {
    grid-template-columns: repeat(6, minmax(51px, 1fr));
    overflow-x: auto;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > :is(button, a, article),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > :is(button, a, article) {
    grid-template-columns: 30px 64px minmax(0, 1fr) 14px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list time,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list time {
    display: none;
  }
}

/* Final v4 mobile-home layout overrides (must remain last in this file). */
@media (max-width: 768px) {
  body.mobile-ios-institutional-native-view > .app-shell,
  body.mobile-ios-enabled.mobile-ui-theme-institutional #institutionalPortalHome,
  body.mobile-ios-enabled.mobile-ui-theme-institutional #dashboardView {
    display: none !important;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content {
    gap: 14px;
    padding: 16px 14px 94px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section {
    border-radius: 8px;
    box-shadow: 0 5px 18px rgba(8, 43, 92, 0.06);
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section > header,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section > header {
    min-height: 68px;
    padding: 11px 14px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section > header h3,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section > header h3 {
    font-size: 20px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-content > section > header > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-content > section > header > button {
    min-height: 40px;
    font-size: 13px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding: 12px;
    overflow: visible;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid > button {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 10px;
    min-height: 92px;
    padding: 12px 10px;
    place-items: center start;
    text-align: left;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid img,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid img {
    width: 48px;
    height: 48px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid strong {
    font-size: 13px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid small {
    font-size: 10px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    overflow: visible;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid > button {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
    min-height: 76px;
    padding: 10px;
    place-items: center start;
    font-size: 13px;
    text-align: left;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-major-grid :is(i, .ph),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid :is(i, .ph) {
    font-size: 28px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button {
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 74px;
    padding: 11px 13px;
    font-size: 12px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button strong {
    font-size: 13px;
    line-height: 1.45;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-guide-list > button small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-guide-list > button small {
    font-size: 10px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid > button {
    min-height: 94px;
    padding: 14px 12px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid strong,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid strong {
    font-size: 14px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-service-grid small,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-service-grid small {
    font-size: 10px;
  }
}

@media (max-width: 430px) {
  body.mobile-ui-theme-institutional .mobile-ios-screen,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .mobile-ios-screen {
    padding-right: 12px;
    padding-left: 12px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-showcase,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-showcase {
    width: calc(100% + 24px);
    margin-right: -12px;
    margin-left: -12px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    row-gap: 12px;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics > article:nth-child(-n + 2),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics > article:nth-child(-n + 2) {
    grid-column: span 3;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-metrics > article:nth-child(n + 3),
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-metrics > article:nth-child(n + 3) {
    grid-column: span 2;
  }
}

@media (max-width: 390px) {
  body.mobile-ui-theme-institutional .miqm-institutional-school-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid,
  body.mobile-ui-theme-institutional .miqm-institutional-major-grid,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-major-grid {
    grid-template-columns: 1fr;
  }

  body.mobile-ui-theme-institutional .miqm-institutional-school-grid > button,
  .mobile-ios-portal[data-mobile-ui-theme="institutional"] .miqm-institutional-school-grid > button {
    min-height: 84px;
  }
}