/* creative.moraq.io - floating portal chrome */

body {
  --mc-chrome-offset-top: 20px;
  --mc-chrome-bar-height: var(--mc-nav-height);
  --mc-chrome-bar-scale: 1;
}

body.mc-chrome-compact {
  --mc-chrome-offset-top: 10px;
  --mc-chrome-bar-height: 44px;
  --mc-chrome-bar-scale: 0.96;
}

.mc-chrome {
  position: fixed;
  top: var(--mc-chrome-offset-top);
  left: 0;
  right: 0;
  z-index: 100;
  pointer-events: none;
  transition: top 0.42s var(--mc-glass-spring, cubic-bezier(0.34, 1.25, 0.64, 1));
}

.mc-chrome__inner {
  width: var(--mc-max);
  max-width: calc(100vw - 24px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mc-chrome__bar {
  --mc-chrome-divider: rgba(15, 23, 42, 0.14);
  --mc-chrome-segment-hover: rgba(15, 23, 42, 0.07);
  --mc-chrome-segment-active: rgba(0, 48, 222, 0.12);
  --mc-chrome-ink: var(--mc-ink);
  --mc-chrome-indicator-bg: rgba(15, 23, 42, 0.08);
  --mc-chrome-indicator-ring: rgba(255, 255, 255, 0.62);
  --mc-chrome-indicator-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
  position: relative;
  pointer-events: auto;
  display: inline-flex;
  align-items: stretch;
  min-height: var(--mc-chrome-bar-height);
  border-radius: var(--mc-radius-pill);
  color: var(--mc-chrome-ink);
  transform: scale(var(--mc-chrome-bar-scale));
  transform-origin: center top;
  transition:
    transform 0.42s var(--mc-glass-spring, cubic-bezier(0.34, 1.25, 0.64, 1)),
    min-height 0.42s var(--mc-glass-spring, cubic-bezier(0.34, 1.25, 0.64, 1));
}

.mc-chrome__brand,
.mc-chrome__menu,
.mc-chrome__search,
.mc-chrome__theme {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--mc-chrome-bar-height);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    min-height 0.42s var(--mc-glass-spring, cubic-bezier(0.34, 1.25, 0.64, 1)),
    padding 0.35s ease;
}

.mc-chrome__bar > .mc-chrome__brand + .mc-chrome__menu,
.mc-chrome__bar > .mc-chrome__menu + .mc-chrome__theme,
.mc-chrome__bar > .mc-chrome__theme + .mc-chrome__search {
  box-shadow: inset 1px 0 0 var(--mc-chrome-divider);
}

.mc-chrome__indicator {
  position: absolute;
  left: 0;
  top: 4px;
  z-index: 0;
  width: 0;
  border-radius: var(--mc-radius-pill);
  background: var(--mc-chrome-indicator-bg);
  border: 1px solid var(--mc-chrome-indicator-ring);
  box-shadow: var(--mc-chrome-indicator-shadow);
  opacity: 0;
  transform: translate3d(0, 0, 0);
  pointer-events: none;
  will-change: transform, width;
}

.mc-chrome__bar--indicator-ready .mc-chrome__indicator {
  opacity: 1;
}

.mc-chrome__indicator.is-accent {
  background: rgba(0, 48, 222, 0.9);
  border-color: rgba(255, 255, 255, 0.34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 8px 20px rgba(0, 48, 222, 0.28);
}

.mc-chrome__bar--indicator-ready .mc-chrome__brand:hover,
.mc-chrome__bar--indicator-ready .mc-chrome__menu:hover,
.mc-chrome__bar--indicator-ready .mc-chrome__search:hover,
.mc-chrome__bar--indicator-ready .mc-chrome__theme:hover {
  background: transparent;
}

body.mc-chrome-tone-light .mc-chrome__bar[data-mc-indicator-active="menu"] .mc-chrome__menu,
html.mc-chrome-tone-light .mc-chrome__bar[data-mc-indicator-active="menu"] .mc-chrome__menu {
  color: #0028c8;
}

body.mc-chrome-tone-dark .mc-chrome__bar[data-mc-indicator-active="menu"] .mc-chrome__menu,
html.mc-chrome-tone-dark .mc-chrome__bar[data-mc-indicator-active="menu"] .mc-chrome__menu,
html.mc-chrome-tone-dark-pending .mc-chrome__bar[data-mc-indicator-active="menu"] .mc-chrome__menu {
  color: #fff;
}

body.mc-chrome-tone-vivid.mc-chrome-tone-light .mc-chrome__bar[data-mc-indicator-active="brand"] .mc-chrome__brand,
html.mc-chrome-tone-vivid.mc-chrome-tone-light .mc-chrome__bar[data-mc-indicator-active="brand"] .mc-chrome__brand {
  color: var(--mc-ink);
}

body.mc-chrome-tone-vivid.mc-chrome-tone-dark .mc-chrome__bar[data-mc-indicator-active="brand"] .mc-chrome__brand,
html.mc-chrome-tone-vivid.mc-chrome-tone-dark .mc-chrome__bar[data-mc-indicator-active="brand"] .mc-chrome__brand {
  color: rgba(242, 241, 237, 0.98);
}

.mc-chrome__bar[data-mc-indicator-active="search"] .mc-chrome__search {
  color: #fff;
}

.mc-chrome__bar--indicator-ready .mc-chrome__menu[aria-expanded="true"] {
  background: transparent;
  color: inherit;
}

.mc-chrome__brand:hover,
.mc-chrome__menu:hover,
.mc-chrome__search:hover,
.mc-chrome__theme:hover {
  background: var(--mc-chrome-segment-hover);
}

.mc-chrome__brand {
  width: var(--mc-nav-height);
  flex-shrink: 0;
}

.mc-chrome__brand img,
.mc-chrome__brand-mark {
  width: 28px;
  height: 28px;
  transition: width 0.35s ease, height 0.35s ease;
}

body.mc-chrome-compact .mc-chrome__brand-mark {
  width: 24px;
  height: 24px;
}

.mc-chrome__brand-mark--on-dark {
  display: none;
}

body.mc-chrome-tone-dark .mc-chrome__brand-mark--on-dark,
html.mc-chrome-tone-dark-pending .mc-chrome__brand-mark--on-dark {
  display: block;
}

body.mc-chrome-tone-dark .mc-chrome__brand-mark--on-light,
html.mc-chrome-tone-dark-pending .mc-chrome__brand-mark--on-light {
  display: none;
}

body.mc-chrome-tone-dark .mc-chrome__brand-mark--on-dark,
html.mc-chrome-tone-dark-pending .mc-chrome__brand-mark--on-dark {
  filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.18));
}

