/* iBlogger v135 — consolidated final pixel-review overrides for the desktop blogger profile.
   Reference viewport: 1280×669. Rules are desktop-only; mobile markup/styles are unchanged. */
/* iBlogger v133 — third pixel-review pass against the supplied 1280×669 desktop reference.
   Every rule is desktop-only; mobile profile markup and styling remain unchanged. */
@media (min-width: 901px) {
  /* Profile identity rhythm and statistics align to the reference. */
  #desktopProfileRedesign .ibd-name { top: 163px; }
  #desktopProfileRedesign .ibd-handle { top: 187px; font-size: 10.5px; }
  #desktopProfileRedesign .ibd-category { top: 210px; padding-right: 8px; padding-left: 8px; }
  #desktopProfileRedesign .ibd-profile-stats { top: 242px; height: 91px; }
  #desktopProfileRedesign .ibd-profile-stat svg {
    width: 24px;
    height: 24px;
    margin-bottom: 11px;
  }
  #desktopProfileRedesign .ibd-stat-followers svg { width: 27px; height: 24px; }
  #desktopProfileRedesign .ibd-feedback-cta {
    bottom: 10px;
    height: 35px;
    direction: ltr;
    gap: 7px;
  }

  /* About card copy and vertical rhythm. */
  #desktopProfileRedesign .ibd-about-card { padding-top: 9px; }
  #desktopProfileRedesign .ibd-about-title { margin-bottom: 7px; }
  #desktopProfileRedesign .ibd-about-subtitle { margin-bottom: 8px; }
  #desktopProfileRedesign .ibd-about-updated { margin-top: 5px; }

  /* Review headings sit one pixel higher; body copy follows the two-line reference layout. */
  #desktopProfileRedesign .ibd-review-card h3 { margin-top: 7px; }
  #desktopProfileRedesign .ibd-review-card p { font-size: 8.8px; line-height: 13.95px; }

  /* Reference lock glyphs are larger and sit slightly higher than the v132 preview. */
  #desktopProfileRedesign .ibd-chart-lock { top: 40px; }
  #desktopProfileRedesign .ibd-chart-lock svg { width: 26px; height: 28px; }
  #desktopProfileRedesign .ibd-chart-card[data-chart="followers"] .ibd-chart-lock { left: calc(50% + 3px); }
  #desktopProfileRedesign .ibd-chart-card[data-chart="views"] .ibd-chart-lock { left: calc(50% - 1px); }

  /* Summary lock, icon tile and title match the softer reference treatment. */
  #desktopProfileRedesign .ibd-summary-icon {
    background: linear-gradient(145deg, #d5c4f8 0%, #d5c2f7 100%);
  }
  #desktopProfileRedesign .ibd-summary-lock { top: 16px; }
  #desktopProfileRedesign .ibd-summary-lock svg { width: 25px; height: 28px; }
  #desktopProfileRedesign .ibd-summary h2 { font-size: 10.8px; }
  #desktopProfileRedesign .ibd-summary-label { transform: translateX(-50%) scaleX(1.025); }
}

/* iBlogger v134 — final micro-adjustments after the third measured comparison.
   Desktop-only rules; no mobile selectors are changed. */
@media (min-width: 901px) {
  /* Match the exact about-card line break and align the update row beside its calendar. */
  #desktopProfileRedesign .ibd-about-title,
  #desktopProfileRedesign .ibd-about-subtitle { font-size: 12.5px; }
  #desktopProfileRedesign .ibd-about-copy {
    font-size: 8.3px;
    line-height: 2.05;
    letter-spacing: 0;
  }
  #desktopProfileRedesign .ibd-about-updated {
    justify-content: flex-start;
    gap: 6px;
  }

  /* Fine alignment of the identity labels and follower icon. */
  #desktopProfileRedesign .ibd-name { letter-spacing: .2px; }
  #desktopProfileRedesign .ibd-handle { font-size: 10.2px; }
  #desktopProfileRedesign .ibd-category { top: 211px; }
  #desktopProfileRedesign .ibd-stat-followers svg { width: 28px; height: 23px; }

  /* Lock silhouettes: 17×23px in charts and 17×22px in the summary. */
  #desktopProfileRedesign .ibd-chart-lock { top: 41px; }
  #desktopProfileRedesign .ibd-chart-lock svg { width: 24px; height: 29px; }
  #desktopProfileRedesign .ibd-summary-lock { top: 17px; }
  #desktopProfileRedesign .ibd-summary-lock svg { width: 24px; height: 28px; }
  #desktopProfileRedesign .ibd-summary-label { transform: translateX(-50%) scaleX(1.015); }
  #desktopProfileRedesign .ibd-summary-icon {
    background: linear-gradient(145deg, #d5c2fa 0%, #ddcfff 100%);
  }

  /* Keep review body text at the reference's original 9px size. */
  #desktopProfileRedesign .ibd-review-card p { font-size: 9px; }
}

/* iBlogger v135 — last measured glyph-size and lock-position refinement. */
@media (min-width: 901px) {
  #desktopProfileRedesign .ibd-about-copy {
    font-size: 8.2px;
    line-height: 2.075;
  }
  #desktopProfileRedesign .ibd-stat-followers svg { width: 32px; height: 23px; }
  #desktopProfileRedesign .ibd-chart-lock { top: 40px; }
  #desktopProfileRedesign .ibd-chart-lock svg { width: 24px; height: 30px; }
  #desktopProfileRedesign .ibd-summary-lock {
    top: 16px;
    left: calc(53% + 1px);
  }
  #desktopProfileRedesign .ibd-summary-lock svg { width: 23px; height: 30px; }
}

@media (min-width: 901px) {
  /* Slightly taller lock silhouettes, centered on the same reference coordinates. */
  #desktopProfileRedesign .ibd-chart-lock svg,
  #desktopProfileRedesign .ibd-summary-lock svg {
    transform: scaleY(1.1);
    transform-origin: center;
  }
  #desktopProfileRedesign .ibd-summary-lock svg { width: 24px; }

  /* The reference uses a wider, taller three-person followers glyph. */
  #desktopProfileRedesign .ibd-stat-followers svg {
    width: 35px;
    height: 28px;
    margin-bottom: 6px;
    transform: translateY(-1px);
  }
}
@media (min-width: 901px) {
  #desktopProfileRedesign .ibd-chart-lock svg,
  #desktopProfileRedesign .ibd-summary-lock svg { stroke-width: 1px; }
  #desktopProfileRedesign .ibd-stat-followers svg { width: 32px; }
}