@layer layout {

.kn-section { max-width: var(--container-width); margin: 0 auto; padding: 32px 16px; }
.kn-section--flush { padding-bottom: 0; }
.kn-page-header { max-width: var(--container-width); margin: 0 auto; padding: 32px 16px; }

.kn-cards-grid.kn-cards-grid--growth { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1100px) {
  .kn-cards-grid.kn-cards-grid--growth { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .kn-cards-grid.kn-cards-grid--growth { grid-template-columns: 1fr; }
}

.kn-cards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.kn-related-posts .kn-cards-grid { grid-template-columns: 1fr; max-width: var(--content-max); }

.kn-phases { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 20px; }

.kn-timeline { display: flex; flex-direction: column; gap: 0; text-align: left; }

.kn-prc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 24px; }
.kn-prc-grid--cols-2 { grid-template-columns: 1fr 1fr; }

.kn-what__list { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 24px; }

@media (max-width: 900px) {
  .kn-section { padding: 24px 16px; }
  .kn-cards-grid { grid-template-columns: 1fr; }
  .kn-phases { grid-template-columns: repeat(2, 1fr); }
  .kn-prc-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .kn-what__list { grid-template-columns: 1fr; gap: 12px; margin-top: 20px; }
}

}