/* iBlogger v128 — precision corrections against the supplied 430 × 1202 mobile reference.
   Every rule is mobile-only and scoped to the rebuilt profile surface. */
@media (max-width: 620px) {
  #mobileImportedProfile .ibm-page { padding-bottom: 9px !important; }

  /* Match the reference's light, nearly white lavender hero and original portrait crop. */
  #mobileImportedProfile .ibm-hero {
    height: 196px !important;
    min-height: 196px !important;
  }
  #mobileImportedProfile .ibm-hero-backdrop {
    background:
      radial-gradient(ellipse 310px 150px at 0% 0%, #e9e8f1 0%, #f6f3fb 54%, rgba(255,255,255,0) 100%),
      linear-gradient(115deg, #f8f6fc 0%, #fff 66%) !important;
    opacity: 1 !important;
  }
  #mobileImportedProfile .ibm-hero::after {
    background: linear-gradient(180deg, rgba(255,255,255,.015) 0%, rgba(255,255,255,.10) 43%, #fff 72%) !important;
  }
  #mobileImportedProfile .ibm-portrait {
    right: 9px !important;
    object-position: center 0% !important;
  }
  #mobileImportedProfile .ibm-person h1 small {
    left: -76px !important;
    width: 74px !important;
    height: 17px !important;
    line-height: 17px !important;
    top: 4px !important;
  }
  #mobileImportedProfile .ibm-handle { top: 22px !important; }
  #mobileImportedProfile .ibm-category {
    top: 45px !important;
    left: 67px !important;
  }
  #mobileImportedProfile .ibm-category .ibm-category-icon {
    width: 14px !important;
    height: 17px !important;
    fill: #7436f2 !important;
    stroke: none !important;
  }

  /* Bring the three statistic groups down and use the filled symbols in the reference. */
  #mobileImportedProfile .ibm-stats { top: 105px !important; }
  #mobileImportedProfile .ibm-stat-separator { height: 24px !important; }
  #mobileImportedProfile .ibm-stat-value svg {
    width: 16px !important;
    height: 16px !important;
    fill: #6534f4 !important;
    stroke: none !important;
  }
  #mobileImportedProfile .ibm-stat-rating .ibm-stat-value svg {
    fill: #ffb30a !important;
    stroke: none !important;
  }

  /* About heading: info icon belongs at the far left, title remains right-aligned. */
  #mobileImportedProfile .ibm-about { margin-top: 5px !important; }
  #mobileImportedProfile .ibm-about h2 {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    padding: 0 0 0 20px !important;
    text-align: right !important;
  }
  #mobileImportedProfile .ibm-about h2 svg {
    position: absolute !important;
    left: 1px !important;
    right: auto !important;
    top: 1px !important;
    width: 15px !important;
    height: 15px !important;
  }
  #mobileImportedProfile .ibm-about p {
    margin-top: 6px !important;
    font-size: 11.8px !important;
  }

  /* Reference portfolio tiles begin two pixels higher; image height is unchanged. */
  #mobileImportedProfile .ibm-work-scroll { top: 29px !important; }

  /* Match the five reference review-card heights and one-pixel inter-card spacing. */
  #mobileImportedProfile .ibm-review-list { gap: 1px !important; }
  #mobileImportedProfile .ibm-review:nth-child(1) { height: 85px !important; min-height: 85px !important; }
  #mobileImportedProfile .ibm-review:nth-child(2) { height: 87px !important; min-height: 87px !important; }
  #mobileImportedProfile .ibm-review:nth-child(3) { height: 89px !important; min-height: 89px !important; }
  #mobileImportedProfile .ibm-review:nth-child(4) { height: 89px !important; min-height: 89px !important; }
  #mobileImportedProfile .ibm-review:nth-child(5) { height: 89px !important; min-height: 89px !important; }
  #mobileImportedProfile .ibm-review p {
    color: #8b90a5 !important;
    font-size: 9.1px !important;
  }
  #mobileImportedProfile .ibm-review-meta .ibm-review-stars {
    width: 59px !important;
    transform: translateX(-2px) !important;
  }

  /* The two analytics cards end at the same y-coordinate as the reference. */
  #mobileImportedProfile .ibm-analytics,
  #mobileImportedProfile .ibm-chart-card {
    height: 106px !important;
  }
  #mobileImportedProfile .ibm-chart-heading strong {
    font-size: 9.5px !important;
    transform: none !important;
  }
  #mobileImportedProfile .ibm-chart-card:first-child .ibm-chart-heading strong {
    transform: none !important;
  }
  #mobileImportedProfile .ibm-chart-surface {
    opacity: .52 !important;
    filter: blur(3px) !important;
  }

  /* Reference summary is three pixels taller; preserve the exact 1202px page height. */
  #mobileImportedProfile .ibm-performance-summary {
    height: 90px !important;
    min-height: 90px !important;
  }
  #mobileImportedProfile .ibm-performance-summary h2 span {
    transform: scaleX(.9) !important;
  }
  #mobileImportedProfile .ibm-performance-summary h2 svg {
    fill: #6c36ff !important;
    stroke: none !important;
  }
}

