.kalimat-about-masthead-inner {
  text-align: center;
}

/* todo remove? */
body:has(.kalimat-roadmap-hero) {
  overflow-x: hidden;
}
body:has(.kalimat-roadmap-hero) .kalimat-page-title,
body:has(.kalimat-roadmap-hero) .wp-block-oes-table-of-contents {
  display: none;
}
body:has(.kalimat-roadmap-hero) .oes-single-content {
  padding-top: 0 !important;
}

.kalimat-roadmap-hero {
  background: #004659;
  color: #fff;
  margin-inline: calc(50% - 50vw);
  padding: clamp(2.25rem, 5vw, 4rem) clamp(1.25rem, 6vw, 6rem) clamp(2rem, 4vw, 3rem);
  text-align: center;
  width: 100vw;
}

.kalimat-roadmap-hero h1,
.kalimat-roadmap-hero .kalimat-roadmap-hero__title {
  color: #fff;
  font-size: var(--k-fs-h1);
  line-height: var(--k-lh-tight);
  margin: 0 0 1rem;
}

.kalimat-roadmap-hero__intro {
  color: rgba(255, 255, 255, 0.85);
  font-size: var(--k-fs-base);
  line-height: var(--k-lh-body);
  margin: 0 auto 1.5rem;
  max-width: 52rem;
}

.kalimat-roadmap-hero__meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

.kalimat-roadmap-stat {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #fff;
  font-size: var(--k-fs-label);
  padding: 0.4rem 1rem;
}

.kalimat-roadmap-stat strong {
  font-weight: 700;
}

.kalimat-roadmap-hero__updated {
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--k-fs-micro);
  font-style: italic;
  margin: 1.25rem 0 0;
}

