/* =============================================================
   Wood Screw 3D - page-specific styles

   The shared game.css opens with a global reset
   (`*, *::before, *::after { margin: 0; padding: 0 }`), so a plain
   <ul> in the article loses both its marker space and its vertical
   rhythm: the bullets sit flush against the edge and the paragraph
   that follows the list touches the last item.

   These rules give article lists the same spacing as the
   .info-desc paragraphs and the same yellow marker the shared
   .info-callout lists already use, so the page keeps one look.
   ============================================================= */

.info-list {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.info-list li {
  position: relative;
  padding: 0 0 0 24px;
  color: #d8d8e0;
  font-size: 15px;
  line-height: 1.7;
}

.info-list li::before {
  content: "\25B8";
  position: absolute;
  left: 4px;
  top: 0;
  color: var(--accent-yellow, #FECB01);
  font-size: 14px;
  line-height: 1.7;
}

.info-list li b,
.info-list li strong {
  color: #ffffff;
}

@media (max-width: 600px) {
  .info-list { gap: 6px; }
  .info-list li { padding-left: 20px; }
}