@media (max-width: 620px) {
  /* Use the softer, already rounded reference portrait (avoid a doubled white frame). */
  #mobileImportedProfile .ibm-portrait {
    top: 5px !important;
    right: 8px !important;
    border: 0 !important;
    object-position: center 37% !important;
  }
  #mobileImportedProfile .ibm-category .ibm-category-icon {
    display: block !important;
    width: 14px !important;
    height: 17px !important;
    object-fit: contain !important;
    fill: none !important;
    stroke: none !important;
  }
  #mobileImportedProfile .ibm-category { left: 68px !important; }

  /* Both small symbols are present on the reference about card. */
  #mobileImportedProfile .ibm-about h2 {
    padding: 0 20px 0 20px !important;
    font-size: 11.8px !important;
  }
  #mobileImportedProfile .ibm-about h2 span {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
  }
  #mobileImportedProfile .ibm-about h2 .ibm-about-info-icon,
  #mobileImportedProfile .ibm-about h2 .ibm-about-gallery-icon {
    position: absolute !important;
    display: block !important;
    top: 1px !important;
    width: 17px !important;
    height: 17px !important;
    object-fit: contain !important;
  }
  #mobileImportedProfile .ibm-about h2 .ibm-about-info-icon { left: 1px !important; right: auto !important; }
  #mobileImportedProfile .ibm-about h2 .ibm-about-gallery-icon { right: 0 !important; left: auto !important; }
  #mobileImportedProfile .ibm-about p { font-size: 12px !important; }

  /* The original reference uses slightly larger brand marks and softer copy. */
  #mobileImportedProfile .ibm-review {
    grid-template-columns: 60px minmax(0,1fr) 70px !important;
  }
  #mobileImportedProfile .ibm-review .ibm-brand-icon {
    width: 59px !important;
    height: 59px !important;
    min-width: 59px !important;
    min-height: 59px !important;
  }
  #mobileImportedProfile .ibm-review p {
    font-size: 9.4px !important;
  }

  #mobileImportedProfile .ibm-chart-lock {
    top: 41px !important;
    width: 20px !important;
    height: 23px !important;
  }
  #mobileImportedProfile .ibm-chart-lock svg {
    width: 20px !important;
    height: 23px !important;
  }
  #mobileImportedProfile .ibm-chart-locked-label {
    bottom: 22px !important;
    font-size: 8.3px !important;
  }
  #mobileImportedProfile .ibm-performance-summary h2 span {
    transform: scaleX(1) !important;
  }
  #mobileImportedProfile .ibm-summary-lock { top: 32px !important; }
}

@media (max-width: 620px) {
  /* Small coordinate corrections within the hero. */
  #mobileImportedProfile .ibm-portrait { top: 4px !important; }
  #mobileImportedProfile .ibm-category .ibm-category-icon { transform: translateX(-1px) !important; }
  #mobileImportedProfile .ibm-category .ibm-category-label { transform: translateX(2px) !important; }
  #mobileImportedProfile .ibm-category .ibm-category-arrow { transform: translateX(3px) !important; }

  /* A lighter wash matches the near-white lavender reference background. */
  #mobileImportedProfile .ibm-hero-backdrop {
    background:
      radial-gradient(ellipse 150px 100px at 0% 0%, #e9e9f0 0%, #f7f6fb 55%, rgba(255,255,255,0) 100%),
      radial-gradient(ellipse 170px 80px at 40% 0%, rgba(245,242,249,.72) 0%, rgba(255,255,255,0) 100%),
      #fff !important;
  }

  #mobileImportedProfile .ibm-chart-lock { top: 39px !important; }
  #mobileImportedProfile .ibm-chart-locked-label { bottom: 26px !important; }
  #mobileImportedProfile .ibm-summary-ghosts { top: 25px !important; }
  #mobileImportedProfile .ibm-summary-lock { top: 30px !important; }
  #mobileImportedProfile .ibm-summary-label { bottom: 13px !important; }
}

