/* presskit: Key Features center + spacing */
.presskit-key-features {
  padding-top: 60px;           /* space above the section */
  padding-bottom: 40px;        /* space below the section */

  display: flex;
  justify-content: center;     /* centers the inner column horizontally */
  box-sizing: border-box;
}

.presskit-02-key-features {
  padding-top: 60px;           /* space above the section */
  padding-bottom: 40px;        /* space below the section */
  background-image: url('../images/games-bg.jpg');
  display: flex;
  justify-content: center;     /* centers the inner column horizontally */
  box-sizing: border-box;
}

.presskit-key-features .container-max {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* inner column width so content is readable and centered */
.presskit-key-features .container-max > div {
  max-width: 820px;
  width: 100%;
  box-sizing: border-box;
}

/* center the section heading */
.presskit-key-features .game-title {
  text-align: center;
  margin-bottom: 18px;
}

/* keep the list left-aligned for readability, but limit its width */
.presskit-key-features ul {
  margin-left: 0;
  max-width: 760px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  padding-left: 20px; /* preserve the bullet indent */
}

/* smaller screens — reduce vertical spacing and allow full width */
@media (max-width: 700px) {
  .presskit-key-features {
    padding-top: 30px;
    padding-bottom: 24px;
  }
  .presskit-key-features .container-max > div {
    padding: 0 16px;
    max-width: 100%;
  }
  .presskit-key-features ul {
    max-width: 100%;
    padding-left: 20px;
  }
}

/* Center each feature line (marker + text) individually */
.presskit-key-features .presskit-features-list {
  list-style-type: disc;
  list-style-position: inside;    /* marker is part of text flow so it centers with the text */
  padding-left: 0;                /* remove default gutter */
  margin: 0 auto 25px;            /* center the list container and keep bottom spacing */
  max-width: 760px;               /* constrain so long lines wrap nicely centered */
  width: 100%;
  box-sizing: border-box;
}

/* Center the bullet + text together for each list item */
.presskit-key-features .presskit-features-list li {
  display: list-item;             /* ensure normal list behavior */
  text-align: center;             /* center marker + text */
  margin: 10px 0;                 /* vertical spacing between items */
  line-height: 1.5;
  padding: 0 14px;                /* small side padding so wrapped lines don't touch edges */
}

/* Responsive tweaks */
@media (max-width: 700px) {
  .presskit-key-features .presskit-features-list {
    max-width: 100%;
    padding: 0 18px;              /* keep breathing room on mobile */
  }
  .presskit-key-features .presskit-features-list li {
    padding: 0 6px;
    margin: 8px 0;
  }
}

/* Ensure Key Features list text and markers are white */
.presskit-key-features .presskit-features-list li,
.presskit-key-features .presskit-features-list li strong {
  color: #ffffff !important;
}