/* iBlogger v132 — pixel-alignment corrections from the 1280×669 desktop reference.
   Desktop-only overrides; the mobile profile and its styles are intentionally untouched. */
@media (min-width: 901px) {
  /* Review cards: restore the wider gutters and larger brand marks visible in the reference. */
  #desktopProfileRedesign .ibd-review-grid {
    gap: 16px;
  }
  #desktopProfileRedesign .ibd-review-card {
    padding: 9px 13px 7px;
  }
  #desktopProfileRedesign .ibd-review-top {
    min-height: 42px;
  }
  #desktopProfileRedesign .ibd-review-brand img {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
  #desktopProfileRedesign .ibd-stars {
    letter-spacing: -.4px;
    padding-top: 4px;
  }
  #desktopProfileRedesign .ibd-review-card h3 {
    margin-top: 8px;
  }
  #desktopProfileRedesign .ibd-section-head h2 {
    font-size: 12.5px;
  }

  /* Sidebar dimensions and offsets: align the about panel and stat tiles to the reference. */
  #desktopProfileRedesign .ibd-about-card {
    height: 163px;
    margin-top: 17px;
  }
  #desktopProfileRedesign .ibd-profile-stats {
    right: 11px;
    left: 11px;
    height: 90px;
  }
  #desktopProfileRedesign .ibd-feedback-cta {
    right: 11px;
    left: 11px;
    height: 34px;
    bottom: 11px;
  }

  /* The reference shows a two-line analytics heading, not a single-line title. */
  #desktopProfileRedesign .ibd-analytics-head {
    height: 34px;
    margin-bottom: 4px;
    align-items: flex-start;
  }
  #desktopProfileRedesign .ibd-analytics-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    min-width: 0;
    padding-top: 1px;
  }
  #desktopProfileRedesign .ibd-analytics-title h2 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: #1b2440;
    font-size: 12px;
    line-height: 17px;
    font-weight: 850;
  }
  #desktopProfileRedesign .ibd-analytics-title h2 svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: none;
    stroke: #7a39ee;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  #desktopProfileRedesign .ibd-analytics-title p {
    margin: 0 22px 0 0;
    color: #8791a6;
    font-size: 8px;
    line-height: 11px;
    font-weight: 500;
    white-space: nowrap;
  }
  #desktopProfileRedesign .ibd-date-filter {
    align-self: flex-start;
    margin-top: 4px;
  }

  /* Locked preview: keep only the soft blurred data glow; no readable line chart. */
  #desktopProfileRedesign .ibd-chart-card::before {
    inset: 22px 0 0;
    opacity: .9;
  }
  #desktopProfileRedesign .ibd-chart-card[data-chart="views"]::before {
    background: radial-gradient(ellipse at 88% 72%, rgba(246,184,48,.24), transparent 43%);
  }
  #desktopProfileRedesign .ibd-chart-card[data-chart="followers"]::before {
    background: radial-gradient(ellipse at 87% 73%, rgba(54,183,132,.22), transparent 43%);
  }
  #desktopProfileRedesign .ibd-chart-line {
    display: none !important;
  }
  #desktopProfileRedesign .ibd-chart-lock {
    top: 41px;
  }
  #desktopProfileRedesign .ibd-chart-lock svg {
    width: 21px;
    height: 23px;
  }
  #desktopProfileRedesign .ibd-chart-label {
    bottom: 18px;
  }

  /* Summary: preserve the reference's compact star tile and raise the access caption slightly. */
  #desktopProfileRedesign .ibd-summary-icon {
    height: 76px;
  }
  #desktopProfileRedesign .ibd-summary-label {
    top: 50px;
  }
}

