.mini-card .qr {
  width: 60px;
  height: 60px;
  background-color: var(--qr-bg-color, transparent);
  background-image: repeating-linear-gradient(45deg, var(--qr-stripe-color, #222) 0 3px, transparent 3px 6px);
  border-radius: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.mini-card .qr canvas {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.mini-card .qr.has-qr {
  background: #ffffff;
}

.mini-card .qr.tiny {
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.mini-card .qr.tiny canvas {
  width: 100% !important;
  height: 100% !important;
}

.mini-card {
  background-color: var(--card-bg, #f1eee7);
  background-image: var(--card-front-image, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #1c1d20;
  font-family: var(--card-font, 'Lato', sans-serif);
  border-radius: 14px;
  border: var(--card-border-width, 0px) solid var(--card-border-color, transparent);
  padding: 12px;
  display: grid;
  gap: 6px;
  position: relative;
  aspect-ratio: 166 / 107;
  box-shadow: var(--card-shadow, 0 10px 22px rgba(14, 18, 26, 0.18));
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
  min-height: 0;
  user-select: none;
  -webkit-user-select: none;
  isolation: isolate;
  --art-blend-mode: normal;
}

.mini-card.has-gradient {
  background-image: var(--card-gradient, linear-gradient(135deg, #f1eee7, #e7ddcd)), var(--card-front-image, none);
  background-size: auto, cover;
  background-position: center, center;
}

.mini-card.card-orientation-portrait {
  aspect-ratio: 107 / 166;
}

.mini-card.card-layout-custom-front .mini-card-top,
.mini-card.card-layout-custom-front .mini-card-info,
.mini-card.card-layout-custom-front .mini-card-bottom,
.mini-card.card-layout-custom-front .qr {
  opacity: 0;
  pointer-events: none;
}

.mini-card.card-layout-text-front .mini-card-info > :not(.mini-company-logo),
.mini-card.card-layout-text-front .mini-card-bottom {
  opacity: 0;
  pointer-events: none;
}

.mini-card.home-preview {
  --mini-pad: 12px;
  --mini-logo-width: 68px;
  --mini-logo-height: 22px;
  --mini-logo-margin-bottom: 2px;
  --mini-logo-scale: 1;
  padding: var(--mini-pad) var(--mini-pad) 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--card-text, #1c1d20);
  position: relative;
  container-type: inline-size;
}

.mini-card .card-art-layer {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  mix-blend-mode: var(--art-blend-mode, normal);
}

.mini-card.card-preview.home-preview {
  min-height: 0;
  box-shadow: 0 10px 22px rgba(14, 18, 26, 0.18);
}

.mini-card.home-preview > *:not(.card-art-layer):not(.card-layout-layer) {
  position: relative;
  z-index: 2;
}

.mini-card.home-preview .check {
  position: absolute;
  right: 10px;
  bottom: 10px;
  top: auto;
  left: auto;
  z-index: 3;
}

.saved-card-item > .saved-source-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 16;
  width: 54px;
  height: 54px;
  display: block;
  overflow: hidden;
  pointer-events: none;
}

.saved-card-item > .saved-source-badge.is-gov {
  --saved-source-badge-bg: #3c7edd;
}

.saved-card-item > .saved-source-badge.is-others {
  --saved-source-badge-bg: #d97706;
}

.saved-card-item > .saved-source-badge::before {
  content: '';
  position: absolute;
  top: 8px;
  right: -18px;
  width: 84px;
  height: 12px;
  background: var(--saved-source-badge-bg, #4b5563);
  border-radius: 1px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
  transform: rotate(45deg);
  transform-origin: center;
}

.saved-card-item > .saved-source-badge > .saved-source-badge__label {
  position: absolute;
  top: 8px;
  right: -18px;
  width: 84px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
  text-transform: uppercase;
  transform: translate(5px, 4.6px) rotate(45deg);
  transform-origin: center;
  white-space: nowrap;
}

.mini-card.home-preview.border-lines::after {
  content: '';
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  transform: rotate(-8deg);
  z-index: 0;
  pointer-events: none;
}

.mini-card.home-preview.wave::after {
  content: none;
}

.mini-card.home-preview .mini-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}

.mini-card.home-preview .mini-card-info {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding-right: 0;
  width: 100%;
}

.mini-card .text-bg-inner {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: baseline;
  line-height: inherit;
  background: transparent;
  max-width: 100%;
  overflow: visible;
  color: inherit;
}

.mini-card .text-bg-active .text-bg-inner::before {
  content: '';
  position: absolute;
  inset: calc(-0.5 * var(--card-text-bg-extra-y, 0px)) calc(-2 * var(--card-text-bg-extra-x, 0px))
    calc(-0.5 * var(--card-text-bg-extra-y, 0px)) 0;
  transform: translate(var(--card-text-bg-offset-x, 0px), calc(-1 * var(--card-text-bg-offset-y, 0px)));
  background: var(--card-text-bg, transparent);
  border-radius: var(--card-text-bg-radius, 6px);
  z-index: 0;
  pointer-events: none;
}

.mini-card .text-bg-text {
  display: block;
  position: relative;
  z-index: 1;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
}

.mini-card.home-preview .mini-company-logo {
  width: var(--mini-logo-width);
  height: var(--mini-logo-height);
  margin-bottom: var(--mini-logo-margin-bottom);
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 10px;
  line-height: 1;
  color: var(--card-text, #1c1d20);
  transform: scale(var(--mini-logo-scale));
  transform-origin: top left;
}

.mini-card.home-preview.logo-large {
  --mini-logo-scale: 1.4;
}

.mini-card.home-preview .mini-company-logo.has-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  color: transparent;
}

.mini-card.home-preview .mini-company-logo .mini-company-logo-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

.mini-card.home-preview.is-corporate .mini-card-top {
  justify-content: flex-start;
}

.mini-card.home-preview.is-corporate .mini-company-logo {
  width: 96px;
  height: 28px;
  margin-bottom: 4px;
}

.mini-card.home-preview.is-corporate .avatar.small {
  display: none !important;
}

.mini-card.home-preview.is-corporate {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.mini-card.home-preview.is-corporate.has-gradient {
  background-size: auto, cover;
  background-position:
    center,
    center top;
}

/* Networking Folio uses a compact corporate summary, not the editable card canvas. */
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary {
  --card-font: 'Lato', sans-serif;
  background-image: none !important;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* Corporate Card Images remain visible beneath the compact text rail. Other
   free-positioned editor assets never leak into Networking Folio. */
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-card-image {
  background-image: var(--card-front-image, none) !important;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.mini-card.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-card-image.has-gradient {
  background-image: var(--card-gradient, none), var(--card-front-image, none) !important;
  background-size: auto, cover;
  background-position:
    center,
    center top;
  background-repeat: no-repeat, no-repeat;
}

.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .corporate-thumbnail-card-image-layer {
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: none;
}

.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .corporate-thumbnail-card-image-layer img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;
  pointer-events: none;
}

.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .card-art-layer,
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .card-layout-layer {
  display: none !important;
}

.mini-card.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-art-border .card-art-layer {
  display: block !important;
}

.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .secondary-name,
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary strong,
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .mini-role,
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .mini-org {
  font-family: 'Lato', sans-serif !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Never inherit the centred alignment from an editable card layout. */
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .mini-card-info,
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .mini-card-bottom {
  text-align: left !important;
  justify-items: start !important;
  position: relative;
  z-index: 3;
}

.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .secondary-name,
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary strong,
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .mini-role,
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .mini-org,
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .text-bg-inner,
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .text-bg-text {
  text-align: left !important;
  justify-self: start !important;
  align-self: start !important;
}

.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .mini-card-bottom {
  justify-content: flex-start !important;
}

.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .mini-company-logo {
  justify-self: start !important;
  align-self: start !important;
  margin-right: auto;
  background-position: left center !important;
}

/* Without a profile photo, keep the company line with the normal text rail.
   A photo uses the compact right-side rail and retains the bottom spacing. */
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-no-avatar .mini-card-bottom {
  margin-top: 0;
}

/* No-avatar corporate thumbnails use the same compact positioning variables
   as personal cards; the logo must not create a second, wider text rail. */
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-no-avatar {
  --mini-pad: clamp(12px, 6.5cqw, 22px);
  --mini-logo-width: clamp(68px, 24cqw, 110px);
  --mini-logo-height: clamp(22px, 8cqw, 36px);
  --mini-logo-margin-bottom: clamp(2px, 1cqw, 8px);
  --mini-text-right-buffer: 0px;
  gap: clamp(4px, 1.8cqw, 10px);
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-no-avatar
  .mini-card-info {
  /* This must win over the general corporate rule declared further below.
     It is the exact gap used by standard saved personal cards. */
  gap: clamp(2px, 1cqw, 6px) !important;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-no-avatar
  .mini-company-logo {
  width: var(--mini-logo-width);
  height: var(--mini-logo-height);
  margin-bottom: var(--mini-logo-margin-bottom);
}

/* Use the same compact, photo-aware text rail as the usual saved cards. This
   lets Dr. Ir's name begin directly below the logo and stop before his photo,
   rather than dropping underneath it or stretching across the card. */
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.mini-round-avatar-layout
  .mini-card-info {
  padding-right: calc(var(--mini-round-avatar-size) + var(--mini-round-avatar-gap));
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.mini-round-avatar-layout
  .secondary-name,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.mini-round-avatar-layout
  strong,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.mini-round-avatar-layout
  .mini-role,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.mini-round-avatar-layout
  .mini-org {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.mini-round-avatar-layout
  .text-bg-inner,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.mini-round-avatar-layout
  .text-bg-text {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.saved-card-item .mini-card.home-preview.is-corporate .avatar.small,
.booking-card-choice .mini-card.home-preview.is-corporate .avatar.small,
.booking-organizer-card-link .mini-card.home-preview.is-corporate .avatar.small {
  display: block !important;
}

.mini-card.home-preview.is-corporate .card-layout-layer {
  display: none !important;
}

.mini-card.home-preview.is-corporate.card-layout-custom-front .mini-card-top,
.mini-card.home-preview.is-corporate.card-layout-custom-front .mini-card-info,
.mini-card.home-preview.is-corporate.card-layout-custom-front .mini-card-bottom,
.mini-card.home-preview.is-corporate.card-layout-custom-front .qr {
  opacity: 1 !important;
  pointer-events: auto;
}

.mini-card.home-preview.is-corporate.card-layout-text-front .mini-card-info > :not(.mini-company-logo),
.mini-card.home-preview.is-corporate.card-layout-text-front .mini-card-bottom {
  opacity: 1 !important;
  pointer-events: auto;
}

/* Saved > Networking Folio thumbnails should match real corporate layout rendering. */
.saved-card-item .mini-card.saved-preview.home-preview.is-corporate .card-layout-layer,
.booking-card-choice .mini-card.saved-preview.home-preview.is-corporate .card-layout-layer,
.booking-organizer-card-link .mini-card.saved-preview.home-preview.is-corporate .card-layout-layer,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview.is-corporate .card-layout-layer {
  display: block !important;
  z-index: 4 !important;
}

.auth-banner-hero .mini-card.saved-preview.home-preview.is-corporate.hero-corporate-preview .card-layout-layer,
.home-card-block .mini-card.saved-preview.home-preview.is-corporate .card-layout-layer {
  display: block !important;
  z-index: 4 !important;
}

.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .mini-card-top,
.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .mini-card-info,
.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .mini-card-bottom,
.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .qr,
.booking-card-choice .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .mini-card-top,
.booking-card-choice .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .mini-card-info,
.booking-card-choice .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .mini-card-bottom,
.booking-card-choice .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .qr,
.booking-organizer-card-link .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .mini-card-top,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front
  .mini-card-info,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front
  .mini-card-bottom,
.booking-organizer-card-link .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .qr,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.is-corporate.card-layout-custom-front
  .mini-card-top,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.is-corporate.card-layout-custom-front
  .mini-card-info,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.is-corporate.card-layout-custom-front
  .mini-card-bottom,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview.is-corporate.card-layout-custom-front .qr {
  opacity: 0 !important;
  pointer-events: none !important;
}

.auth-banner-hero
  .mini-card.saved-preview.home-preview.is-corporate.hero-corporate-preview.card-layout-custom-front
  .mini-card-top,
.auth-banner-hero
  .mini-card.saved-preview.home-preview.is-corporate.hero-corporate-preview.card-layout-custom-front
  .mini-card-info,
.auth-banner-hero
  .mini-card.saved-preview.home-preview.is-corporate.hero-corporate-preview.card-layout-custom-front
  .mini-card-bottom,
.auth-banner-hero
  .mini-card.saved-preview.home-preview.is-corporate.hero-corporate-preview.card-layout-custom-front
  .qr,
.home-card-block .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .mini-card-top,
.home-card-block .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .mini-card-info,
.home-card-block .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .mini-card-bottom,
.home-card-block .mini-card.saved-preview.home-preview.is-corporate.card-layout-custom-front .qr {
  opacity: 0 !important;
  pointer-events: none !important;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.card-layout-text-front
  .mini-card-info
  > :not(.mini-company-logo),
.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.card-layout-text-front .mini-card-bottom,
.booking-card-choice
  .mini-card.saved-preview.home-preview.is-corporate.card-layout-text-front
  .mini-card-info
  > :not(.mini-company-logo),
.booking-card-choice .mini-card.saved-preview.home-preview.is-corporate.card-layout-text-front .mini-card-bottom,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.is-corporate.card-layout-text-front
  .mini-card-info
  > :not(.mini-company-logo),
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.is-corporate.card-layout-text-front
  .mini-card-bottom,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.is-corporate.card-layout-text-front
  .mini-card-info
  > :not(.mini-company-logo),
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.is-corporate.card-layout-text-front
  .mini-card-bottom {
  opacity: 0 !important;
  pointer-events: none !important;
}

.auth-banner-hero
  .mini-card.saved-preview.home-preview.is-corporate.hero-corporate-preview.card-layout-text-front
  .mini-card-info
  > :not(.mini-company-logo),
.auth-banner-hero
  .mini-card.saved-preview.home-preview.is-corporate.hero-corporate-preview.card-layout-text-front
  .mini-card-bottom,
.home-card-block
  .mini-card.saved-preview.home-preview.is-corporate.card-layout-text-front
  .mini-card-info
  > :not(.mini-company-logo),
.home-card-block .mini-card.saved-preview.home-preview.is-corporate.card-layout-text-front .mini-card-bottom {
  opacity: 0 !important;
  pointer-events: none !important;
}

.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.corp-hide-default-avatar .avatar.small,
.booking-card-choice .mini-card.saved-preview.home-preview.is-corporate.corp-hide-default-avatar .avatar.small,
.booking-organizer-card-link .mini-card.saved-preview.home-preview.is-corporate.corp-hide-default-avatar .avatar.small,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.is-corporate.corp-hide-default-avatar
  .avatar.small {
  display: none !important;
}

.auth-banner-hero .mini-card.saved-preview.home-preview.is-corporate.hero-corporate-preview .avatar.small {
  display: none !important;
}

.mini-card.home-preview .secondary-name {
  font-size: 11px;
  margin: 0;
  color: var(--card-text, #1c1d20);
  font-weight: 600;
  line-height: 1.2;
  min-height: calc(11px * 1.2);
}

.mini-card.home-preview.is-corporate .secondary-name {
  font-size: 11px !important;
}

.mini-card.home-preview strong {
  font-size: 11px;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}

.mini-card.home-preview.is-corporate strong {
  font-size: 11px !important;
}

.mini-card.home-preview .mini-role {
  font-size: 8px;
  color: var(--card-muted, #6b6b6b);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}

.mini-card.home-preview.is-corporate .mini-role {
  font-size: 8px !important;
}

.mini-card.home-preview .mini-dept {
  font-size: 8px;
  color: var(--card-muted, #6b6b6b);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}

.mini-card.home-preview .mini-card-bottom {
  margin-top: auto;
  display: flex;
  align-items: flex-end;
  padding-right: 0;
  width: 100%;
}

.mini-card.home-preview .mini-org {
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
  min-height: calc(11px * 1.2);
  color: var(--card-text, #1c1d20);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.mini-card.home-preview .secondary-name,
.mini-card.home-preview strong,
.mini-card.home-preview .mini-role,
.mini-card.home-preview .mini-org {
  overflow: visible;
  text-overflow: clip;
}

.mini-card.home-preview.is-corporate .mini-org {
  font-size: 9px !important;
}

.mini-card.home-preview .avatar.small {
  width: 46px;
  height: 46px;
  top: calc(var(--mini-pad) - 10px);
  right: calc(var(--mini-pad) - 10px);
  position: absolute;
}

.mini-card.home-preview.avatar-over-art .avatar.small {
  z-index: 1;
}

/* Large thumbnail contexts can be much wider than the default mobile card size.
   Scale the legacy text/logo/avatar layer with card width so proportions stay intact. */
.home-card-block .mini-card.home-preview:not(.is-corporate),
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate),
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate),
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) {
  --mini-pad: clamp(12px, 6.5cqw, 22px);
  --mini-logo-width: clamp(68px, 24cqw, 110px);
  --mini-logo-height: clamp(22px, 8cqw, 36px);
  --mini-logo-margin-bottom: clamp(2px, 1cqw, 8px);
  gap: clamp(4px, 1.8cqw, 10px);
}

.home-card-block .mini-card.home-preview:not(.is-corporate) .mini-card-top,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-top,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-top,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-top {
  gap: clamp(8px, 3cqw, 18px);
}

.home-card-block .mini-card.home-preview:not(.is-corporate) .mini-card-info,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-info,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-info,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-info {
  gap: clamp(2px, 1cqw, 6px);
}

.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-info,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-bottom,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-card-info,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-card-bottom {
  text-align: left;
  justify-items: start;
}

/* Saved and admin personal cards should always render their legacy text/logo rail from the left,
   even when template-specific or layout-specific styles try to center the content. */
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-info,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-bottom,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .secondary-name,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) strong,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-role,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-dept,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-org,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .text-bg-inner,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .text-bg-text,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .secondary-name,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) strong,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-role,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-dept,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-org,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .text-bg-inner,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .text-bg-text {
  text-align: left !important;
  justify-self: start !important;
  align-self: start !important;
}

.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-bottom,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-card-bottom {
  justify-content: flex-start !important;
}

.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-company-logo,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-company-logo {
  justify-self: start !important;
  align-self: start !important;
  margin-right: auto;
  background-position: left center !important;
}

.home-card-block .mini-card.home-preview:not(.is-corporate),
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate),
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate),
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) {
  --mini-text-right-buffer: clamp(12px, 6.5cqw, 22px);
  grid-template-rows: 1fr auto;
}

.home-card-block .mini-card.home-preview:not(.is-corporate):not(.mini-round-avatar-layout) {
  --mini-pad: 12px;
  --mini-text-right-buffer: 0px;
}

.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate):not(.mini-round-avatar-layout) {
  --mini-pad: 12px;
  --mini-text-right-buffer: 0px;
}

.home-card-block .mini-card.home-preview:not(.is-corporate) .mini-card-info,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-info,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-info,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-info,
.home-card-block .mini-card.home-preview:not(.is-corporate) .mini-card-bottom,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-bottom,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-bottom,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-card-bottom {
  max-width: calc(100% - var(--mini-pad) - var(--mini-text-right-buffer));
}

.home-card-block .mini-card.home-preview.mini-round-avatar-layout:not(.is-corporate),
.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate),
.booking-card-choice .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate),
.booking-organizer-card-link .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate),
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) {
  --mini-text-right-buffer: 0px;
  --mini-round-avatar-size: clamp(55px, 20.8cqw, 81px);
  --mini-round-avatar-gap: clamp(10px, 3.8cqw, 16px);
  padding: 0;
  gap: 0;
}

.home-card-block .mini-card.home-preview.mini-round-avatar-layout:not(.is-corporate) .mini-card-info,
.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) .mini-card-info,
.booking-card-choice .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) .mini-card-info,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-card-info,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-card-info {
  max-width: 100%;
  width: 100%;
  padding-right: calc(var(--mini-round-avatar-size) + var(--mini-round-avatar-gap));
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  transform: none;
}

.home-card-block .mini-card.home-preview.mini-round-avatar-layout:not(.is-corporate) .mini-card-top,
.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) .mini-card-top,
.booking-card-choice .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) .mini-card-top,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-card-top,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-card-top {
  position: static;
  display: block;
  min-height: calc(var(--mini-round-avatar-size) + 2px);
  padding: var(--mini-pad) var(--mini-pad) 0 var(--mini-pad);
}

.home-card-block .mini-card.home-preview.mini-round-avatar-layout:not(.is-corporate) .mini-card-bottom,
.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) .mini-card-bottom,
.booking-card-choice
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-card-bottom,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-card-bottom,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-card-bottom {
  max-width: 100%;
  width: 100%;
  padding: 0 calc(var(--mini-pad) + var(--mini-round-avatar-size) + var(--mini-round-avatar-gap)) 10px var(--mini-pad);
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  transform: none;
}

.home-card-block .mini-card.home-preview.mini-round-avatar-layout:not(.is-corporate) .secondary-name,
.home-card-block .mini-card.home-preview.mini-round-avatar-layout:not(.is-corporate) strong,
.home-card-block .mini-card.home-preview.mini-round-avatar-layout:not(.is-corporate) .mini-role,
.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) .secondary-name,
.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) strong,
.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) .mini-role,
.booking-card-choice .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) .secondary-name,
.booking-card-choice .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) strong,
.booking-card-choice .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) .mini-role,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .secondary-name,
.booking-organizer-card-link .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) strong,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-role,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .secondary-name,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  strong,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-role {
  max-width: 100%;
}

