/* Product screens keep their native layout; only the image scales on small screens. */
.home-main .xredy-usecases {
  list-style:none;
  margin: var(--space-7) 0 0;
  padding:0;
  display:grid;
  gap: var(--space-6);
  text-align:left
}
.xredy-usecase {
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  align-items:start;
  gap: var(--space-5);
  padding-top: var(--space-6);
  border-top:1px solid var(--line)
}
.xredy-usecase-copy h3 {
  margin:0;
  max-width:720px;
  font-size: var(--fs-h3);
  font-weight:var(--fw-medium);
  line-height:34px;
  letter-spacing:-.02em;
  word-break:keep-all
}
.xredy-usecase-copy p {
  margin: var(--space-3) 0 0;
  max-width:720px;
  color:var(--muted);
  font-size: var(--fs-lead);
  line-height:28px;
  word-break:keep-all
}
/* 사용례 화면 그림 한 겹에 카드 깊이를 준다. */
.xredy-usecase-screen {
  min-width:0;
  margin:0;
  max-width:900px;
  padding:0;
  border:0;
  border-radius: var(--radius-md);
  background:transparent;
  box-shadow:none
}
.xredy-usecase-screen img {
  display:block;
  width:100%;
  height:auto;
  background:transparent
}
@media(max-width:960px) {
  .xredy-usecase {gap: var(--space-5);grid-template-columns:minmax(0,1fr)}
  .xredy-usecase-copy h3 {font-size: var(--fs-h3);line-height:30px}
}
@media(max-width:700px) {
  .home-main .xredy-usecases {margin-top: var(--space-6);gap: var(--space-5)}
  .xredy-usecase {grid-template-columns:1fr;gap: var(--space-5);padding-top: var(--space-5)}
  .xredy-usecase-copy h3 {font-size: var(--fs-h3);line-height:28px;max-width:none}
  .xredy-usecase-copy p {margin-top: var(--space-2);max-width:none}
}
.xredy-usecase-image {
  display:block;
  box-shadow:var(--panel-shadow);
  overflow:hidden;
  border-radius: var(--radius-md);
  text-decoration:none
}
.xredy-usecase-image:focus-visible {
  outline:2px solid var(--ink);
  outline-offset:4px
}

.xredy-nowrap {white-space:nowrap}