/* 2026-10-01: 노션 피드백의 도입 전후 비교. 다른 솔루션과 하단 섹션에는 적용하지 않는다. */
.solution-scope .data-assets-intro .asset-heading{ max-width: 900px; margin: 0 auto 48px; text-align: center; }
.solution-scope .data-assets-intro .asset-heading h2{ font-size: clamp(29px, 3.2vw, 42px); line-height: 1.35; font-weight: 700; word-break: keep-all; }
.solution-scope .data-assets-intro .asset-heading > p:last-child{ max-width: 680px; margin: 20px auto 0; color: var(--muted); font-size: 17px; line-height: 1.8; word-break: keep-all; }
.solution-scope .asset-comparison{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.solution-scope .asset-comparison article{ min-width: 0; padding: 0 40px; }
.solution-scope .asset-comparison article:first-child{ padding-left: 0; border-right: 1px solid var(--line); }
.solution-scope .asset-comparison article:last-child{ padding-right: 0; }
.solution-scope .asset-state{ margin: 0 0 14px; font-size: 13px; font-weight: 700; color: var(--muted); letter-spacing: .04em; }
.solution-scope .asset-after .asset-state{ color: #007b73; }
.solution-scope .asset-comparison h3{ margin: 0; min-height: 2.8em; font-size: clamp(22px, 2.1vw, 28px); font-weight: 650; line-height: 1.4; word-break: keep-all; }
.solution-scope .asset-comparison figure{ margin: 24px 0; }
.solution-scope .asset-comparison img{ display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
.solution-scope .asset-comparison article > p:last-child{ margin: 0; color: var(--muted); font-size: 16px; line-height: 1.85; word-break: keep-all; }
.solution-scope .asset-comparison strong{ color: var(--ink); font-weight: 600; }
.solution-scope .asset-context{ max-width: 920px; margin: 48px auto 0; padding-top: 32px; border-top: 1px solid var(--line); text-align: center; }
.solution-scope .asset-context .section-label{ margin-bottom: 14px; }
.solution-scope .asset-context h3{ font-size: 23px; font-weight: 650; line-height: 1.5; word-break: keep-all; }
.solution-scope .asset-context > p:last-child{ margin: 16px auto 0; max-width: 820px; color: var(--muted); font-size: 16px; line-height: 1.85; word-break: keep-all; }
@media (max-width: 800px) {
  .solution-scope .asset-comparison article{ padding-inline: 24px; }
  .solution-scope .asset-comparison h3{ font-size: 23px; }
}
@media (max-width: 600px) {
  .solution-scope .data-assets-intro .asset-heading{ text-align: left; margin-bottom: 36px; }
  .solution-scope .data-assets-intro .asset-heading > p:last-child{ font-size: 16px; }
  .solution-scope .asset-comparison{ grid-template-columns: 1fr; gap: 32px; }
  .solution-scope .asset-comparison article:first-child, .solution-scope .asset-comparison article:last-child{ padding: 0; border-right: 0; }
  .solution-scope .asset-comparison article:last-child{ padding-top: 32px; border-top: 1px solid var(--line); }
  .solution-scope .asset-comparison h3{ min-height: 0; font-size: 24px; }
  .solution-scope .asset-comparison figure{ margin: 20px 0; }
  .solution-scope .asset-comparison article > p:last-child, .solution-scope .asset-context > p:last-child{ font-size: 15px; }
  .solution-scope .asset-context{ margin-top: 36px; padding-top: 28px; text-align: left; }
  .solution-scope .asset-context h3{ font-size: 22px; }
}