.home-card-block .mini-card.home-preview.mini-round-avatar-layout:not(.is-corporate) .avatar.small,
.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) .avatar.small,
.booking-card-choice .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) .avatar.small,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .avatar.small,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .avatar.small {
  width: var(--mini-round-avatar-size);
  height: var(--mini-round-avatar-size);
  top: var(--mini-pad);
  right: var(--mini-pad);
  z-index: 4;
  background-position: center top !important;
}

.saved-card-item
  .mini-card.saved-preview.home-preview[data-saved-source-kind^='external'].mini-round-avatar-layout:not(.is-corporate)
  .mini-card-top {
  min-height: calc(var(--mini-round-avatar-size) + 14px);
}

.saved-card-item
  .mini-card.saved-preview.home-preview[data-saved-source-kind^='external'].mini-round-avatar-layout:not(.is-corporate)
  .mini-card-bottom {
  padding-right: calc(var(--mini-pad) + 3px);
}

.saved-card-item
  .mini-card.saved-preview.home-preview[data-saved-source-kind^='external'].mini-round-avatar-layout:not(.is-corporate)
  .avatar.small {
  top: calc(var(--mini-pad) + 12px);
  z-index: 6;
}

.home-card-block .mini-card.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate) .avatar.small,
.saved-card-item
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .avatar.small,
.booking-card-choice
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .avatar.small,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .avatar.small,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .avatar.small {
  z-index: 3;
}

