/* ═══════════════════════════════════════
       CC-ART — COMMON CORE ARTICLE
    ═══════════════════════════════════════ */
    .cc-art {
      padding: 48px 24px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .cc-art-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: #1D3557;
      margin-bottom: 14px;
      border-left: 4px solid #457B9D;
      padding-left: 14px;
    }

    .cc-art > p {
      font-size: 1rem;
      color: #2F3437;
      max-width: 72ch;
      margin-bottom: 24px;
      line-height: 1.7;
    }

    .cc-ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .cc-ul li {
      display: flex;
      align-items: center;
      gap: 12px;
      background-color: #ffffff;
      border: 1px solid rgba(29, 53, 87, 0.12);
      border-radius: 6px;
      padding: 14px 18px;
      font-size: 0.97rem;
      font-weight: 500;
      color: #2F3437;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
      transition: background-color 0.2s, box-shadow 0.2s;
    }

    .cc-ul li::before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      min-width: 10px;
      border-radius: 50%;
      background-color: #457B9D;
    }

    .cc-ul li:hover {
      background-color: #f0f5fa;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
    }

    @media (max-width: 768px) {
      .cc-art-title {
        font-size: 1.25rem;
      }
    }