.mc-chrome__menu {
  gap: 10px;
  padding: 0 18px 0 14px;
  font-family: var(--font-headline);
  font-size: 0.9375rem;
  font-weight: 600;
}

#moraqCreativeNavLabel {
  display: inline-block;
  max-width: 14rem;
  opacity: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  transition:
    max-width 0.36s ease,
    opacity 0.28s ease,
    margin 0.36s ease;
}

body.mc-chrome-compact #moraqCreativeNavLabel {
  max-width: 0;
  opacity: 0;
  margin-left: -4px;
}

body.mc-chrome-compact .mc-chrome__menu {
  gap: 0;
  padding: 0 12px;
}

.mc-chrome__menu[aria-expanded="true"] {
  background: transparent;
  color: inherit;
}

.mc-chrome__menu-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
}

.mc-chrome__menu-icon span {
  display: block;
  height: 1.5px;
  background: currentColor;
  border-radius: 1px;
}

.mc-chrome__search {
  width: var(--mc-nav-height);
  padding: 0;
}

.mc-chrome__theme {
  width: var(--mc-nav-height);
  padding: 0;
}

.mc-chrome__theme svg {
  width: 20px;
  height: 20px;
  transition: width 0.35s ease, height 0.35s ease;
}

body.mc-chrome-compact .mc-chrome__theme svg,
body.mc-chrome-compact .mc-chrome__search svg {
  width: 18px;
  height: 18px;
}

