/* Shared case structure: background → goal → role → action → result → review. */
.case-framework {
  display: grid;
  gap: 20px;
}

.case-framework section + section {
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.case-framework h3 {
  margin-bottom: 7px;
}

.case-framework p {
  margin-bottom: 0;
}

@media (max-width: 560px) {
  #xiaohongshu-brand .case-layout {
    gap: 14px;
  }

  #xiaohongshu-brand .case-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  #xiaohongshu-brand .side-box {
    min-width: 0;
    min-height: 102px;
    padding: 11px 8px;
  }

  #xiaohongshu-brand .side-box strong {
    font-size: 18px;
    line-height: 1.1;
    white-space: nowrap;
  }

  #xiaohongshu-brand .side-box:nth-child(3) strong {
    font-size: 16px;
  }

  #xiaohongshu-brand .side-box span {
    display: block;
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.4;
  }

  #xiaohongshu-brand .flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 16px;
  }

  #xiaohongshu-brand .flow span {
    min-width: 0;
    min-height: 52px;
    padding: 6px 5px;
    font-size: 11px;
    line-height: 1.3;
  }

  #brand-ecommerce-growth .metric-stack,
  #paid-content .metric-stack,
  #fanyin-growth .case-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  #brand-ecommerce-growth .metric-stack div,
  #paid-content .metric-stack div,
  #fanyin-growth .side-box {
    min-width: 0;
    min-height: 102px;
    padding: 11px 8px;
  }

  #brand-ecommerce-growth .metric-stack strong,
  #paid-content .metric-stack strong,
  #fanyin-growth .side-box strong {
    font-size: 18px;
    line-height: 1.1;
    white-space: nowrap;
  }

  #brand-ecommerce-growth .metric-stack div:nth-child(3) strong {
    font-size: 13px;
    white-space: normal;
  }

  #brand-ecommerce-growth .metric-stack span,
  #paid-content .metric-stack span,
  #fanyin-growth .side-box span {
    display: block;
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.4;
  }

  #brand-ecommerce-growth .management-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin-top: 16px;
  }

  #brand-ecommerce-growth .management-strip span {
    min-width: 0;
    min-height: 50px;
    padding: 7px 6px;
    font-size: 11px;
    line-height: 1.3;
  }

  #fanyin-growth .metrics.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 16px;
  }

  #fanyin-growth .metrics.compact article,
  #paid-content .metric-stack div {
    min-width: 0;
    min-height: 96px;
    padding: 11px 8px;
  }

  #fanyin-growth .metrics.compact strong,
  #paid-content .metric-stack strong {
    font-size: 20px;
    line-height: 1.1;
    white-space: nowrap;
  }

  #fanyin-growth .metrics.compact span,
  #paid-content .metric-stack span {
    display: block;
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.4;
  }

  .case-framework {
    gap: 16px;
  }

  .case-framework section + section {
    padding-top: 14px;
  }
}

@media (max-width: 360px) {
  #xiaohongshu-brand .side-box strong {
    font-size: 16px;
  }

  #xiaohongshu-brand .side-box:nth-child(3) strong {
    font-size: 14px;
  }

  #brand-ecommerce-growth .metric-stack strong,
  #fanyin-growth .side-box strong,
  #fanyin-growth .metrics.compact strong,
  #paid-content .metric-stack strong {
    font-size: 16px;
  }

  #brand-ecommerce-growth .metric-stack div:nth-child(3) strong {
    font-size: 11px;
  }
}