.home-card-block .mini-card.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate) .mini-card-info,
.home-card-block .mini-card.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate) .mini-card-bottom,
.home-card-block .mini-card.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate) .qr.tiny,
.saved-card-item
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .mini-card-info,
.saved-card-item
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .mini-card-bottom,
.saved-card-item
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .qr.tiny,
.booking-card-choice
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .mini-card-info,
.booking-card-choice
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .mini-card-bottom,
.booking-card-choice
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .qr.tiny,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .mini-card-info,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .mini-card-bottom,
.booking-organizer-card-link
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .qr.tiny,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .mini-card-info,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .mini-card-bottom,
.card-preview-wrap
  .mini-card.admin-card-preview.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art:not(.is-corporate)
  .qr.tiny {
  position: relative;
  z-index: 3;
}

.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout.is-corporate {
  --mini-text-right-buffer: 0px;
  --mini-round-avatar-size: clamp(55px, 20.8cqw, 81px);
  --mini-round-avatar-gap: clamp(10px, 3.8cqw, 16px);
  padding: 0;
  gap: 0;
}

.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout.is-corporate .mini-card-top {
  position: static;
  display: block;
  padding: var(--mini-pad) var(--mini-pad) 0 var(--mini-pad);
}

.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout.is-corporate .mini-card-info {
  max-width: 100%;
  width: 100%;
  gap: clamp(4px, 1.25cqw, 8px);
  padding-right: calc(var(--mini-round-avatar-size) + var(--mini-round-avatar-gap));
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  transform: none;
}