.mc-chrome__theme-icon--moon {
  display: none;
}

html.mc-theme-day .mc-chrome__theme-icon--sun,
html.mc-day-mode .mc-chrome__theme-icon--sun {
  display: none;
}

html.mc-theme-night .mc-chrome__theme-icon--moon,
html.mc-day-mode .mc-chrome__theme-icon--moon {
  display: none;
}

html.mc-theme-day .mc-chrome__theme-icon--moon,
html.mc-day-mode .mc-chrome__theme-icon--moon {
  display: block;
}

.mc-chrome__search[aria-pressed="true"] {
  background: transparent;
  color: #fff;
  box-shadow: none;
}

body.mc-chrome-tone-dark .mc-chrome__search[aria-pressed="true"],
html.mc-chrome-tone-dark-pending .mc-chrome__search[aria-pressed="true"] {
  background: transparent;
  color: #fff;
}

.mc-chrome__search svg {
  width: 20px;
  height: 20px;
  transition: width 0.35s ease, height 0.35s ease;
}

/* Drawer */
.mc-nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(15, 23, 42, 0.18);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  pointer-events: none;
}

body.mc-menu-open {
  overflow: hidden;
}

body.mc-menu-open .mc-nav-backdrop {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  background: rgba(15, 23, 42, 0.38);
}

.mc-nav-drawer {
  position: fixed;
  top: calc(var(--mc-chrome-offset-top) + var(--mc-chrome-bar-height) + 12px);
  left: 50%;
  z-index: 110;
  display: flex;
  flex-direction: column;
  width: min(320px, calc(100vw - 32px));
  max-height: calc(100dvh - var(--mc-chrome-offset-top) - var(--mc-chrome-bar-height) - 32px);
  transform: translateX(-50%) translateY(-8px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    top 0.42s var(--mc-glass-spring, cubic-bezier(0.34, 1.25, 0.64, 1)),
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0.25s ease;
  padding: 18px;
}

body.mc-menu-open .mc-nav-drawer {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.mc-nav-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.12);
}

.mc-nav-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.mc-nav-drawer__title {
  font-family: var(--font-headline);
  font-size: 0.9375rem;
  font-weight: 650;
  color: var(--mc-ink);
}

.mc-nav-drawer__close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #4b5563;
}

.mc-nav-drawer__link,
.mc-nav-drawer__sublink {
  display: block;
  padding: 10px 8px;
  border-radius: 10px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #111827;
}

.mc-nav-drawer__link:hover,
.mc-nav-drawer__sublink:hover {
  background: rgba(15, 23, 42, 0.06);
}

.mc-nav-drawer__link.is-active {
  background: rgba(0, 48, 222, 0.12);
  color: #0028c8;
  font-weight: 600;
}

.mc-nav-drawer__group {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid rgba(15, 23, 42, 0.1);
}

.mc-nav-drawer__group--accordion {
  padding-top: 0;
}

.mc-nav-drawer__group-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 12px 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  font-family: var(--font-headline);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  color: #111827;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.mc-nav-drawer__group-toggle:hover {
  background: rgba(15, 23, 42, 0.05);
}

.mc-nav-drawer__group-title {
  flex: 1;
  min-width: 0;
}

.mc-nav-drawer__group-chev {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  opacity: 0.72;
  transition: transform 0.2s ease;
}

.mc-nav-drawer__group.is-open .mc-nav-drawer__group-chev {
  transform: rotate(-135deg) translateY(1px);
}

.mc-nav-drawer__group-body {
  display: none;
  margin: 0 0 6px;
  padding: 4px 0 8px;
  border-radius: 10px;
}

.mc-nav-drawer__group.is-open .mc-nav-drawer__group-body {
  display: block;
  background: rgba(15, 23, 42, 0.035);
}