/* Buttons  */
a.kalimat-roadmap-btn,
.kalimat-roadmap-btn a {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  color: #004659 !important;
  display: inline-block;
  font-size: var(--k-fs-label);
  font-weight: 600;
  padding: 0.6rem 1.4rem;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

a.kalimat-roadmap-btn:hover,
.kalimat-roadmap-btn a:hover {
  background: #4C7D8A;
  border-color: #4C7D8A;
  color: #fff !important;
}

/* Board */
.kalimat-roadmap-board {
  display: grid;
  gap: clamp(1rem, 2vw, 1.5rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  /* Full-bleed up to 1440px, then centered. */
}

@media (max-width: 1024px) {
  .kalimat-roadmap-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .kalimat-roadmap-board {
    grid-template-columns: minmax(0, 1fr);
  }
}
.kalimat-roadmap-lane {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.kalimat-roadmap-lane__head {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  padding: 0.9rem 1rem;
}

.kalimat-roadmap-lane__title {
  color: #004659;
  font-size: var(--k-fs-sm);
  font-weight: 700;
  letter-spacing: 0.01em;
  margin: 0;
}

.kalimat-roadmap-lane__count {
  background: #fff;
  border-radius: 999px;
  color: #4C7D8A;
  font-size: var(--k-fs-micro);
  font-weight: 600;
  padding: 0.1rem 0.6rem;
}

.kalimat-roadmap-lane__cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 6rem;
  padding: 0 0.85rem 1.1rem;
}

/* Four teal tints, lightest (open) -> deepest (published). */
.kalimat-roadmap-lane--open {
  background: #EAF1F3;
}

.kalimat-roadmap-lane--preparation {
  background: #D8E4E8;
}

.kalimat-roadmap-lane--forthcoming {
  background: #C2D4DA;
}

.kalimat-roadmap-lane--published {
  background: #AAC3CB;
}

/* Card */
.kalimat-roadmap-card {
  background: #fff;
  border: 1px solid #CCDADE;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(22, 32, 38, 0.05);
  padding: 1.15rem 1.15rem 1.25rem;
}

.kalimat-roadmap-card__title {
  color: #004659;
  font-size: var(--k-fs-sm);
  font-weight: 700;
  line-height: var(--k-lh-snug);
  margin: 0 0 0.35rem;
}

.kalimat-roadmap-card__ar {
  color: #4C7D8A;
  font-size: var(--k-fs-label);
  margin: 0 0 0.35rem;
}

.kalimat-roadmap-card__dates {
  color: #4C7D8A;
  font-size: var(--k-fs-label);
  font-style: italic;
  margin: 0 0 0.5rem;
}

.kalimat-roadmap-card__author {
  color: #004659;
  font-size: var(--k-fs-label);
  font-weight: 600;
  margin: 0 0 0.5rem;
}

.kalimat-roadmap-card__desc {
  color: #000;
  font-size: var(--k-fs-label);
  line-height: var(--k-lh-body);
  margin: 0.35rem 0 0;
}

.kalimat-roadmap-badge {
  border-radius: 999px;
  display: inline-block;
  font-size: var(--k-fs-micro);
  font-weight: 600;
  margin-bottom: 0.5rem;
  padding: 0.15rem 0.7rem;
}

.kalimat-roadmap-badge--open {
  background: #DCE8EB;
  color: #4C7D8A;
}

.kalimat-roadmap-badge--preparation {
  background: #C7DAE0;
  color: #2E6472;
}

.kalimat-roadmap-badge--forthcoming {
  background: #AEC9D0;
  color: #17566A;
}

.kalimat-roadmap-badge--published {
  background: #8FB4BE;
  color: #003241;
}

a.kalimat-roadmap-card__cta,
.kalimat-roadmap-card__cta a {
  background: #004659;
  border-radius: 6px;
  color: #fff !important;
  display: block;
  font-size: var(--k-fs-label);
  font-weight: 600;
  margin-top: 1rem;
  padding: 0.55rem 1rem;
  text-align: center;
  text-decoration: none;
  transition: background 0.15s ease;
}

a.kalimat-roadmap-card__cta:hover,
.kalimat-roadmap-card__cta a:hover {
  background: #4C7D8A;
  color: #fff !important;
}

/* Arabic roadmap. */
.kalimat-roadmap-hero.kalimat-arabic,
.kalimat-roadmap-board.kalimat-arabic {
  font-family: var(--k-arabic, "Noto Naskh Arabic", serif);
}

.kalimat-roadmap-board.kalimat-arabic .kalimat-roadmap-card__title,
.kalimat-roadmap-board.kalimat-arabic .kalimat-roadmap-lane__title {
  line-height: var(--k-lh-snug);
}

.kalimat-roadmap-board.kalimat-arabic .kalimat-roadmap-card__desc,
.kalimat-roadmap-board.kalimat-arabic .kalimat-roadmap-card__ar,
.kalimat-roadmap-board.kalimat-arabic .kalimat-roadmap-card__dates,
.kalimat-roadmap-hero.kalimat-arabic .kalimat-roadmap-hero__intro {
  line-height: 1.9;
}

/* Form pages */
.kalimat-roadmap-formpage .oes-form {
  max-width: 44rem;
}

.kalimat-roadmap-formpage__term {
  color: #004659;
  font-weight: 600;
}

.kalimat-roadmap-formpage .oes-form label {
  display: block;
  font-weight: 600;
  margin-top: 0.9rem;
}

.kalimat-roadmap-formpage .oes-form button[type=submit] {
  background: #004659;
  border: 0;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: var(--k-fs-label);
  font-weight: 600;
  margin-top: 1.25rem;
  padding: 0.6rem 1.6rem;
  transition: background 0.15s ease;
}

.kalimat-roadmap-formpage .oes-form button[type=submit]:hover {
  background: #4C7D8A;
}

/* Arabic form pages: RTL from .kalimat-arabic on the wrapper; add the Naskh face. */
.kalimat-roadmap-formpage.kalimat-arabic,
.kalimat-roadmap-formpage.kalimat-arabic .oes-form {
  font-family: var(--k-arabic, "Noto Naskh Arabic", serif);
}

.kalimat-roadmap-formpage.kalimat-arabic .oes-form label {
  line-height: var(--k-lh-snug);
}

.kalimat-roadmap-hero {
  margin-inline: calc(50% - 50vw) !important;
  width: 100vw !important;
}

/*# sourceMappingURL=roadmap.css.map */