.ct-main{display:block}

.ct-section{padding:var(--space-7) 0}

.ct-intro .ct-intro-container{
max-width:720px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.ct-grid-3{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
}

.ct-grid-2{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:start;
}

.ct-col{
display:flex;
flex-direction:column;
gap:var(--space-4);
min-width:0;
}

.ct-card{transition:var(--transition)}
.ct-card:hover{box-shadow:0 0 0 1px var(--color-accent),0 0 16px rgba(129,140,248,0.25)}

.ct-centered .ct-narrow{
max-width:720px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.ct-danger{
border-color:rgba(244,63,94,0.4);
}

.ct-danger h2{color:var(--color-danger)}

.ct-grid-2 img{
border-radius:var(--radius-lg);
width:100%;
height:auto;
object-fit:cover;
}

@media (max-width:1024px){
.ct-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:768px){
.ct-section{padding:var(--space-6) 0}
.ct-grid-3,.ct-grid-2{grid-template-columns:1fr}
}