.mc-nav-drawer__group-label {
  margin: 0 0 4px;
  padding: 4px 8px;
  font-size: 0.6875rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #57534e;
}

.mc-nav-drawer__sublink {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
}

.mc-nav-drawer__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
  padding: 12px 16px;
  border-radius: var(--mc-radius-pill);
  background: var(--mc-ink);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
}

.mc-nav-drawer__cta:hover {
  background: var(--est-blue-dark);
}

/* Dark hub chrome - drawer contrast on glass panel */
body.mc-chrome-tone-dark.mc-menu-open .mc-nav-backdrop {
  background: rgba(0, 0, 0, 0.62);
}

body.mc-chrome-tone-dark .mc-nav-drawer {
  color: rgba(242, 241, 237, 0.94);
}

body.mc-chrome-tone-dark .mc-nav-drawer__head {
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

body.mc-chrome-tone-dark .mc-nav-drawer__title {
  color: #fff;
}

body.mc-chrome-tone-dark .mc-nav-drawer__close {
  color: rgba(242, 241, 237, 0.82);
}

body.mc-chrome-tone-dark .mc-nav-drawer__link {
  color: rgba(242, 241, 237, 0.92);
}

body.mc-chrome-tone-dark .mc-nav-drawer__sublink {
  color: rgba(242, 241, 237, 0.76);
}

body.mc-chrome-tone-dark .mc-nav-drawer__group-label {
  color: rgba(242, 241, 237, 0.58);
}

body.mc-chrome-tone-dark .mc-nav-drawer__group-toggle {
  color: rgba(242, 241, 237, 0.94);
}

body.mc-chrome-tone-dark .mc-nav-drawer__group-toggle:hover {
  background: rgba(255, 255, 255, 0.08);
}

body.mc-chrome-tone-dark .mc-nav-drawer__group.is-open .mc-nav-drawer__group-body {
  background: rgba(255, 255, 255, 0.06);
}

body.mc-chrome-tone-dark .mc-nav-drawer__group {
  border-top-color: rgba(255, 255, 255, 0.16);
}

body.mc-chrome-tone-dark .mc-nav-drawer__link:hover,
body.mc-chrome-tone-dark .mc-nav-drawer__sublink:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

body.mc-chrome-tone-dark .mc-nav-drawer__link.is-active {
  background: rgba(0, 48, 222, 0.32);
  color: #dce6ff;
}

body.mc-chrome-tone-dark .mc-nav-drawer__cta {
  background: #fff;
  color: #111827;
}

body.mc-chrome-tone-dark .mc-nav-drawer__cta:hover {
  background: #f2f1ed;
  color: #111827;
}

/* Placeholder sections */
.mc-placeholder {
  width: var(--mc-max);
  margin: 0 auto;
  padding: 48px 0;
}

.mc-placeholder__kicker {
  margin: 0 0 12px;
  font-size: 0.75rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mc-ink-soft);
}

.mc-placeholder__title {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.mc-placeholder__lead {
  max-width: 36ch;
  margin: 0 0 28px;
  font-size: 1.0625rem;
  color: var(--mc-ink-muted);
}

.mc-placeholder__back {
  display: inline-flex;
  align-items: center;
  padding: 10px 18px;
  border-radius: var(--mc-radius-pill);
  border: 1px solid rgba(15, 23, 42, 0.12);
  font-size: 0.875rem;
  font-weight: 600;
}

.mc-placeholder__back:hover {
  border-color: var(--mc-accent);
  color: var(--mc-accent);
}

@media (max-width: 640px) {
  body {
    --mc-chrome-offset-top: 12px;
  }

  body.mc-chrome-compact {
    --mc-chrome-offset-top: 6px;
    --mc-chrome-bar-scale: 0.94;
  }

  .mc-chrome__inner {
    width: var(--mc-page-width);
    max-width: none;
  }

  .mc-chrome__bar {
    width: 100%;
    max-width: none;
  }

  .mc-chrome__menu {
    flex: 1;
    justify-content: center;
    min-width: 0;
  }

  body:not(.mc-chrome-compact) .mc-chrome__menu span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mc-chrome-compact {
    --mc-chrome-offset-top: 20px;
    --mc-chrome-bar-height: var(--mc-nav-height);
    --mc-chrome-bar-scale: 1;
  }

  .mc-chrome,
  .mc-chrome__bar,
  .mc-chrome__brand,
  .mc-chrome__menu,
  .mc-chrome__search,
  .mc-chrome__theme,
  .mc-chrome__brand-mark,
  #moraqCreativeNavLabel,
  .mc-nav-drawer {
    transition: none !important;
  }

  body.mc-chrome-compact #moraqCreativeNavLabel {
    max-width: 14rem;
    opacity: 1;
    margin-left: 0;
  }

  body.mc-chrome-compact .mc-chrome__menu {
    gap: 10px;
    padding: 0 18px 0 14px;
  }
}

