.chadai-int-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
width: 100%;
box-sizing: border-box;
} .chadai-int-card {
background: #ffffff;
border-radius: 16px;
padding: 28px 32px 32px;
box-shadow: 0px 8.05px 33.05px -8.26px #00000040;
box-sizing: border-box;
flex: 1 1 340px;
min-width: 280px;
}
.chadai-int-card__title {
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 600;
color: #699DA9;
letter-spacing: -0.52px;
margin: 0 0 10px 0;
} .chadai-int-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px 12px;
align-items: center;
}
.chadai-int-item {
display: flex;
align-items: center;
gap: 6px;
background-color: #F7F7F5;
padding: 5px 7px;
border-radius: 5px;
border: 0.91px solid #E6E6E2;
} .chadai-int-item__name {
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 500;
color: #1D1D1F;
white-space: nowrap;
} .chadai-int-badge {
display: inline-flex;
align-items: center;
gap: 4px;
border-radius: 6px;
font-family: "Inter", sans-serif;
font-weight: 700;
white-space: nowrap;
flex-shrink: 0;
} .chadai-int-badge--yoyo {
background: #4A90D9;
color: #ffffff;
font-size: 10px;
letter-spacing: 0.04em;
padding: 3px 8px 3px 6px;
}
.chadai-int-badge--yoyo svg {
flex-shrink: 0;
} .chadai-int-badge--custom {
padding: 0;
background: transparent;
}
.chadai-int-badge--custom img {
height: 20px;
width: auto;
display: block;
object-fit: contain;
} .chadai-int-badge--more {
background: #F2F2F7;
color: #86868B;
font-size: 11px;
font-weight: 500;
padding: 4px 10px;
border-radius: 20px;
} @media (max-width: 767px) {
.chadai-int-card {
padding: 22px 20px 24px;
flex: 1 1 100%;
text-align: center;
}
.chadai-int-list {
justify-content: center;
}
}