@media (min-width: 901px) {
  /* Review carousel arrows are part of the supplied desktop reference. */
  #desktopProfileRedesign .ibd-reviews {
    position: relative;
  }
  #desktopProfileRedesign .ibd-review-arrow {
    position: absolute;
    z-index: 5;
    top: 96px;
    width: 16px;
    height: 20px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #7040d7;
    cursor: pointer;
  }
  #desktopProfileRedesign .ibd-review-arrow-prev { left: 7px; }
  #desktopProfileRedesign .ibd-review-arrow-next { right: 7px; }
  #desktopProfileRedesign .ibd-review-arrow svg {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  #desktopProfileRedesign .ibd-review-arrow:focus-visible {
    outline: 2px solid #7951ed;
    outline-offset: 1px;
  }

  /* Align the analytics heading and its helper line to the left edge of the content column. */
  #desktopProfileRedesign .ibd-analytics-title {
    direction: ltr;
    align-items: flex-start;
  }
  #desktopProfileRedesign .ibd-analytics-title h2 {
    direction: ltr;
  }
  #desktopProfileRedesign .ibd-analytics-title h2 span {
    direction: rtl;
    unicode-bidi: isolate;
  }
  #desktopProfileRedesign .ibd-analytics-title p {
    margin-left: 26px;
    margin-right: 0;
    font-size: 8.2px;
  }

  /* Small vertical corrections inside the profile statistic tiles. */
  #desktopProfileRedesign .ibd-profile-stat svg {
    margin-bottom: 13px;
  }
  #desktopProfileRedesign .ibd-feedback-cta {
    bottom: 12px;
  }
  #desktopProfileRedesign .ibd-handle {
    top: 185px;
  }
  #desktopProfileRedesign .ibd-category {
    top: 210px;
  }
  #desktopProfileRedesign .ibd-summary-label {
    top: 48px;
  }
  #desktopProfileRedesign .ibd-chart-blur {
    top: 38px;
  }
  #desktopProfileRedesign .ibd-review-card h3 {
    margin-bottom: 5px;
  }
}

@media (min-width: 901px) {
  #desktopProfileRedesign .ibd-analytics {
    height: 170px;
    margin-top: 0;
    padding: 10px 9px 8px;
  }
  #desktopProfileRedesign .ibd-analytics-title p {
    margin-top: 3px;
    margin-left: 28px;
    font-size: 8.4px;
  }
  #desktopProfileRedesign .ibd-chart-card[data-chart="views"]::before {
    background:
      radial-gradient(ellipse at 90% 70%, rgba(246,184,48,.22), transparent 44%),
      linear-gradient(170deg, transparent 43%, rgba(246,190,65,.075) 58%, transparent 72%);
  }
  #desktopProfileRedesign .ibd-chart-card[data-chart="followers"]::before {
    background:
      radial-gradient(ellipse at 88% 70%, rgba(54,183,132,.20), transparent 44%),
      linear-gradient(170deg, transparent 42%, rgba(76,190,151,.075) 58%, transparent 72%);
  }
  #desktopProfileRedesign .ibd-chart-blur {
    opacity: .72;
    top: 36px;
  }
  #desktopProfileRedesign .ibd-summary-ghosts {
    opacity: .78;
    filter: blur(6px);
  }
  #desktopProfileRedesign .ibd-avatar {
    border: 0;
    box-shadow: 0 2px 7px rgba(33,35,55,.12);
  }
}

@media (min-width: 901px) {
  /* Exact inner bounds of the three review cards at the 1280px reference width. */
  #desktopProfileRedesign .ibd-reviews {
    padding-right: 9px;
    padding-left: 9px;
  }
  #desktopProfileRedesign .ibd-review-grid {
    grid-template-columns: 271fr 265fr 264fr;
  }
  #desktopProfileRedesign .ibd-review-card {
    padding-right: 14px;
    padding-left: 13px;
  }

  /* Portfolio images align to the same 118–950px content rails as the reference. */
  #desktopProfileRedesign .ibd-work {
    padding-right: 9px;
    padding-left: 9px;
  }

  /* Chart card widths: 413px on the left and 403px on the right at 1280px. */
  #desktopProfileRedesign .ibd-chart-grid {
    grid-template-columns: .9877fr 1.0123fr;
  }
  #desktopProfileRedesign .ibd-chart-label {
    bottom: 22px;
    font-size: 10.8px;
    line-height: 14px;
  }
  #desktopProfileRedesign .ibd-summary-label {
    top: 53px;
    font-size: 11px;
    line-height: 14px;
  }
  #desktopProfileRedesign .ibd-summary h2 {
    top: 7px;
    font-size: 11.5px;
  }
  #desktopProfileRedesign .ibd-about-copy {
    transform: translateY(2px);
  }
  #desktopProfileRedesign .ibd-about-updated {
    margin-top: 7px;
  }
}

@media (min-width: 901px) {
  #desktopProfileRedesign .ibd-chart-blur {
    top: 30px;
  }
  #desktopProfileRedesign .ibd-chart-card[data-chart="followers"] .ibd-chart-label {
    transform: translateX(3px);
  }
  #desktopProfileRedesign .ibd-summary-ghosts {
    left: 17%;
    right: 8%;
    justify-content: space-between;
  }
  #desktopProfileRedesign .ibd-summary-ghosts span {
    width: 12%;
  }
  #desktopProfileRedesign .ibd-summary-label {
    letter-spacing: .1px;
  }
}