/* Document shell - shared with identity foundation layout */
body.mc-section-guidelines .mc-main,
body.mc-section-identity .mc-main,
body.mc-section-diy .mc-main,
body.mc-section-assets-hub .mc-main,
body.mc-section-learn .mc-main,
body.mc-section-wiki .mc-main,
body.mc-section-enablement .mc-main,
body.mc-section-developer .mc-main,
body.mc-section-security .mc-main,
body.mc-section-about .mc-main {
  padding-top: calc(var(--mc-nav-height) + 28px);
  max-width: none;
}

body.mc-section-guidelines .mc-chrome__inner,
body.mc-section-identity .mc-chrome__inner,
body.mc-section-diy .mc-chrome__inner,
body.mc-section-assets-hub .mc-chrome__inner,
body.mc-section-learn .mc-chrome__inner,
body.mc-section-wiki .mc-chrome__inner,
body.mc-section-enablement .mc-chrome__inner,
body.mc-section-developer .mc-chrome__inner,
body.mc-section-security .mc-chrome__inner,
body.mc-section-about .mc-chrome__inner {
  width: var(--mc-shell-width);
  max-width: calc(100vw - 24px);
}

/* Mobile / tablet - hide doc sidebars, maximize content, smooth scroll */
@media (max-width: 1023px) {
  html {
    scroll-behavior: smooth;
  }

  .mc-page {
    overflow-x: clip;
  }

  .mc-gl-sidebar,
  .mc-ab-sidebar,
  .mc-dev-sidebar,
  .mc-sec-sidebar {
    display: none !important;
  }

  .mc-gl,
  .mc-ab-layout,
  .mc-dev-layout,
  .mc-sec-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(var(--mc-shell-width), var(--mc-page-width));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    gap: 0;
  }

  body.mc-section-guidelines .mc-main,
  body.mc-section-identity .mc-main,
  body.mc-section-diy .mc-main,
  body.mc-section-assets-hub .mc-main,
  body.mc-section-learn .mc-main,
  body.mc-section-wiki .mc-main,
  body.mc-section-enablement .mc-main,
  body.mc-section-developer .mc-main,
  body.mc-section-security .mc-main,
  body.mc-section-about .mc-main {
    padding-top: calc(var(--mc-nav-height) + 12px);
    padding-bottom: max(64px, env(safe-area-inset-bottom, 0px));
  }

  body.mc-section-guidelines .mc-chrome__inner,
  body.mc-section-identity .mc-chrome__inner,
  body.mc-section-diy .mc-chrome__inner,
  body.mc-section-assets-hub .mc-chrome__inner,
  body.mc-section-learn .mc-chrome__inner,
  body.mc-section-wiki .mc-chrome__inner,
  body.mc-section-enablement .mc-chrome__inner,
  body.mc-section-developer .mc-chrome__inner,
  body.mc-section-security .mc-chrome__inner,
  body.mc-section-about .mc-chrome__inner,
  body.mc-section-home .mc-chrome__inner {
    width: min(var(--mc-shell-width), var(--mc-page-width));
    max-width: none;
  }

  .mc-gl-main,
  .mc-ab-main,
  .mc-dev-main,
  .mc-sec-main {
    padding-left: max(0px, env(safe-area-inset-left, 0px));
    padding-right: max(0px, env(safe-area-inset-right, 0px));
    padding-top: 12px;
    padding-bottom: max(56px, env(safe-area-inset-bottom, 0px));
    min-width: 0;
    -webkit-overflow-scrolling: touch;
  }

  .mc-ab-layout {
    width: min(1120px, var(--mc-page-width));
    padding-bottom: 48px;
  }

  .mc-wiki-shell,
  .mc-en-shell {
    width: min(var(--mc-shell-width), var(--mc-page-width));
    margin-left: auto;
    margin-right: auto;
    padding-left: max(0px, env(safe-area-inset-left, 0px));
    padding-right: max(0px, env(safe-area-inset-right, 0px));
    padding-bottom: max(56px, env(safe-area-inset-bottom, 0px));
    box-sizing: border-box;
  }

  .mc-chrome-anchor-shell {
    top: calc(var(--mc-nav-height, 64px) + 8px);
    margin-bottom: 16px;
  }
}