.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout.is-corporate .mini-card-bottom {
  max-width: 100%;
  width: 100%;
  padding: 0 var(--mini-pad) 10px var(--mini-pad);
  box-sizing: border-box;
  transform: none;
}

.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout.is-corporate .mini-company-logo {
  margin-bottom: clamp(4px, 1.25cqw, 8px);
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate:not(.mini-round-avatar-layout):not(.card-layout-custom-front):not(
    .card-layout-text-front
  ) {
  gap: clamp(4px, 1.8cqw, 10px);
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate:not(.mini-round-avatar-layout):not(.card-layout-custom-front):not(
    .card-layout-text-front
  )
  .mini-card-top {
  gap: clamp(8px, 3cqw, 18px);
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate:not(.mini-round-avatar-layout):not(.card-layout-custom-front):not(
    .card-layout-text-front
  )
  .mini-card-info {
  gap: clamp(4px, 1.25cqw, 8px);
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate:not(.mini-round-avatar-layout):not(.card-layout-custom-front):not(
    .card-layout-text-front
  )
  .mini-company-logo {
  margin-bottom: clamp(4px, 1.25cqw, 8px);
}

.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout.is-corporate .secondary-name,
.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout.is-corporate strong,
.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout.is-corporate .mini-role {
  max-width: 100%;
}

.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout.is-corporate .avatar.small {
  width: var(--mini-round-avatar-size);
  height: var(--mini-round-avatar-size);
  top: var(--mini-pad);
  right: var(--mini-pad);
  z-index: 0;
  background-position: center top !important;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art.is-corporate
  .avatar.small {
  z-index: 2;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art.is-corporate
  .mini-card-info,
.saved-card-item
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art.is-corporate
  .mini-card-bottom,
.saved-card-item .mini-card.saved-preview.home-preview.mini-round-avatar-layout.avatar-over-art.is-corporate .qr.tiny {
  position: relative;
  z-index: 3;
}

.home-card-block .mini-card.home-preview:not(.is-corporate) .secondary-name,
.home-card-block .mini-card.home-preview:not(.is-corporate) strong,
.home-card-block .mini-card.home-preview:not(.is-corporate) .mini-role,
.home-card-block .mini-card.home-preview:not(.is-corporate) .mini-org,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .secondary-name,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) strong,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-role,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-org,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .secondary-name,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) strong,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-role,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-org,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .secondary-name,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) strong,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-role,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-org {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-card-block .mini-card.home-preview:not(.is-corporate) .mini-company-logo,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-company-logo,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-company-logo,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-company-logo {
  font-size: clamp(10px, 2.8cqw, 16px);
  letter-spacing: clamp(1px, 0.3cqw, 1.8px);
}

.saved-card-item[data-saved-provider='sgnamecard']
  .mini-card.saved-preview.home-preview:not(.is-corporate)
  .mini-company-logo {
  width: clamp(72px, 24cqw, 108px);
  height: var(--mini-logo-height);
  margin-bottom: var(--mini-logo-margin-bottom);
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 3;
}

.saved-card-item[data-saved-provider='sgnamecard']
  .mini-card.saved-preview.home-preview:not(.is-corporate):not(.mini-round-avatar-layout)
  .mini-card-info,
.saved-card-item[data-saved-provider='sgnamecard']
  .mini-card.saved-preview.home-preview:not(.is-corporate):not(.mini-round-avatar-layout)
  .mini-card-bottom {
  margin-left: 0;
}

.saved-card-item[data-saved-provider='gov_bizcard']
  .mini-card.saved-preview.home-preview:not(.is-corporate)
  .mini-company-logo {
  width: clamp(72px, 24cqw, 108px);
  height: var(--mini-logo-height);
  margin-bottom: var(--mini-logo-margin-bottom);
  background-position: left center;
  background-size: contain;
  position: relative;
  z-index: 3;
}

.saved-card-item[data-saved-provider='gov_bizcard']
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) {
  --mini-round-avatar-size: clamp(55px, 20.8cqw, 81px);
}

.saved-card-item[data-saved-provider='gov_bizcard']
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-card-top {
  min-height: calc(var(--mini-round-avatar-size) + 2px);
}

.saved-card-item[data-saved-provider='gov_bizcard']
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .avatar.small {
  top: var(--mini-pad);
  right: var(--mini-pad);
}

.saved-card-item[data-saved-provider='sgnamecard']
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate) {
  --mini-round-avatar-size: clamp(48px, 16.5cqw, 68px);
}

.saved-card-item[data-saved-provider='sgnamecard']
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-card-info {
  padding-top: 0;
}

.saved-card-item
  .mini-card.saved-preview.home-preview[data-saved-source-kind^='external'][data-saved-provider].mini-round-avatar-layout:not(
    .is-corporate
  ) {
  --mini-round-avatar-size: clamp(55px, 20.8cqw, 81px);
}

.saved-card-item
  .mini-card.saved-preview.home-preview[data-saved-source-kind^='external'][data-saved-provider].mini-round-avatar-layout:not(
    .is-corporate
  )
  .mini-card-top {
  min-height: calc(var(--mini-round-avatar-size) + 2px);
}

.saved-card-item
  .mini-card.saved-preview.home-preview[data-saved-source-kind^='external'][data-saved-provider].mini-round-avatar-layout:not(
    .is-corporate
  )
  .avatar.small {
  top: var(--mini-pad);
  right: var(--mini-pad);
}

.saved-card-item[data-saved-provider='gov_bizcard']
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-card-info {
  padding-top: 0;
}

.saved-card-item[data-saved-provider='gov_bizcard']
  .mini-card.saved-preview.home-preview.mini-round-avatar-layout:not(.is-corporate)
  .mini-role {
  width: calc(100% + (var(--mini-round-avatar-size) + var(--mini-round-avatar-gap) - var(--mini-pad) - 6px));
  max-width: calc(100% + (var(--mini-round-avatar-size) + var(--mini-round-avatar-gap) - var(--mini-pad) - 6px));
  margin-right: calc((var(--mini-round-avatar-size) + var(--mini-round-avatar-gap) - var(--mini-pad) - 6px) * -1);
  padding-right: 8px;
  box-sizing: border-box;
}

.saved-card-item
  .mini-card.saved-preview.home-preview[data-saved-source-kind^='external'][data-saved-provider]:not(
    [data-saved-provider='gov_bizcard']
  ).mini-round-avatar-layout:not(.is-corporate)
  .mini-role {
  width: calc(100% + (var(--mini-round-avatar-size) + var(--mini-round-avatar-gap) - var(--mini-pad) - 6px));
  max-width: calc(100% + (var(--mini-round-avatar-size) + var(--mini-round-avatar-gap) - var(--mini-pad) - 6px));
  margin-right: calc((var(--mini-round-avatar-size) + var(--mini-round-avatar-gap) - var(--mini-pad) - 6px) * -1);
  padding-right: 8px;
  box-sizing: border-box;
}

.home-card-block .mini-card.home-preview:not(.is-corporate) .secondary-name,
.home-card-block .mini-card.home-preview:not(.is-corporate) strong,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .secondary-name,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) strong,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .secondary-name,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) strong,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .secondary-name,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) strong {
  font-size: clamp(11px, 4.3cqw, 20px);
  line-height: 1.15;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-card-block .mini-card.home-preview:not(.is-corporate) .mini-role,
.home-card-block .mini-card.home-preview:not(.is-corporate) .mini-dept,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-role,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-dept,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-role,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-dept,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-role,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-dept {
  font-size: clamp(8px, 2.9cqw, 14px);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-card-block .mini-card.home-preview:not(.is-corporate) .mini-org,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-org,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-org,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .mini-org {
  font-size: clamp(9px, 3.3cqw, 15px);
  line-height: 1.2;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-card-block .mini-card.home-preview:not(.is-corporate) .avatar.small,
.saved-card-item .mini-card.saved-preview.home-preview:not(.is-corporate) .avatar.small,
.booking-card-choice .mini-card.saved-preview.home-preview:not(.is-corporate) .avatar.small,
.booking-organizer-card-link .mini-card.saved-preview.home-preview:not(.is-corporate) .avatar.small {
  width: clamp(46px, 18cqw, 84px);
  height: clamp(46px, 18cqw, 84px);
}
/* Admin Personal Users thumbnails use the same fixed left rail as saved personal cards. */
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) {
  --mini-pad: 12px;
  --mini-logo-width: clamp(68px, 24cqw, 110px);
  --mini-logo-height: clamp(22px, 8cqw, 36px);
  --mini-logo-margin-bottom: clamp(2px, 1cqw, 8px);
  --mini-text-right-buffer: 0px;
  gap: clamp(4px, 1.8cqw, 10px);
}

.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-card-top {
  gap: clamp(8px, 3cqw, 18px);
}

.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-card-info {
  gap: clamp(2px, 1cqw, 6px);
}

.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-card-info,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-card-bottom {
  max-width: calc(100% - var(--mini-pad) - var(--mini-text-right-buffer));
}

.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .secondary-name,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) strong,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-role,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-org {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-company-logo {
  font-size: clamp(10px, 2.8cqw, 16px);
  letter-spacing: clamp(1px, 0.3cqw, 1.8px);
}

.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .secondary-name,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) strong {
  font-size: clamp(11px, 4.3cqw, 20px);
  line-height: 1.15;
}

.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-role,
.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-dept {
  font-size: clamp(8px, 2.9cqw, 14px);
}

.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .mini-org {
  font-size: clamp(9px, 3.3cqw, 15px);
  line-height: 1.2;
}

.card-preview-wrap .mini-card.admin-card-preview.saved-preview.home-preview:not(.is-corporate) .avatar.small {
  width: clamp(46px, 18cqw, 84px);
  height: clamp(46px, 18cqw, 84px);
}

.mini-card.home-preview .qr.tiny {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.mini-card.home-preview.mini-creator {
  position: relative;
  padding: 0;
}

.mini-card.home-preview.mini-creator .avatar.small {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 1;
}

.mini-card.home-preview.mini-creator.avatar-over-art > .mini-card-top {
  position: static !important;
  z-index: auto !important;
}

.mini-card.home-preview.mini-creator.avatar-over-art .avatar.small {
  z-index: 2;
}

.mini-card.home-preview.mini-creator.avatar-over-art .mini-card-info,
.mini-card.home-preview.mini-creator.avatar-over-art .mini-card-bottom,
.mini-card.home-preview.mini-creator.avatar-over-art .qr.tiny {
  z-index: 3;
}

.mini-card.home-preview.mini-creator > .mini-card-top {
  position: static;
  z-index: auto;
}

.mini-card.home-preview.mini-creator .mini-card-info,
.mini-card.home-preview.mini-creator .mini-card-bottom,
.mini-card.home-preview.mini-creator .qr.tiny {
  position: relative;
  z-index: 2;
}

.mini-card.home-preview.mini-creator.wave::after {
  z-index: 0;
}

.mini-card.home-preview.mini-creator .mini-card-top {
  padding: var(--mini-pad) var(--mini-pad) 0 var(--mini-pad);
}

.mini-card.home-preview.mini-creator .mini-card-info,
.mini-card.home-preview.mini-creator .mini-card-bottom {
  /* All avatar-overlay layouts share the full text rail. Text can continue
     behind the image instead of being constrained to the open side. */
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;
}

.mini-card.home-preview.mini-creator .mini-card-bottom {
  padding: 0 var(--mini-pad) 10px var(--mini-pad);
}

.mini-card.home-preview.mini-portrait {
  position: relative;
  padding: 0;
}

.mini-card.home-preview.mini-portrait .avatar.small {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background-size: contain !important;
  background-position: right bottom !important;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 1;
}

.mini-card.home-preview.mini-portrait .avatar.small .avatar-video {
  object-fit: contain;
  object-position: right bottom;
}

.mini-card.home-preview.mini-portrait.avatar-over-art > .mini-card-top {
  position: static !important;
  z-index: auto !important;
}

.mini-card.home-preview.mini-portrait.avatar-over-art .avatar.small {
  z-index: 2;
}

.mini-card.home-preview.mini-portrait.avatar-over-art .mini-card-info,
.mini-card.home-preview.mini-portrait.avatar-over-art .mini-card-bottom,
.mini-card.home-preview.mini-portrait.avatar-over-art .qr.tiny {
  z-index: 3;
}

.mini-card.home-preview.mini-portrait > .mini-card-top {
  position: static;
  z-index: auto;
}

.mini-card.home-preview.mini-portrait .mini-card-info,
.mini-card.home-preview.mini-portrait .mini-card-bottom,
.mini-card.home-preview.mini-portrait .qr.tiny {
  position: relative;
  z-index: 2;
}

.mini-card.home-preview.mini-portrait .mini-card-top {
  padding: var(--mini-pad) var(--mini-pad) 0 var(--mini-pad);
}

.mini-card.home-preview.mini-portrait .mini-card-info,
.mini-card.home-preview.mini-portrait .mini-card-bottom {
  /* Full Right uses the same overlay text rail as Tall Right, Full Cover,
     Tall Centre, and Full Centre. The text may continue beneath the avatar
     instead of being cut off at the left half of the thumbnail. */
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;
}

.mini-card.home-preview.mini-portrait .mini-card-bottom {
  padding: 0 var(--mini-pad) 10px var(--mini-pad);
}

.mini-card.home-preview.mini-portrait-center {
  position: relative;
  padding: 0;
}

.mini-card.home-preview.mini-portrait-center .avatar.small {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25%;
  right: 25%;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background-size: contain !important;
  background-position: center bottom !important;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 1;
}

.mini-card.home-preview.mini-portrait-center .avatar.small .avatar-video {
  object-fit: contain;
  object-position: center bottom;
}

.mini-card.home-preview.mini-portrait-center.avatar-over-art > .mini-card-top {
  position: static !important;
  z-index: auto !important;
}

.mini-card.home-preview.mini-portrait-center.avatar-over-art .avatar.small {
  z-index: 2;
}

.mini-card.home-preview.mini-portrait-center.avatar-over-art .mini-card-info,
.mini-card.home-preview.mini-portrait-center.avatar-over-art .mini-card-bottom,
.mini-card.home-preview.mini-portrait-center.avatar-over-art .qr.tiny {
  z-index: 3;
}

.mini-card.home-preview.mini-portrait-center > .mini-card-top {
  position: static;
  z-index: auto;
}

.mini-card.home-preview.mini-portrait-center .mini-card-info,
.mini-card.home-preview.mini-portrait-center .mini-card-bottom,
.mini-card.home-preview.mini-portrait-center .qr.tiny {
  position: relative;
  z-index: 2;
}

.mini-card.home-preview.mini-portrait-center .mini-card-top {
  padding: var(--mini-pad) var(--mini-pad) 0 var(--mini-pad);
}

.mini-card.home-preview.mini-portrait-center .mini-card-info,
.mini-card.home-preview.mini-portrait-center .mini-card-bottom {
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;
}

.mini-card.home-preview.mini-portrait-center .mini-card-bottom {
  padding: 0 var(--mini-pad) 10px var(--mini-pad);
}

.mini-card.home-preview.mini-cover {
  position: relative;
  padding: 0;
}

.mini-card.home-preview.mini-cover .avatar.small {
  position: absolute;
  inset: 0;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 1;
}

.mini-card.home-preview.mini-cover.avatar-over-art > .mini-card-top {
  position: static !important;
  z-index: auto !important;
}

.mini-card.home-preview.mini-cover.avatar-over-art .avatar.small {
  z-index: 2;
}

.mini-card.home-preview.mini-cover.avatar-over-art .mini-card-info,
.mini-card.home-preview.mini-cover.avatar-over-art .mini-card-bottom,
.mini-card.home-preview.mini-cover.avatar-over-art .qr.tiny {
  z-index: 3;
}

.mini-card.home-preview.mini-cover > .mini-card-top {
  position: static;
  z-index: auto;
}

.mini-card.home-preview.mini-cover .mini-card-info,
.mini-card.home-preview.mini-cover .mini-card-bottom,
.mini-card.home-preview.mini-cover .qr.tiny {
  position: relative;
  z-index: 2;
}

.mini-card.home-preview.mini-cover .mini-card-top {
  padding: var(--mini-pad) var(--mini-pad) 0 var(--mini-pad);
}

.mini-card.home-preview.mini-cover .mini-card-info,
.mini-card.home-preview.mini-cover .mini-card-bottom {
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;
}

.mini-card.home-preview.mini-cover .mini-card-bottom {
  padding: 0 var(--mini-pad) 10px var(--mini-pad);
}

.mini-card.home-preview.mini-tall {
  position: relative;
  padding: 0;
}

.mini-card.home-preview.mini-tall .avatar.small {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30%;
  right: 30%;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 1;
}

.mini-card.home-preview.mini-tall.avatar-over-art > .mini-card-top {
  position: static !important;
  z-index: auto !important;
}

.mini-card.home-preview.mini-tall.avatar-over-art .avatar.small {
  z-index: 2;
}

.mini-card.home-preview.mini-tall.avatar-over-art .mini-card-info,
.mini-card.home-preview.mini-tall.avatar-over-art .mini-card-bottom,
.mini-card.home-preview.mini-tall.avatar-over-art .qr.tiny {
  z-index: 3;
}

.mini-card.home-preview.mini-tall > .mini-card-top {
  position: static;
  z-index: auto;
}

.mini-card.home-preview.mini-tall .mini-card-info,
.mini-card.home-preview.mini-tall .mini-card-bottom,
.mini-card.home-preview.mini-tall .qr.tiny {
  position: relative;
  z-index: 2;
}

.mini-card.home-preview.mini-tall .mini-card-top {
  padding: var(--mini-pad) var(--mini-pad) 0 var(--mini-pad);
}

.mini-card.home-preview.mini-tall .mini-card-info,
.mini-card.home-preview.mini-tall .mini-card-bottom {
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;
}

.mini-card.home-preview.mini-tall .mini-card-bottom {
  padding: 0 var(--mini-pad) 10px var(--mini-pad);
}

.mini-card.dashed {
  box-shadow: none;
}

.mini-card .check {
  display: none;
  opacity: 0;
  top: auto;
  left: auto;
  right: 10px;
  bottom: 10px;
  border-radius: 4px;
  background: #ffffff;
  border-color: #c7c9cc;
  color: transparent;
  pointer-events: none;
}

.mini-card .card-tag {
  position: absolute;
  left: 12px;
  bottom: 12px;
}

.mini-card .card-tag .legend {
  font-size: 9px;
  padding: 2px 6px;
}

.mini-card .card-layout-layer .card-layout-item,
.mini-card .card-layout-layer .card-layout-item span,
.mini-card .card-layout-layer .card-layout-item small,
.mini-card .card-layout-layer .card-layout-item a {
  color: inherit;
}

.mini-card.is-selected {
  outline: 2px solid #1e7ef7;
  outline-offset: 2px;
}

.mini-card.is-selected .check {
  background: #1e7ef7;
  color: white;
  border-color: #1e7ef7;
}

.mini-card strong {
  font-size: 12px;
}

.mini-card span {
  font-size: 10px;
  color: #6b6b6b;
}

.mini-card small {
  font-size: 9px;
  color: #8a8a8a;
}

/* Saved corporate thumbnail contract
   -------------------------------
   The source card supplies only its visual artwork, text colour, alignment,
   and which identity fields exist. The compact thumbnail deliberately uses
   the same responsive text rail as saved personal cards, so a card has the
   same geometry at desktop and mobile widths. */
.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary {
  --mini-pad: clamp(12px, 6.5cqw, 22px);
  --mini-logo-width: clamp(68px, 24cqw, 110px);
  --mini-logo-height: clamp(22px, 8cqw, 36px);
  --mini-logo-margin-bottom: clamp(2px, 1cqw, 8px);
  --mini-text-right-buffer: 0px;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary:not(.mini-round-avatar-layout) {
  gap: clamp(4px, 1.8cqw, 10px);
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary:not(.mini-round-avatar-layout)
  .mini-card-top {
  gap: clamp(8px, 3cqw, 18px);
}

.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary .mini-card-info {
  gap: clamp(2px, 1cqw, 6px) !important;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary:not(.mini-round-avatar-layout)
  .mini-card-info,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary:not(.mini-round-avatar-layout)
  .mini-card-bottom {
  max-width: calc(100% - var(--mini-pad) - var(--mini-text-right-buffer));
}

.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary .mini-company-logo {
  width: var(--mini-logo-width);
  height: var(--mini-logo-height);
  margin-bottom: var(--mini-logo-margin-bottom);
}

.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary .secondary-name,
.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary strong {
  font-size: clamp(11px, 4.3cqw, 20px) !important;
  line-height: 1.15;
}

.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary .mini-role {
  font-size: clamp(8px, 2.9cqw, 14px) !important;
  line-height: 1.2;
}

.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary .mini-org {
  font-size: clamp(9px, 3.3cqw, 15px) !important;
  line-height: 1.2;
}

/* The card image is always decoration behind the fixed thumbnail rail. */
.mini-card.home-preview.is-corporate.corporate-thumbnail-summary .corporate-thumbnail-card-image-layer {
  z-index: 0;
}

/* Source text backgrounds belong above the Card Image layer. */
.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary .text-bg-inner {
  position: relative;
  z-index: 4 !important;
  isolation: isolate;
}

/* A centred source slug gets a centred compact rail; all other corporate
   slugs retain the personal card's left rail. */
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-centered
  .mini-card-info,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-centered
  .mini-card-bottom {
  text-align: center !important;
  justify-items: center !important;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-centered
  .secondary-name,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-centered
  strong,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-centered
  .mini-role,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-centered
  .mini-org,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-centered
  .text-bg-inner,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-centered
  .text-bg-text {
  text-align: center !important;
  justify-self: center !important;
  align-self: center !important;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-centered
  .mini-card-bottom {
  justify-content: center !important;
}

/* A no-avatar centred slug has no right-side element to reserve space for.
   Let its compact rail span the card's full inner width so the centred text
   and its painted background share the card's true horizontal midpoint. */
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-centered:not(
    .mini-round-avatar-layout
  )
  .mini-card-info,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-centered:not(
    .mini-round-avatar-layout
  )
  .mini-card-bottom {
  width: 100%;
  max-width: 100%;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-logo-centered
  .mini-company-logo {
  justify-self: center !important;
  align-self: center !important;
  margin-left: auto;
  margin-right: auto;
  background-position: center !important;
}

/* No-avatar cards use the exact personal-card left inset. Identity fields are
   always a single compact line; the source Card Image never determines their
   available width. */
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-no-avatar {
  --mini-pad: 12px;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-no-avatar
  .mini-card-info {
  width: 100%;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-no-avatar
  .secondary-name,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-no-avatar
  strong,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-no-avatar
  .mini-role {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.corporate-thumbnail-no-avatar
  .text-bg-inner {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Company text is one line in every compact corporate thumbnail. The TCR
   company rail spans the bottom of the card because its avatar stays in the
   top rail; its y-position remains the personal-card bottom baseline. */
.saved-card-item .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary .mini-org,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
  .mini-org
  .text-bg-inner,
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
  .mini-org
  .text-bg-text {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Match the saved personal avatar rail whenever a corporate thumbnail has a
   photo. This keeps ACME and TCR name/title/company baselines consistent. */
.saved-card-item
  .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary.mini-round-avatar-layout
  .mini-card-bottom {
  padding: 0 var(--mini-pad) 10px;
}

/* Networking Folio and corporate Home thumbnails are fixed visual
   representations of a card, not flowing body copy. iOS text enlargement
   (and Safari page zoom) must never let the identity stack consume the company
   rail at the bottom. Keep the normal-size geometry untouched, reserve that
   rail, and clip/ellipsis only the upper metadata when the available thumbnail
   height is exhausted. */
.saved-grid .saved-card-item > .mini-card.saved-preview.home-preview,
.saved-grid .saved-card-item > .mini-card.saved-preview.home-preview *,
.home-cards .home-card-block > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary,
.home-cards .home-card-block > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary * {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.saved-grid .saved-card-item > .mini-card.saved-preview.home-preview > .mini-card-top,
.home-cards
  .home-card-block
  > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
  > .mini-card-top {
  flex: 1 1 0;
  min-height: 0;
  overflow: hidden;
}

.saved-grid .saved-card-item > .mini-card.saved-preview.home-preview > .mini-card-top .mini-card-info,
.home-cards
  .home-card-block
  > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
  > .mini-card-top
  .mini-card-info {
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}

.saved-grid .saved-card-item > .mini-card.saved-preview.home-preview > .mini-card-bottom,
.home-cards
  .home-card-block
  > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
  > .mini-card-bottom {
  flex: 0 0 auto;
  min-height: 0;
  margin-top: auto;
}

.saved-grid .saved-card-item > .mini-card.saved-preview.home-preview .secondary-name,
.saved-grid .saved-card-item > .mini-card.saved-preview.home-preview strong,
.saved-grid .saved-card-item > .mini-card.saved-preview.home-preview .mini-role,
.saved-grid .saved-card-item > .mini-card.saved-preview.home-preview .mini-org,
.saved-grid .saved-card-item > .mini-card.saved-preview.home-preview .text-bg-inner,
.saved-grid .saved-card-item > .mini-card.saved-preview.home-preview .text-bg-text,
.home-cards
  .home-card-block
  > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
  .secondary-name,
.home-cards .home-card-block > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary strong,
.home-cards
  .home-card-block
  > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
  .mini-role,
.home-cards .home-card-block > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary .mini-org,
.home-cards
  .home-card-block
  > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
  .text-bg-inner,
.home-cards
  .home-card-block
  > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
  .text-bg-text {
  min-width: 0;
  max-width: 100%;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Safari's page-zoom feature makes the CSS viewport narrower, even where it
   does not use text-size-adjust. At that narrower card width, use the card's
   own width as the type scale and remove nonessential vertical gaps. This
   preserves the visual scale from the normal thumbnail while keeping the
   final company line anchored inside the card. */
@container (max-width: 11rem) {
  .saved-grid .saved-card-item > .mini-card.saved-preview.home-preview > .mini-card-top .mini-card-info,
  .home-cards
    .home-card-block
    > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
    > .mini-card-top
    .mini-card-info {
    gap: 0 !important;
  }

  .saved-grid .saved-card-item > .mini-card.saved-preview.home-preview .mini-company-logo,
  .home-cards
    .home-card-block
    > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
    .mini-company-logo {
    margin-bottom: 0 !important;
  }

  .saved-grid .saved-card-item > .mini-card.saved-preview.home-preview .secondary-name,
  .saved-grid .saved-card-item > .mini-card.saved-preview.home-preview strong,
  .saved-grid .saved-card-item > .mini-card.saved-preview.home-preview .mini-role,
  .saved-grid .saved-card-item > .mini-card.saved-preview.home-preview .mini-org,
  .saved-grid
    .saved-card-item
    > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
    .secondary-name,
  .saved-grid .saved-card-item > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary strong,
  .saved-grid
    .saved-card-item
    > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
    .mini-role,
  .saved-grid
    .saved-card-item
    > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
    .mini-org,
  .home-cards
    .home-card-block
    > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
    .secondary-name,
  .home-cards .home-card-block > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary strong,
  .home-cards
    .home-card-block
    > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
    .mini-role,
  .home-cards
    .home-card-block
    > .mini-card.saved-preview.home-preview.is-corporate.corporate-thumbnail-summary
    .mini-org {
    line-height: 1.1 !important;
  }
}