/* Keep the compact 390px and 360px layouts intact after enlarging desktop-mobile review logos. */
@media (max-width: 390px) {
  #mobileImportedProfile .ibm-review { grid-template-columns: 52px minmax(0,1fr) 52px !important; }
  #mobileImportedProfile .ibm-review .ibm-brand-icon {
    width: 51px !important;
    height: 51px !important;
    min-width: 51px !important;
    min-height: 51px !important;
  }
  #mobileImportedProfile .ibm-review-meta { width: 52px !important; }
  #mobileImportedProfile .ibm-review-meta .ibm-review-stars { width: 50px !important; }
}

@media (max-width: 620px) {
  /* Match the reference icon silhouettes and their exact visual boxes. */
  #mobileImportedProfile .ibm-category .ibm-category-icon {
    width: 11px !important;
    height: 13px !important;
    transform: translate(-1px, 2px) !important;
  }
  #mobileImportedProfile .ibm-about h2 { padding-right: 24px !important; }
  #mobileImportedProfile .ibm-about h2 span {
    font-size: 11.2px !important;
    transform: translateY(1px) !important;
  }
  #mobileImportedProfile .ibm-about h2 .ibm-about-info-icon {
    left: 3px !important;
    top: 3px !important;
    width: 13px !important;
    height: 13px !important;
  }
  #mobileImportedProfile .ibm-about h2 .ibm-about-gallery-icon {
    right: 3px !important;
    top: 3px !important;
    width: 12px !important;
    height: 12px !important;
  }
  #mobileImportedProfile .ibm-about p {
    margin-top: 8px !important;
    font-size: 11.8px !important;
  }

  /* Match the smaller chart-title weight and vertical placement. */
  #mobileImportedProfile .ibm-chart-heading { transform: translateY(4px) !important; }
  #mobileImportedProfile .ibm-chart-heading strong {
    font-weight: 700 !important;
    padding-right: 2px !important;
  }
  #mobileImportedProfile .ibm-chart-locked-label {
    bottom: 21px !important;
    color: #4f4b65 !important;
    font-size: 7.9px !important;
    font-weight: 600 !important;
  }
  #mobileImportedProfile .ibm-chart-lock {
    width: 22px !important;
    height: 25px !important;
  }
  #mobileImportedProfile .ibm-chart-lock svg {
    width: 22px !important;
    height: 25px !important;
  }

  /* Exact bars icon and reference-sized title/lock label in the summary card. */
  #mobileImportedProfile .ibm-performance-summary h2 .ibm-summary-bars-icon {
    display: block !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 7px !important;
    object-fit: contain !important;
  }
  #mobileImportedProfile .ibm-performance-summary h2 span {
    transform: translateX(3px) scaleX(.92) !important;
  }
  #mobileImportedProfile .ibm-summary-lock {
    top: 28px !important;
    width: 22px !important;
    height: 25px !important;
  }
  #mobileImportedProfile .ibm-summary-lock svg {
    width: 22px !important;
    height: 25px !important;
  }
  #mobileImportedProfile .ibm-summary-label {
    bottom: 16px !important;
    color: #4f4b65 !important;
    font-size: 8.2px !important;
    font-weight: 600 !important;
    transform: scaleX(1.08) !important;
  }

  /* Slightly enlarge the compact statistic glyphs without moving their text. */
  #mobileImportedProfile .ibm-stat-followers .ibm-stat-value svg {
    transform: translateX(-4px) scale(1.2,1.1) !important;
  }
  #mobileImportedProfile .ibm-stat-engagement .ibm-stat-value svg {
    transform: scale(1.05,1.15) !important;
  }
  #mobileImportedProfile .ibm-stat-rating .ibm-stat-value svg {
    transform: scale(1.12,1.1) !important;
  }
}