@media (max-width: 1023px) and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.mc-id-footer__divider,
.mc-gl-footer__divider {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 40px;
}

.mc-id-footer__divider--plain,
.mc-gl-footer__divider--plain {
  gap: 0;
}

.mc-id-footer__divider--plain .mc-id-footer__line,
.mc-gl-footer__divider--plain .mc-gl-footer__line {
  flex: 1;
  width: 100%;
}

.mc-id-footer__line,
.mc-gl-footer__line {
  flex: 1;
  height: 1px;
  background: rgba(15, 23, 42, 0.12);
}

.mc-id-footer__chip,
.mc-gl-footer__chip {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: var(--mc-surface);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mc-id-footer__chip-icon,
.mc-gl-footer__chip-icon {
  width: 14px;
  height: 14px;
  background:
    radial-gradient(circle at 35% 50%, var(--mc-ink) 2px, transparent 2px),
    radial-gradient(circle at 65% 50%, var(--mc-ink) 2px, transparent 2px);
}

.mc-id-doc-foot,
.mc-gl-principle-foot,
.mc-gl-page__foot {
  max-width: var(--mc-content-max);
  margin-top: calc(var(--mc-doc-content-pager-gap) - var(--mc-doc-foot-divider-size));
  padding: 0 0 32px;
  line-height: 24px;
  min-height: 0;
  box-sizing: border-box;
}

.mc-id-doc-foot .mc-id-footer__divider,
.mc-gl-principle-foot .mc-gl-footer__divider,
.mc-gl-page__foot .mc-id-footer__divider {
  margin-bottom: 0;
}

.mc-doc-foot__bottom {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.mc-doc-last-updated {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-top: 8px;
  padding: 14px 0 0;
  border-top: 1px solid rgba(15, 23, 42, 0.1);
  box-sizing: border-box;
}

.mc-doc-last-updated__label {
  font-size: 0.8125rem;
  font-weight: 450;
  line-height: 1.4;
  color: var(--mc-ink-soft);
}

.mc-doc-last-updated__time {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--mc-ink);
}

.mc-doc-last-updated__value {
  font-weight: 500;
}

.mc-doc-last-updated__icon {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--mc-ink-soft);
}

.mc-id-doc-foot__modified,
.mc-gl-principle-foot__modified,
.mc-gl-page__modified {
  margin: 0;
  font-size: 0.75rem;
  line-height: 24px;
  color: var(--mc-ink-soft);
}

.mc-doc-foot__bottom .mc-id-doc-foot__modified,
.mc-doc-foot__bottom .mc-gl-principle-foot__modified,
.mc-doc-foot__bottom .mc-gl-page__modified,
.mc-doc-foot__bottom .mc-ab-doc-foot__modified {
  margin-top: 0;
}

