/* ページ見出し（共通h2と同じ見た目） */
.container-apps h1 {
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.01em;
  border-bottom: 1.5px solid var(--border-color-main);
}

/* wrapper-hero */
.wrapper-hero{

  p {
    color: var(--font-color-muted);
    font-size: 13px;
    letter-spacing: 0.03em;
  }
}

/* wrapper-apps */
.wrapper-apps{

  p { margin-bottom: 1rem; }

  /* app-list */
  .app-list {
    list-style: none;

    .card{
      width: 80%;
      background: var(--background-color-white);
      margin-bottom: 0.8rem;
      transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;

      img {
         max-width: 500px;
         display: block;
         margin: 0 auto;
      }
      hr{
        margin: 0;
      }
      .card-body {
        padding: 1.2rem 1.25rem;
      }

      .name {
        font-size: 1.1rem;
        font-weight: 600;
      }
      .name a {
        color: var(--font-color-main);
        text-decoration: none;
      }

      .desc {
      font-size: 13px;
      color: var(--font-color-muted);
      margin-top: 4px;
      }

    }

    .card::marker { content: none; }
    .card:hover {
      border-color: var(--accent-color-main);
      transform: translateY(-1px);
      box-shadow: 0 2px 8px rgba(184, 138, 62, 0.08);

      .name a { color: var(--accent-color-main); }
    }
  }
  .app-list::marker { color: var(--accent-color-main); }
}