@media (max-width: 620px) {
  /* Fine alignment of the about title and its two reference symbols. */
  #mobileImportedProfile .ibm-about h2 span {
    font-size: 11px !important;
    transform: translateX(-2px) !important;
  }
  #mobileImportedProfile .ibm-about p {
    color: #9298b0 !important;
    line-height: 1.53 !important;
  }

  /* Fine tune chart headings, labels and lock silhouettes against the pixel reference. */
  #mobileImportedProfile .ibm-chart-heading { transform: translateY(5px) !important; }
  #mobileImportedProfile .ibm-chart-heading strong {
    font-size: 9.3px !important;
    font-weight: 600 !important;
    padding-right: 3px !important;
  }
  #mobileImportedProfile .ibm-chart-locked-label {
    font-size: 8.1px !important;
    transform: translateX(1.5px) scaleX(1.01) !important;
  }
  #mobileImportedProfile .ibm-chart-lock {
    width: 21px !important;
    height: 25px !important;
    transform: translateX(calc(-50% - 1px)) !important;
  }
  #mobileImportedProfile .ibm-chart-lock svg {
    width: 21px !important;
    height: 25px !important;
  }

  #mobileImportedProfile .ibm-performance-summary h2 span {
    transform: translate(11px,-1px) scaleX(.92) !important;
  }
  #mobileImportedProfile .ibm-performance-summary h2 .ibm-summary-bars-icon {
    transform: translate(-2px,-3px) !important;
  }
  #mobileImportedProfile .ibm-summary-lock {
    top: 28px !important;
    width: 22px !important;
    height: 24px !important;
    transform: translateX(calc(-50% + 1px)) !important;
  }
  #mobileImportedProfile .ibm-summary-lock svg {
    width: 22px !important;
    height: 24px !important;
  }
  #mobileImportedProfile .ibm-summary-label {
    font-size: 8.3px !important;
    transform: translateX(1px) scaleX(1.09) !important;
  }

  #mobileImportedProfile .ibm-stat-followers .ibm-stat-value svg {
    transform: translateX(-1px) scale(1.3,1.2) !important;
  }
  #mobileImportedProfile .ibm-stat-engagement .ibm-stat-value svg {
    transform: translateY(2px) scale(1.05,1.15) !important;
  }
  #mobileImportedProfile .ibm-stat-rating .ibm-stat-value svg {
    transform: translate(-2px,1px) scale(1.15,1.1) !important;
  }
}

@media (max-width: 620px) {
  #mobileImportedProfile .ibm-about h2 span {
    font-size: 11.2px !important;
    transform: translate(-1px,1px) !important;
  }
  #mobileImportedProfile .ibm-about p {
    color: #9aa0b5 !important;
    font-size: 11.9px !important;
    line-height: 1.5 !important;
  }

  #mobileImportedProfile .ibm-chart-heading { transform: translateY(4px) !important; }
  #mobileImportedProfile .ibm-chart-heading strong { font-size: 9.4px !important; }
  #mobileImportedProfile .ibm-chart-card:first-child .ibm-chart-heading strong {
    transform: translateX(1px) !important;
  }
  #mobileImportedProfile .ibm-chart-locked-label {
    transform: translateX(1px) scaleX(.99) !important;
  }

  #mobileImportedProfile .ibm-performance-summary h2 span {
    transform: translate(13px,-1px) scaleX(.94) !important;
  }
  #mobileImportedProfile .ibm-performance-summary h2 .ibm-summary-bars-icon {
    transform: translate(-2px,-2px) !important;
  }
  #mobileImportedProfile .ibm-summary-lock {
    top: 29px !important;
    height: 23px !important;
  }
  #mobileImportedProfile .ibm-summary-lock svg { height: 23px !important; }
  #mobileImportedProfile .ibm-summary-label {
    font-size: 8.4px !important;
    font-weight: 700 !important;
    transform: translateX(.5px) scaleX(1.07) !important;
  }

  #mobileImportedProfile .ibm-stat-followers .ibm-stat-value svg {
    transform: translateX(-5px) scale(1.3,1.2) !important;
  }
  #mobileImportedProfile .ibm-stat-engagement .ibm-stat-value svg {
    transform: translateY(1px) scale(1.2,1.15) !important;
  }
  #mobileImportedProfile .ibm-stat-rating .ibm-stat-value svg {
    transform: translate(1px,0) scale(1,1.1) !important;
  }
}

@media (max-width: 620px) {
  #mobileImportedProfile .ibm-about h2 span { transform: translate(-2px,1px) !important; }
  #mobileImportedProfile .ibm-about p {
    font-size: 11.85px !important;
    line-height: 1.45 !important;
    transform: translateY(1px) !important;
  }
  #mobileImportedProfile .ibm-stat-followers .ibm-stat-value svg {
    transform: translateX(-4px) scale(1.25,1.3) !important;
  }
  #mobileImportedProfile .ibm-stat-engagement .ibm-stat-value svg {
    transform: translate(1px,2px) scale(1.2,1.15) !important;
  }
  #mobileImportedProfile .ibm-stat-rating .ibm-stat-value svg {
    transform: translate(-3px,-1px) scale(1,1.1) !important;
  }
}