.mc-id-pager,
.mc-gl-pager {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 0 20px;
  min-height: var(--mc-cta-pill-min-h);
  margin-bottom: 48px;
}

.mc-id-pager--single,
.mc-gl-pager--single {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.mc-id-pager__link,
.mc-gl-pager__link {
  display: flex;
  align-items: center;
  gap: var(--mc-cta-pill-gap);
  width: fit-content;
  max-width: min(100%, var(--mc-cta-pill-max-w));
  min-width: min(100%, var(--mc-cta-pill-min-w));
  min-height: var(--mc-cta-pill-min-h);
  padding: var(--mc-cta-pill-pad-y) var(--mc-cta-pill-pad-x);
  color: var(--mc-ink);
  box-sizing: border-box;
}

.mc-id-pager__link--prev,
.mc-gl-pager__link--prev {
  grid-column: 1;
  justify-self: end;
  justify-content: flex-end;
  text-align: right;
}

.mc-id-pager__link--next,
.mc-gl-pager__link--next {
  grid-column: 3;
  justify-self: start;
  justify-content: flex-start;
  text-align: left;
  margin-left: 0;
}

.mc-id-pager__divider,
.mc-gl-pager__divider {
  grid-column: 2;
  justify-self: center;
  width: 1px;
  height: var(--mc-cta-pill-min-h);
  background: rgba(15, 23, 42, 0.12);
}

.mc-id-pager__center {
  grid-column: 2;
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.mc-id-pager__slide-btn {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: transparent;
  font-size: 1.125rem;
  line-height: 1;
  color: var(--mc-ink);
  cursor: pointer;
}

.mc-id-pager__slide-btn:hover {
  background: rgba(15, 23, 42, 0.06);
}

.mc-id-pager__center-rule {
  width: 1px;
  height: 28px;
  background: rgba(15, 23, 42, 0.12);
}

.mc-id-pager__copy,
.mc-gl-pager__copy {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

.mc-id-pager__link--prev .mc-id-pager__copy,
.mc-gl-pager__link--prev .mc-gl-pager__copy {
  align-items: flex-end;
}

.mc-id-pager__link--next .mc-id-pager__copy,
.mc-gl-pager__link--next .mc-gl-pager__copy {
  align-items: flex-start;
}

.mc-id-pager__kicker,
.mc-gl-pager__kicker {
  font-family: var(--font-body);
  font-size: var(--mc-cta-pill-kicker-size);
  font-weight: 700;
  line-height: var(--mc-cta-pill-kicker-lh);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 2px;
}

.mc-id-pager__link:not(.mc-cta-pill-host--ready) .mc-id-pager__kicker,
.mc-gl-pager__link:not(.mc-cta-pill-host--ready) .mc-gl-pager__kicker {
  color: #676763;
}

.mc-id-pager__label,
.mc-gl-pager__label {
  font-family: var(--font-body);
  font-size: var(--mc-cta-pill-label-size);
  font-weight: 300;
  line-height: var(--mc-cta-pill-label-lh);
  letter-spacing: 0;
}

.mc-id-pager__link:not(.mc-cta-pill-host--ready) .mc-id-pager__label,
.mc-gl-pager__link:not(.mc-cta-pill-host--ready) .mc-gl-pager__label {
  color: #111110;
}

.mc-id-pager__arrow,
.mc-gl-pager__arrow {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--mc-cta-pill-arrow);
  height: var(--mc-cta-pill-arrow);
}

.mc-id-pager__link:not(.mc-cta-pill-host--ready) .mc-id-pager__arrow,
.mc-gl-pager__link:not(.mc-cta-pill-host--ready) .mc-gl-pager__arrow {
  color: #464643;
}

.mc-id-pager__arrow svg,
.mc-gl-pager__arrow svg {
  display: block;
  width: var(--mc-cta-pill-arrow);
  height: var(--mc-cta-pill-arrow);
}

.mc-id-pager__spacer,
.mc-gl-pager__spacer {
  flex: 1;
}

@media (max-width: 960px) {
  .mc-id-doc-foot,
  .mc-gl-principle-foot,
  .mc-gl-page__foot {
    margin-top: calc(var(--mc-doc-content-pager-gap) - var(--mc-doc-foot-divider-size));
    min-height: 0;
  }

  .mc-id-doc-foot .mc-id-footer__divider,
  .mc-gl-principle-foot .mc-gl-footer__divider,
  .mc-gl-page__foot .mc-id-footer__divider {
    margin-bottom: 0;
  }

  .mc-id-pager,
  .mc-gl-pager {
    --mc-cta-pill-min-h: 40px;
    --mc-cta-pill-pad-y: 8px;
    --mc-cta-pill-pad-x: 10px;
    --mc-cta-pill-min-w: 0;
    --mc-cta-pill-max-w: none;
    --mc-cta-pill-gap: 4px;
    --mc-cta-pill-arrow: 16px;
    --mc-cta-pill-label-size: 12px;
    --mc-cta-pill-label-lh: 15px;
    --mc-cta-pill-kicker-size: 8px;
    --mc-cta-pill-kicker-lh: 10px;
    grid-template-columns: minmax(0, 1fr) minmax(12px, 20px) minmax(0, 1fr);
    gap: 0;
    align-items: center;
    margin-bottom: 32px;
  }

  .mc-id-pager--single,
  .mc-gl-pager--single {
    display: flex;
    justify-content: flex-end;
  }

  .mc-id-pager__divider,
  .mc-gl-pager__divider {
    display: block;
    grid-column: 2;
    justify-self: center;
    align-self: stretch;
    width: 1px;
    height: auto;
    min-height: var(--mc-cta-pill-min-h);
    background: rgba(15, 23, 42, 0.12);
  }

  .mc-id-pager__center {
    grid-column: 2;
    justify-self: center;
  }

  .mc-id-pager__center--manifesto {
    grid-column: 1 / -1;
    order: 3;
    margin-top: 12px;
  }

  .mc-id-pager__link,
  .mc-gl-pager__link {
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    align-items: center;
  }

  .mc-id-pager__link--prev,
  .mc-gl-pager__link--prev {
    grid-column: 1;
    justify-self: end;
    justify-content: flex-end;
    text-align: right;
  }

  .mc-id-pager__link--next,
  .mc-gl-pager__link--next {
    grid-column: 3;
    justify-self: start;
    justify-content: flex-start;
    text-align: left;
    margin-left: 0;
  }

  .mc-id-pager--single .mc-id-pager__link--prev,
  .mc-id-pager--single .mc-id-pager__link--next,
  .mc-gl-pager--single .mc-gl-pager__link--prev,
  .mc-gl-pager--single .mc-gl-pager__link--next {
    grid-column: auto;
  }

  .mc-id-pager__link--prev .mc-id-pager__copy,
  .mc-gl-pager__link--prev .mc-gl-pager__copy {
    align-items: flex-end;
    min-width: 0;
    flex: 1 1 auto;
  }

  .mc-id-pager__link--next .mc-id-pager__copy,
  .mc-gl-pager__link--next .mc-gl-pager__copy {
    align-items: flex-start;
    min-width: 0;
    flex: 1 1 auto;
  }

  .mc-id-pager__label,
  .mc-gl-pager__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
  }

  .mc-id-pager__arrow,
  .mc-gl-pager__arrow {
    flex-shrink: 0;
  }
}

/* Mobile scroll-to-top feedback (corner double-tap / status strip tap) */
@media (hover: none) and (pointer: coarse) {
  .mc-chrome.mc-mobile-scroll-top-pulse .mc-chrome__bar {
    box-shadow:
      var(--mc-glass-shadow, 0 8px 32px rgba(15, 23, 42, 0.12)),
      0 0 0 2px rgba(0, 48, 222, 0.22);
    transition: box-shadow 0.28s ease;
  }
}